@charset "utf-8";
/* main colors */
.red-primary {
  color: #fc541b;
}
.green-primary {
  color: #3d9752;
}
.blue-primary {
  color: #584de4;
}
/* text */
.text-black,
.text-main,
.text-primary {
  color: #000;
}
.text-secondary {
  color: #333;
}
.text-maininfo {
  color: #555;
}
.text-subinfo {
  color: #7f7e92;
}
.text-comment {
  color: #ccc;
}
.text-white {
  color: #fff;
}
.text-price {
  color: #4337de;
}
.text-gray {
  color: #9197a1;
}
.text-green {
  color: #009a50;
}
.text-trade {
  color: #f57a23;
}
.text-loan {
  color: #ab7319;
}
/* background */
.bg-apt {
  background-color: #4d55b2;
}
.bg-agent {
  background-color: #673daf;
}
.bg-school {
  background-color: #4aa973;
}
.bg-gray {
  background-color: #c2c2c5;
}
.bg-my {
  background-color: #eef0f3;
}
.bg-detail {
  background-color: #eaebec;
}
.bg-table {
  background-color: #fafafa;
}
.bg-selected {
  background-color: #f8f8ff;
}
/* button background */
.bg-confirm {
  background-color: #584de4;
}
.bg-cancel {
  background-color: #eef0f3;
}
.bg-disabled {
  background-color: #bbc1c7;
}
/* line */
/* etc */
/* chart */
/* quantile map */
/* svg 이미지 공통 스타일 (IE 대응을 위해 escape 처리) */
*,
textarea:focus,
input:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
  outline: none;
}
.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.hidden {
  display: none;
}
.clear {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
input::-webkit-input-placeholder {
  color: #fff;
}
input:-moz-placeholder {
  color: #fff;
}
input::-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder {
  color: #fff;
}
textarea::-webkit-input-placeholder {
  color: #fff;
}
textarea:-moz-placeholder {
  color: #fff;
}
textarea::-moz-placeholder {
  color: #fff;
}
textarea:-ms-input-placeholder {
  color: #fff;
}
.tooltip {
  position: absolute;
  z-index: 20;
  display: none;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
}
.tooltip .content {
  display: block;
  background-color: #3a3a3a;
  color: #c1c1c1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 8px;
  padding: 10px 10px;
  line-height: 1.5em;
  font-size: 13px;
  font-weight: normal;
  max-width: 230px;
  min-width: 100px;
}
.tooltip.bottom {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0);
}
.tooltip.bottom:before {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.tooltip.top {
  transform: translate3d(-50%, -100%, 0);
  -webkit-transform: translate3d(-50%, -100%, 0);
  -moz-transform: translate3d(-50%, -100%, 0);
  -ms-transform: translate3d(-50%, -100%);
}
.tooltip.top:after {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
}
.tooltip.top-left,
.tooltip.bottom-left {
  transform: translate3d(-10%, 0, 0);
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0);
}
.tooltip.top-left:before,
.tooltip.bottom-left:before {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  left: 10%;
}
.tooltip.top-right,
.tooltip.bottom-right {
  transform: translate3d(-90%, 0, 0);
  -webkit-transform: translate3d(-90%, 0, 0);
  -moz-transform: translate3d(-90%, 0, 0);
  -ms-transform: translate3d(-90%, 0);
}
.tooltip.top-right:before,
.tooltip.bottom-right:before {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  left: 90%;
}
.tooltip.left {
  padding-right: 8px;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%);
}
.tooltip.left:after {
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  position: absolute;
  left: initial;
  right: 0;
  top: 50%;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -5px;
}
.tooltip.left .content {
  display: inline-block;
  margin-top: 0;
}
.tooltip.right {
  padding-left: 8px;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%);
}
.tooltip.right:before {
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 8px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -254px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  transform: rotateZ(-90deg);
  -webkit-transform: rotateZ(-90deg);
  -moz-transform: rotateZ(-90deg);
  -ms-transform: rotateZ(-90deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: -2px;
  margin-top: -5px;
}
.tooltip.right .content {
  display: inline-block;
  margin-top: 0;
  margin-left: 0;
}
.m-select {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1005;
}
.m-select .inner {
  overflow: auto;
}
.m-select .list {
  text-align: center;
  position: relative;
  left: 50%;
  box-sizing: border-box;
  z-index: 1005;
  max-width: 240px;
  transform: translate3d(-120px, 0, 0);
  -webkit-transform: translate3d(-120px, 0, 0);
  -moz-transform: translate3d(-120px, 0, 0);
  -ms-transform: translate3d(-120px, 0);
}
.m-select .list li {
  display: inline-block;
  background: #fff;
  color: #666;
  min-width: 120px;
  max-width: 204px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 51px;
  color: #888;
  font-weight: 400;
  padding: 0 18px;
  vertical-align: bottom;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.m-select .list li.selected {
  font-weight: 600;
  color: #4337DE;
}
.m-select .list li:last-child {
  margin-bottom: 0;
}
.m-select.areaSelector .list li .subtext {
  margin-left: 7px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 52px;
  color: #999;
}
.m-select.areaSelector .list li .subtext .label {
  padding-right: 2px;
  letter-spacing: -1px;
}
.m-select.areaSelector .list li.selected .subtext {
  font-weight: 600;
  color: #4337DE;
}
.m-select .btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 15px 15px 80px 80px;
  background: -webkit-linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 60%);
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 60%);
}
.m-select .btn-close span {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -183px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  line-height: 52px;
  vertical-align: middle;
}
.icon[class^="icon-"]:before,
.icon[class*=" icon-"]:before {
  margin: 0;
}
.photo-container .btn-prev {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: left;
  width: 80px;
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.photo-container .btn-prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.photo-container .btn-prev:before {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -15px;
  font-size: 30px;
  font-family: fontello;
  content: '\E80D';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.photo-container .btn-next {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: left;
  width: 80px;
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.photo-container .btn-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.photo-container .btn-next:before {
  position: absolute;
  top: 50%;
  right: 15px;
  content: '\E80E';
  margin-top: -15px;
  font-size: 30px;
  font-family: fontello;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.photo-container .indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  text-align: center;
}
.photo-container .indicator.text {
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.35);
}
.photo-container .indicator .circle {
  margin: 0 4px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.8);
  opacity: 0.5;
}
.photo-container .indicator .circle.selected {
  opacity: 1;
}
.photo-container .indicator.small .circle {
  margin: 0 1px;
}
.photo-container .indicator.small .circle.selected {
  margin: 0 2px;
}
.scroll-menu-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.scroll-menu-container.has-more {
  white-space: normal;
}
.scroll-menu-container .gradient-left {
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 1px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -289px 0px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  transform: scale3d(1, 60, 1);
  -webkit-transform: scale3d(1, 60, 1);
  -moz-transform: scale3d(1, 60, 1);
  -ms-transform: scale3d(1, 60, 1);
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  pointer-events: none;
}
.scroll-menu-container .gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 1px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -287px -3px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  transform: scale3d(1, 60, 1);
  -webkit-transform: scale3d(1, 60, 1);
  -moz-transform: scale3d(1, 60, 1);
  -ms-transform: scale3d(1, 60, 1);
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  pointer-events: none;
}
.scroll-menu-container .ul-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-menu-container .ul-container::-webkit-scrollbar {
  width: 0px !important;
  display: none;
}
.scroll-menu-container ul {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  list-style-type: none;
}
.scroll-menu-container ul li {
  display: inline-block;
  height: 100%;
}
.scroll-menu-container ul li a {
  position: relative;
  display: block;
  padding: 0 9px;
}
.scroll-menu-container ul li a .scroll-link {
  display: block;
  color: #545454;
  font-size: 18px;
}
.scroll-menu-container ul li a .scroll-link.select {
  font-weight: bold;
  color: #484848;
  border-bottom: 2px solid #333;
}
.scroll-menu-container ul li a .scroll-link.applied {
  font-weight: bold;
}
.scroll-effect.scroll-effect-transition-1s {
  -webkit-transition: transform, 1s;
  -moz-transition: transform, 1s;
  -ms-transition: transform, 1s;
  -o-transition: transform, 1s;
  transition: transform, 1s;
}
.scroll-effect.scroll-effect-transition-2s {
  -webkit-transition: transform, 2s;
  -moz-transition: transform, 2s;
  -ms-transition: transform, 2s;
  -o-transition: transform, 2s;
  transition: transform, 2s;
}
.scroll-effect.scroll-effect-transition-3s {
  -webkit-transition: transform, 3s;
  -moz-transition: transform, 3s;
  -ms-transition: transform, 3s;
  -o-transition: transform, 3s;
  transition: transform, 3s;
}
.radial-progress {
  position: relative;
  width: 120px;
  height: 120px;
  background-color: #d6dadc;
  border-radius: 50%;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #97a71d;
}
.radial-progress .inset {
  width: 90px;
  height: 90px;
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  background-color: #fbfbfb;
  border-radius: 50%;
}
.multi-select-button {
  width: 100%;
}
.multi-select-button .btn {
  display: inline-block;
  height: 42px;
  font-size: 16px;
  background-color: #fff;
  color: #333;
  font-weight: normal;
  text-align: center;
  line-height: 42px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  margin-right: 2px;
  margin-left: 2px;
}
.multi-select-button .btn.on {
  border-color: #646464;
  background: #5963d9;
  color: #F3F3F3;
  border: 1px solid #fff;
}
.multi-select-button .btn.active:before {
  position: relative;
  top: 50%;
  margin-top: -6px;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -310px -106px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.multi-select-button .btn.inactive:before {
  position: relative;
  top: 50%;
  margin-top: -6px;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -324px -106px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.alternative-button .btn-type {
  display: inline-block;
  height: 35px;
  font-size: 16px;
  padding: 0 14px;
  background-color: #fff;
  color: #484848;
  font-weight: normal;
  text-align: center;
  line-height: 35px;
  box-sizing: border-box;
  border: 1px solid #dbd9d1;
  border-top: 1px solid #ddd;
}
.alternative-button .btn-type.on {
  border-color: #5965d7;
  background: #5965d7;
  color: #F3F3F3;
}
.alternative-button .btn-type:first-child {
  border-right: 0;
}
.alternative-button .btn-type:last-child {
  border-left: 0;
}
.profile-image-standalone {
  position: relative;
}
.profile-image-standalone .profile-image-wrap {
  overflow: hidden;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 1.2;
}
.profile-image-standalone .profile-image-wrap.square {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.profile-image-standalone .profile-image-wrap.circle {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.profile-image-standalone .profile-image-wrap img {
  object-fit: cover;
}
.profile-image-standalone .login-type {
  display: block;
  position: absolute;
  right: -8px;
  bottom: -3px;
  width: 23px;
  height: 23px;
  border-radius: 23px;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
.profile-image-standalone .login-type.kakao {
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -231px -200px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.profile-image-standalone .login-type.facebook {
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -257px -200px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.profile-image-standalone .login-type.mobile {
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -283px -200px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.profile-image-standalone .login-type.email {
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 23px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -309px -200px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .flex-even {
  flex: 1;
}
.flex-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#draggable-footer-layer .dimmed-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #484848;
  z-index: 1001;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#draggable-footer-layer .draggable-footer-layer {
  position: fixed;
  width: 100%;
  z-index: 1001;
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%);
  bottom: 0;
}
#draggable-footer-layer .draggable-footer-layer.smooth {
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
}
#draggable-footer-layer .draggable-footer-layer .drag-button {
  width: 100%;
  background-color: #fff;
  text-align: center;
  display: block;
  height: 26px;
  opacity: 0.97;
}
#draggable-footer-layer .draggable-footer-layer .drag-button:before {
  content: '';
  display: inline-block;
  white-space: nowrap;
  height: 4px;
  margin-bottom: 1px;
  width: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  top: 11px;
}
#draggable-footer-layer .draggable-footer-layer .btn-close {
  position: absolute;
  padding: 15px;
  right: 1px;
  top: 7px;
  z-index: 1;
}
#draggable-footer-layer .draggable-footer-layer .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
#draggable-footer-layer .draggable-footer-layer .btn-close.small {
  position: absolute;
  right: 0;
  top: 0;
  padding: 23px 24px 15px;
}
#draggable-footer-layer .draggable-footer-layer .btn-close.small > span {
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 13px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -223px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
#draggable-footer-layer .draggable-footer-layer .drag-button + .btn-close {
  right: 1px;
  top: 19px;
}
#draggable-footer-layer .draggable-footer-layer .body {
  position: relative;
}
#draggable-footer-layer .draggable-footer-layer.has-bottom + .drag-bottom-dimmed {
  display: block;
}
#draggable-footer-layer .drag-bottom-dimmed {
  display: none;
  position: fixed;
  z-index: 1002;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  height: 24px;
  background-color: #fff;
  background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.banner-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  z-index: 100;
  position: fixed;
  min-width: 300px;
  margin: 0 20px;
  width: calc(100% - 40px);
  padding: 15px;
  bottom: 20px;
  box-sizing: border-box;
  border: 0.5px solid #e3e3e3;
  background-color: #ffffff;
  box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.banner-container.bold {
  font-weight: bold;
}
@media screen and (min-width: 400px) {
  .banner-container {
    width: 400px;
    margin: 0 calc((100% - 400px) / 2);
  }
}
.banner-container.smooth {
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
}
.banner-container .btn-close {
  position: absolute;
  padding: 15px;
  right: 0px;
  top: 2px;
  z-index: 1;
}
.banner-container .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.banner-container .btn-close.small {
  position: absolute;
  right: 0;
  top: 0;
  padding: 17px 15px 15px;
}
.banner-container .btn-close.small > span {
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 13px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -223px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select {
  background-color: #fff;
  max-height: 380px;
}
.layer-share-select h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 21px 30px 10px 25px;
}
.layer-share-select .btn-close {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 15px;
}
.layer-share-select .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul {
  padding-left: 9px;
  padding-bottom: 10px;
}
.layer-share-select ul li {
  display: inline-block;
  width: 73px;
  padding: 14px 10px 10px 7px;
  text-align: center;
}
.layer-share-select ul li span {
  font-size: 13px;
}
.layer-share-select ul li a {
  display: block;
  height: 60px;
  padding-bottom: 8px;
}
.layer-share-select ul li a.kakao span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -222px -513px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.facebook span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -222px -575px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.twitter span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -346px -525px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.kakaostory span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -284px -587px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.band span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -284px -525px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.url span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -408px -525px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li a.share span {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -346px -587px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-share-select ul li:first-child {
  margin-top: 0;
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .layer-share-select ul {
    padding-left: 9px;
    padding-bottom: 10px;
  }
  .layer-share-select ul li {
    display: inline-block;
    width: 73px;
    padding: 14px 10px 10px 7px;
    text-align: center;
  }
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .layer-share-select ul {
    padding-left: 9px;
    padding-bottom: 10px;
  }
  .layer-share-select ul li {
    padding: 14px 21px 10px 7px;
  }
}
.toast-box-shadow {
  -moz-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  -webkit-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
}
.spoqa {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.spoqa.bold {
  font-weight: bold;
}
.flex-center-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
.flex-center-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
}
.btn-basic {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -ms-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.btn-basic.bold {
  font-weight: bold;
}
.btn-basic.weak {
  background-color: #f3f4fc;
  color: #584de4;
}
.btn-basic.weak[disabled] {
  background: #f0f0f0;
  color: #dadada;
}
.btn-basic.bottom-weak {
  background-color: #7f7e92;
  color: #ffffff;
}
.btn-basic.bottom-weak[disabled] {
  background: #f0f0f0;
  color: #dadada;
}
.btn-basic.fill {
  background-color: #584de4;
  color: #FFF;
}
.btn-basic.fill.important {
  -webkit-box-shadow: 0 4px 5px 0 rgba(89, 99, 217, 0.3);
  -moz-box-shadow: 0 4px 5px 0 rgba(89, 99, 217, 0.3);
  box-shadow: 0 4px 5px 0 rgba(89, 99, 217, 0.3);
}
.btn-basic.fill[disabled] {
  background: #f0f0f0;
  color: #dadada;
}
.btn-basic.empty {
  background-color: #FFF;
  border: solid 0.5px #cecfdc;
}
.btn-basic.empty[disabled] {
  background: #f0f0f0;
  color: #dadada;
}
.btn-basic.disabled {
  background-color: #f0f0f0;
  color: #dadada;
}
.btn-basic.full {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 57px;
  font-size: 17px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.btn-basic.large {
  padding: 0 20px;
  height: 60px;
  line-height: 58px;
  font-size: 17px;
}
.btn-basic.medium {
  padding: 0 15px;
  font-size: 16px;
  height: 42px;
  line-height: 40px;
}
.btn-basic.small {
  padding: 0 10px;
  height: 38px;
  line-height: 36px;
  font-size: 14px;
}
.btn-basic.block {
  display: block;
  width: 100%;
}
.btn-basic.fixed {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.btn-basic.not-radius {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.inline-text-input {
  cursor: pointer;
}
.bar-gauge {
  width: 100%;
  height: 5px;
  background-color: #eff0f7;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  border-radius: 2.5px;
}
.bar-gauge .gauge {
  transition-property: width;
  transition-duration: .15s;
  height: 5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  border-radius: 2.5px;
  background-color: #bfbed3;
  overflow: hidden;
  line-height: 999em;
  -webkit-transition: width, 0.2s;
  -moz-transition: width, 0.2s;
  -ms-transition: width, 0.2s;
  -o-transition: width, 0.2s;
  transition: width, 0.2s;
}
.tab-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  left: 0;
  top: 56px;
  margin-top: 0;
  font-size: 16px;
  background-color: #FFF;
  z-index: 99;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  border-bottom: 0.5px solid #e5e5e5;
}
.tab-container.bold {
  font-weight: bold;
}
.tab-container ul li {
  display: inline-block;
  text-align: center;
}
.tab-container ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
}
.tab-container ul li.selected {
  border-bottom: 2px solid #484848;
}
.tab-container ul li.selected a {
  color: #484848;
  font-weight: bold;
}
.tab-container.scrollable .arrow {
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  z-index: 1;
  padding: 10px 10px 0 10px;
  background-color: #FFF;
  cursor: pointer;
}
.tab-container.scrollable .arrow.left {
  left: 0;
}
.tab-container.scrollable .arrow.right {
  right: 0;
}
.tab-container.scrollable ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  list-style-type: none;
}
.tab-container.scrollable ul.use-left-arrow {
  margin-left: 22px;
}
.tab-container.scrollable ul.use-right-arrow {
  margin-right: 22px;
}
.tab-container.scrollable ul::-webkit-scrollbar {
  width: 0px !important;
  display: none;
}
.tab-container.scrollable ul li {
  min-width: 81.5px;
}
.tab-container.scrollable ul li a {
  padding: 10px 22px;
}
.react-swipe-container .react-swipe-indicator {
  position: relative;
  margin: 10px auto;
  height: 9px;
  line-height: 0;
  overflow: hidden;
}
.react-swipe-container .react-swipe-indicator .react-swipe-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  text-align: left;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}
.react-swipe-container .react-swipe-indicator .react-swipe-indicator-container .react-swipe-indicator-item {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 3px;
  background: #ddd;
  -webkit-border-radius: 3.5px;
  -moz-border-radius: 3.5px;
  -ms-border-radius: 3.5px;
  -o-border-radius: 3.5px;
  border-radius: 3.5px;
}
.react-swipe-container .react-swipe-indicator .react-swipe-indicator-container .react-swipe-indicator-item.current {
  background: #584de4;
}
.react-swipe-container .react-swipe-indicator .react-swipe-indicator-container .react-swipe-indicator-item.small {
  transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
}
.react-swipe-container .react-swipe-indicator .react-swipe-indicator-container .react-swipe-indicator-item.tiny {
  transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}
.swipe-tutorial {
  padding: 15px 25px;
  box-sizing: border-box;
}
.swipe-tutorial .swipe-tutorial-item .title {
  margin: 10px 0;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #000;
  line-height: 1.4;
}
.swipe-tutorial .swipe-tutorial-item .content {
  margin: 15px 0;
  line-height: 1.4;
  text-align: center;
  font-size: 14px;
  color: #7f7e92;
}
#react-root {
  height: 100%;
}
#react-root > div {
  height: 100%;
}
#react-root .iso-root {
  height: 100%;
}
#wrap {
  overflow: hidden !important;
  position: relative;
  min-width: 320px;
  min-height: 100%;
}
#header {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 1000;
  margin-bottom: -57px;
  height: 57px;
  width: 100%;
  background-color: #fff;
  border-bottom: 0;
  color: #484848;
}
#header.bold {
  font-weight: bold;
}
#header h2 {
  padding: 0 72px;
  position: relative;
  text-align: center;
  font-weight: bold;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
#header h2 span {
  display: inline-block;
}
#header h2 span:only-child {
  line-height: normal;
}
#header h2 .header-title {
  font-size: 17px;
  color: #484848;
  line-height: 1.41;
}
#header h2 .header-subtitle {
  font-size: 13px;
  font-weight: 400;
  color: #7f7e92;
  line-height: 1.38;
}
#header.scroll {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  margin-bottom: 0;
}
#header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.chat #header {
  height: 50px;
  margin-bottom: -50px;
  border-bottom: 1px solid #ededed;
}
#header .btn-prev {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px;
  box-sizing: border-box;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
#header .btn-prev span {
  transform: translateY(0.5px);
  font-size: 17px;
  color: #7f7e92;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -187px -400px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
#header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: inherit;
  width: 60px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
#header .btn-back span {
  transform: translateY(0.5px);
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
#header .btn-next {
  position: absolute;
  top: 0;
  right: 0;
  height: inherit;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
#header .btn-next span {
  font-size: 17px;
  color: #7f7e92;
}
#wrap .card-container {
  background-color: #f8f8f9;
}
#wrap .card {
  position: relative;
  border-bottom: 8px solid #f8f8f9;
  background-color: #FFF;
}
#wrap .card:last-child,
#wrap .card:empty,
#wrap .card.hide,
#wrap .card.no-border {
  border-bottom: 0;
}
#wrap .card .card-title {
  padding: 20px 24px 9px 24px;
  font-size: 15px;
  line-height: 1.33;
}
#wrap .card .card-header .card-title {
  font-weight: bold;
  padding: 14px 24px 4px 24px;
}
#wrap .card .card-header .card-sub-title {
  margin-top: 4px;
  font-size: 14px;
  padding: 0 24px 16px 24px;
}
.footer-confirm {
  z-index: 1000;
  font-weight: bold;
  -webkit-transition: min-height 0.3s, color 0.3s, background-color 0.3s;
  -moz-transition: min-height 0.3s, color 0.3s, background-color 0.3s;
  -ms-transition: min-height 0.3s, color 0.3s, background-color 0.3s;
  -o-transition: min-height 0.3s, color 0.3s, background-color 0.3s;
  transition: min-height 0.3s, color 0.3s, background-color 0.3s;
}
.footer-confirm.later {
  width: 120px;
  background-color: #9197a1;
}
.footer-confirm.right {
  padding-left: 120px;
}
.sch #header,
.chat #header,
.scene-auth #header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  margin-bottom: 0;
}
.sch {
  background: #fdfdfd;
}
.sch #header {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.chat {
  background: #444d92;
}
.certi {
  background: #eeeff0;
}
#container .top {
  text-align: center;
}
.chat #container {
  padding: 110px 0 30px;
}
#loading {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  border-bottom: 1px solid rgba(40, 28, 193, 0.25);
  animation-duration: 1s;
  animation-name: loading;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: loading;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: loading;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: loading;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
#loading span {
  line-height: 999em;
}
[data-scroll-line] {
  transition: box-shadow 0.2s ease;
}
[data-scroll-line].border-bottom-on-scroll {
  border-bottom: 0.5px solid #e5e5e5 !important;
}
.footer-button-container.fixed {
  margin-bottom: 60px;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
.pswp__content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 60px;
  display: block;
  font-size: 16px;
  color: #FFF;
  text-align: left;
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.pswp__content a {
  display: block;
  min-height: 60px;
  padding: 15px 10px;
  color: #FFF;
  font-weight: 400;
}
.pswp__content a .title {
  font-weight: 600;
  margin-right: 5px;
}
.pswp__content a .more {
  color: #888;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
    Contents:
    1. Buttons
    2. Share modal and links
    3. Index indicator ("1 of X" counter)
    4. Caption
    5. Loading indicator
    6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.0ff4d62150facee6b7dec616100ad3da.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.0ff4d62150facee6b7dec616100ad3da.png);
  }
  .pswp--svg .pswp__button--close,
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
    Arrow buttons hit area
    (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*
    2. Share modal/popup and links
 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*
    3. Index indicator ("1 of X" counter)
 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*

    4. Caption
 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 60px;
  width: 100%;
  background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: center;
  margin: 0 auto;
  vertical-align: middle;
  min-height: 60px;
  font-size: 16px;
  padding: 15px 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*
    5. Loading indicator (preloader)
    You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.14d740b6ee64510747b03b411d46f200.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /*
            The idea of animating inner circle is based on Polymer ("material") loading indicator
             by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
        */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

    6. Additional styles
 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__top-bar .pswp__button--close__icn {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -42px -204px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  opacity: 0.75;
}
.pswp__top-bar .pswp__button--close__icn:hover {
  opacity: 1;
}
.pswp__caption,
.pswp__content,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
    pswp__ui--hidden class is added when controls are hidden
    e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__content,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
.dimmed-layer-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 20px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dimmed-layer-container.bold {
  font-weight: bold;
}
.dimmed-layer-container.bold {
  font-weight: bold;
}
.dimmed-layer-container.alert {
  z-index: 1002;
}
.dimmed-layer-container.full-screen-layer {
  top: 60px;
  margin: 0;
  bottom: 0;
  background: #fff;
}
.dimmed-layer-container.full-screen-layer .header {
  height: 55px;
}
.dimmed-layer-container.full-screen-layer .header .title {
  padding: 15px 15px;
  font-size: 16px;
  color: #484848;
  text-align: center;
}
.dimmed-layer-container.full-screen-layer .header .btn-close {
  position: absolute;
  top: 6px;
  right: 7px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.dimmed-layer-container.full-screen-layer .header .btn-close span {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.dimmed-layer-container .dimmed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 1000;
}
.dimmed-layer-container .dimmed.info,
.dimmed-layer-container .dimmed.effect {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.dimmed-layer-container .effect-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.dimmed-layer-container .dimmed-layer {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1000;
  margin: 0 0px;
  -webkit-overflow-scrolling: touch;
}
.dimmed-layer-container .dimmed-layer .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer .btn-close span {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.dimmed-layer-container .dimmed-layer .btn-close-pos {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 15px 20px;
}
.dimmed-layer-container .dimmed-layer.dialog-layer {
  position: absolute;
  height: auto;
  width: auto;
  top: 50%;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
  max-height: 442px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-cancel {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 0 15px;
  font-size: 16px;
  height: 42px;
  line-height: 39px;
  width: calc(50% - 3px);
  margin-right: 6px;
  background-color: #f3f4fc;
  color: #584de4;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-cancel.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-confirm {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 0 15px;
  font-size: 16px;
  height: 42px;
  line-height: 39px;
  width: calc(50% - 3px);
  background-color: #584de4;
  color: #FFF;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-confirm.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-disabled {
  display: inline-block;
  padding: 10px 49.5px;
  margin: 0px 6px 0px 0px;
  background-color: #f2f2f2;
  color: #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-group {
  text-align: center;
  margin: 24px 0 18px 0;
  padding: 0px 30px;
  min-height: 42px;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .body-group {
  text-align: center;
  margin: 25px 0 20px 0;
  padding: 0px 20px;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .body-group .title {
  margin-top: 14px;
  font-size: 20px;
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .body-group .message {
  margin-top: 9px;
  font-size: 16px;
  font-weight: normal;
  color: #7f7e92;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-flex {
  display: flex;
}
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-flex .btn-cancel,
.dimmed-layer-container .dimmed-layer.dialog-layer .btn-flex .btn-confirm {
  flex: auto;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text,
.dimmed-layer-container .dimmed-layer.alert-layer .text {
  margin: 40px 30px 0 30px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  max-height: 348px;
  overflow-y: auto;
  text-align: center;
  word-break: keep-all;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text.left,
.dimmed-layer-container .dimmed-layer.alert-layer .text.left {
  text-align: left;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .detail,
.dimmed-layer-container .dimmed-layer.alert-layer .text .detail {
  font-weight: 400;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .detail h3,
.dimmed-layer-container .dimmed-layer.alert-layer .text .detail h3 {
  font-weight: 600;
  color: #4337DE;
  text-align: center;
  font-size: 24px;
  margin: 10px 0;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .detail p,
.dimmed-layer-container .dimmed-layer.alert-layer .text .detail p {
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .detail em,
.dimmed-layer-container .dimmed-layer.alert-layer .text .detail em {
  font-weight: 600;
  color: #4337DE;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .detail .desc,
.dimmed-layer-container .dimmed-layer.alert-layer .text .detail .desc {
  font-size: 14px;
  color: #777;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .info,
.dimmed-layer-container .dimmed-layer.alert-layer .text .info {
  font-weight: normal;
  font-size: 15px;
  color: #777;
  padding: 7px 0;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .info:first-child,
.dimmed-layer-container .dimmed-layer.alert-layer .text .info:first-child {
  padding-top: 0;
}
.dimmed-layer-container .dimmed-layer.confirm-layer .text .info:last-child,
.dimmed-layer-container .dimmed-layer.alert-layer .text .info:last-child {
  padding-bottom: 0;
}
.dimmed-layer-container .dimmed-layer.agree-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dimmed-layer-container .dimmed-layer.agree-layer.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.agree-layer .text {
  margin: 30px 20px 0 20px;
  color: #111;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  max-height: 348px;
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.agree-layer .text.left {
  text-align: left;
}
.dimmed-layer-container .dimmed-layer.agree-layer .text p {
  line-height: 1.4;
}
.dimmed-layer-container .dimmed-layer.agree-layer .sub-text {
  margin: 15px 20px 0 20px;
  color: #7f7e92;
  font-size: 15px;
  font-weight: normal;
  line-height: 23px;
  max-height: 348px;
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.agree-layer .sub-text.left {
  text-align: left;
}
.dimmed-layer-container .dimmed-layer.agree-layer .btn-group {
  margin: 0 0 20px 0;
}
.dimmed-layer-container .dimmed-layer.agree-layer .btn-group .agree {
  color: #484848;
  font-weight: bold;
  padding: 20px 10px;
}
.dimmed-layer-container .dimmed-layer.agree-layer .btn-group .agree .checkbox-container {
  line-height: 1;
  position: relative;
}
.dimmed-layer-container .dimmed-layer.agree-layer .btn-group .agree .checkbox-container input {
  position: absolute;
  margin-top: -9px;
  padding: 10px;
  box-sizing: content-box;
}
.dimmed-layer-container .dimmed-layer.agree-layer .btn-group .agree .checkbox-container label {
  padding: 10px 10px 10px 35px;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer {
  position: absolute;
  height: auto;
  width: auto;
  top: 50%;
  left: 50%;
  width: 290px;
  margin-left: -145px;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
  max-height: 442px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .header-bg {
  background-image: url("https://static.hogangnono.com/img/bg/bg-popover.png");
  background-size: 310px 106px;
  position: relative;
  width: 100%;
  height: 106px;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .header-bg .btn-cancel {
  position: absolute;
  padding: 15px;
  right: 0px;
  top: 0px;
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
  opacity: 0.6;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .header-bg .icon {
  width: 90px;
  height: 90px;
  background-color: #fff;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  -ms-border-radius: 90px;
  -o-border-radius: 90px;
  border-radius: 90px;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  bottom: -45px;
  content: '';
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .header-bg .icon:after {
  position: absolute;
  left: 24px;
  top: 23px;
  display: inline-block;
  overflow: hidden;
  width: 42px;
  height: 41px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -186px -205px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .title {
  margin: 50px 0 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #5963d9;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .text {
  padding: 0 35px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.36;
  text-align: center;
  color: #717485;
}
.dimmed-layer-container .dimmed-layer.ad-agree-layer .btn-confirm {
  display: block;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  color: #717485;
  margin-top: 25px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer {
  position: absolute;
  height: auto;
  width: auto;
  top: 50%;
  left: 50%;
  width: 290px;
  margin-left: -145px;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
  max-height: 442px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .header-bg {
  background-image: url("https://static.hogangnono.com/img/bg/bg-popover.png");
  background-size: 310px 106px;
  position: relative;
  width: 100%;
  height: 106px;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .header-bg .icon {
  width: 90px;
  height: 90px;
  background-color: #fff;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  -ms-border-radius: 90px;
  -o-border-radius: 90px;
  border-radius: 90px;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  bottom: -45px;
  content: '';
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .header-bg .icon:after {
  position: absolute;
  left: 24px;
  top: 23px;
  display: inline-block;
  overflow: hidden;
  width: 38px;
  height: 41px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -209px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .title {
  margin: 45px 10px 10px;
  font-size: 20px;
  text-align: center;
  color: #5963d9;
  font-weight: normal;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .title .agent {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .text {
  padding: 0 35px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.36;
  text-align: center;
  color: #717485;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .btn-cancel {
  display: inline-block;
  width: 145px;
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  color: #717485;
  margin-top: 25px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.agent-like-layer .btn-confirm {
  display: inline-block;
  width: 145px;
  border-top: 1px solid #e7e7e7;
  color: #584de4;
  margin-top: 25px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.loan-table-layer {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 45px 30px 20px 20px;
}
.dimmed-layer-container .dimmed-layer.event-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 20px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.dimmed-layer-container .dimmed-layer.event-layer.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.trade-confirm-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 24px 18px 18px 18px;
}
.dimmed-layer-container .dimmed-layer.trade-confirm-layer.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.trade-confirm-layer .btn-group {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0;
}
.dimmed-layer-container .dimmed-layer.partner-description-confirm-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 25px 20px 20px 20px;
  max-height: 600px;
}
.dimmed-layer-container .dimmed-layer.partner-description-confirm-layer.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.partner-description-confirm-layer .text {
  margin: 0;
  max-height: 500px;
  overflow-y: unset;
}
.dimmed-layer-container .dimmed-layer.partner-description-confirm-layer .btn-group {
  margin: 20px 0 0 0;
  padding: 0;
}
.dimmed-layer-container .dimmed-layer.partner-description-confirm-layer .btn-group a {
  height: 50px;
  line-height: 49px;
  padding: 0 31.5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 30px 20px 20px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .title {
  font-size: 24px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info {
  position: relative;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .apartment-info {
  display: inline-block;
  overflow: hidden;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -437px -296px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  width: 95px;
  height: 123px;
  text-align: center;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  line-height: 1;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .apartment-info .floor {
  margin-top: 18px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .apartment-info .line {
  margin-top: 23px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .apartment-info .subject {
  font-size: 13px;
  color: #5963d9;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap {
  position: relative;
  height: 70px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group {
  position: absolute;
  top: 10px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group.real {
  color: #4337de;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group.trade {
  right: 0px;
  text-align: right;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group .dong-sub-title {
  font-weight: 400;
  font-size: 15px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group .price {
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .price-wrap .price-group .price.empty {
  font-weight: 300;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .dong-info-wrap {
  position: absolute;
  width: 175px;
  right: 0px;
  top: 58px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .dong-info-wrap .area-list {
  display: block;
  position: relative;
  margin-top: 10px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .dong-info-wrap .area-list ul:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .dong-info-wrap .area-list ul .list {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  -ms-border-radius: 17.5px;
  -o-border-radius: 17.5px;
  border-radius: 17.5px;
  background-color: #fff;
  color: #555;
  border: 1px solid #ececec;
  position: relative;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  line-height: 35px;
  padding: 1px 10px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .dong-info .dong-info-wrap .area-list ul .list.activate {
  background-color: #ececec;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong {
  position: relative;
  background-color: #ececec;
  margin-top: 16px;
  height: 100px;
  overflow: hidden;
  white-space: nowrap;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .btn-dong-trade {
  background-color: #fff;
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 47px;
  line-height: 47px;
  font-size: 17px;
  color: #4337de;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .empty-trade-list {
  background-color: #ececec;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #4337de;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .loading {
  position: relative;
  height: 48px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .loading .spinner {
  top: 20px!important;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .toggle-simple-mode {
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 10px;
  background-color: #fff;
  line-height: 28px;
  padding: 0 10px;
  font-size: 15px;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .toggle-simple-mode.activate {
  background-color: #5963d9;
  color: #fff;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .title {
  padding: 15px 20px 5px 20px;
  color: #4337de;
  font-size: 15px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list {
  position: relative;
  background-color: #eaebed;
  padding-bottom: 1px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .loading-more {
  position: relative;
  height: 48px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .loading-more .spinner {
  top: 20px!important;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .sub-title {
  display: inline-block;
  color: #4337de;
  font-size: 15px;
  padding: 15px 20px 0;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .sub-title:after {
  font-family: fontello;
  content: '\E810';
  margin-left: 6px;
  color: #8880f7;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .trade {
  position: relative;
  border-top: 1px solid #eaebed;
  padding: 18px 0 0;
  margin: 10px 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .trade:nth-child(2) {
  margin-top: 5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group {
  padding: 0 20px 18px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .price {
  display: block;
  margin-top: 1px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .profile {
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 135px;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .profile-image {
  position: absolute;
  right: 115px;
  top: 20px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .date {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #c1c1c1;
  padding-left: 1px;
  text-align: right;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .description {
  display: block;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  line-height: 1.3;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .etc {
  margin-top: 5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .etc span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 0 10px;
  background-color: #efefef;
  font-size: 14px;
  margin-right: 6px;
  margin-top: 5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .info-group .etc span:last-child {
  margin-right: 0;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .btn-call {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #5963d9;
  width: 85px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple {
  padding: 12px 10px 11px;
  position: relative;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .price {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .etc {
  display: inline-block;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .etc .etc-item {
  margin-left: 5px;
  color: #888;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .date {
  display: block;
  font-size: 13px;
  color: #c1c1c1;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .btn-toggle-simple {
  display: block;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .simple .btn-toggle-simple:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7.5px;
  content: '';
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .btn-more-trade {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  height: 48px;
  padding-top: 5px;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .btn-more-trade span:after {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  margin-left: -5px;
  top: 27px;
  content: '';
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments {
  border-top: 1px solid #eaebed;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .input-comment {
  border-top: 1px solid #eaebed;
  display: block;
  font-size: 15px;
  padding: 0 20px;
  line-height: 48px;
  width: 100%;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .input-comment:first-child {
  border-top: 0;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .comment-list {
  position: relative;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .comment-list:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .profile h5 {
  font-weight: normal;
  font-size: 13px;
  display: block;
  padding: 0 5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .date {
  display: inline-block;
  color: #c1c1c1;
  font-size: 11px;
  padding: 5px 5px 0;
  vertical-align: bottom;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .question,
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer {
  float: left;
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding: 10px 15px 0;
  margin-top: 5px;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .question:after,
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .question:last-child,
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer:last-child {
  margin-bottom: 10px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .content {
  min-width: 200px;
  display: inline-block;
  word-wrap: break-word;
  background-color: #f2f2f2;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 12px 16px;
  margin-top: 5px;
  box-sizing: border-box;
  max-width: 250px;
  text-align: left;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer {
  text-align: right;
  float: right;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer .profile {
  text-align: right;
  color: #5963d9;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .answer .content {
  background-color: #5963d9;
  color: #fff;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .btn-more-comment {
  color: #888;
  text-align: center;
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 38px;
  top: -5px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments .btn-more-comment span:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  vertical-align: middle;
  margin-left: 6px;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments input::-webkit-input-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments input:-moz-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments input::-moz-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments input:-ms-input-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments textarea::-webkit-input-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments textarea:-moz-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments textarea::-moz-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.dong-layer .dong-wrap .trade-dong-scroll .trade-dong .trade-dong-list .comments textarea:-ms-input-placeholder {
  color: #aaa;
}
.dimmed-layer-container .dimmed-layer.layer-instruction {
  padding: 24px 24px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction h2 {
  font-size: 20px;
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.layer-instruction blockquote {
  color: #7f7e92;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 20px;
  margin-left: 15px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction blockquote ul li {
  list-style-type: disc;
  margin-bottom: 15px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction blockquote ul li:last-child {
  margin-bottom: 0;
}
.dimmed-layer-container .dimmed-layer.layer-instruction blockquote a {
  color: #584de4;
  text-decoration: underline;
}
.dimmed-layer-container .dimmed-layer.layer-instruction strong {
  color: #484848;
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-table {
  margin: 5px 0;
  text-align: center;
  width: 100%;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-table thead th {
  color: #fff;
  background: #5963d9;
  border-left: solid 1px #eff2f4;
  font-size: 13px;
  padding: 8px 3px 7px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-table tbody td {
  color: #333;
  background: #fff;
  font-size: 12px;
  border-bottom: solid 1px #e2e2e2;
  border-left: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2;
  padding: 9px 4px 7px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .text {
  display: block;
  margin-top: 7px;
  color: #000;
  font-size: 15px;
  line-height: 1.33;
  white-space: pre-wrap;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .text.dark {
  color: #333;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .text .highlight {
  color: #373E96;
  font-weight: 500;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation {
  position: relative;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .info {
  font-size: 13px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .info .icon.icon-help-circled {
  display: inline-block;
  margin-right: 5px;
  color: #ccc;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail {
  box-sizing: border-box;
  padding-bottom: 15px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail h5 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  color: #373E96;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .icon.icon-circle:before {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.7;
  font-size: 21px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .speculation.icon.icon-circle:before {
  color: #f50707;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .speculation-ridden.icon.icon-circle:before {
  color: #f56a07;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .controlled.icon.icon-circle:before {
  color: #f5d807;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .title-wrap {
  margin-top: 5px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .title-wrap .main-title {
  font-size: 14px;
  list-style-type: disc;
  color: #555;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .detail .title-wrap ul .main-sub-title {
  font-size: 13px;
  padding-top: 1px;
  color: #777;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container {
  text-align: center;
  margin: 10px 0 15px;
  border-bottom: 1px solid #e2e3e5;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container ul {
  height: 30px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container ul li a {
  padding: 0 10px;
  font-size: 14px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container ul li a .select {
  height: 28px;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container ul li:first-child a {
  padding-left: 0;
}
.dimmed-layer-container .dimmed-layer.layer-instruction .instruction-speculation .scroll-menu-container ul li:last-child a {
  padding-right: 0;
}
.dimmed-layer-container .dimmed-layer.common-dimmed-layer {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.dimmed-layer-container .dimmed-layer.common-dimmed-layer .header {
  height: 55px;
}
.dimmed-layer-container .dimmed-layer.common-dimmed-layer .header .title {
  padding: 15px 15px;
}
.dimmed-layer-container .dimmed-layer.common-dimmed-layer .message {
  position: absolute;
  width: 80%;
  background-color: black;
  color: white;
  opacity: 0.7;
  padding: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dimmed-layer-container .dimmed-layer.common-dimmed-layer .message .text {
  opacity: 1;
  font-weight: 200;
}
.dimmed-layer-container .dimmed-layer.lightbox-layer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 1000;
}
.dimmed-layer-container .dimmed-layer.lightbox-layer .image-wrap {
  display: table-cell;
  vertical-align: middle;
}
.dimmed-layer-container .dimmed-layer.lightbox-layer .image-wrap .image {
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.lightbox-layer .image-wrap .image img {
  vertical-align: middle;
}
.dimmed-layer-container .dimmed-layer.lightbox-layer .image-wrap .image .btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 15px 15px 80px 80px;
  background: -webkit-linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 60%);
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 60%);
}
.dimmed-layer-container .dimmed-layer.lightbox-layer .image-wrap .image .btn-close span {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -183px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  line-height: 52px;
  vertical-align: middle;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 25px 20px 20px 20px;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .title-container {
  text-align: center;
  color: #484848;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .title-container p {
  line-height: 1.4;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .title-container .title {
  font-size: 20px;
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .title-container .apt-name {
  font-size: 16px;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .static-poi-map {
  margin-top: 20px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .btn-group {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .btn-group button {
  width: calc(50% - 3px);
  height: 50px;
  line-height: 50px;
}
.dimmed-layer-container .dimmed-layer.apt-confirm-layer .btn-group button:first-child {
  margin-right: 6px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #484848;
  padding: 20px 20px;
  margin: 20px 0;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart h3 {
  font-size: 20px;
  line-height: 28px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart h4 {
  color: #7f7e92;
  font-size: 16px;
  line-height: 22px;
  margin-top: 3px;
  font-weight: normal;
  margin-bottom: 12px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line {
  height: 175px;
  text-align: center;
  margin: 15px 4px 0px 4px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .axis text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  fill: #7f7e92;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .axis text.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .axis.x .tick line {
  stroke: none;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .axis.y .tick line.first {
  stroke: #9290ac;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .area path.data-line {
  fill: none;
  stroke: #4337de;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-wrapper.chart-line .focus-line {
  stroke-dasharray: 3;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-tooltip-label {
  background-color: #484848;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .chart-tooltip-label .chart-tooltip-date {
  font-size: 13px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .inline-text-input {
  width: calc(100% - 30px);
  display: inline-block;
  padding: 11px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #484848;
  font-size: 16px;
  height: 44px;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .inline-text-input.red {
  border-color: #fc541b;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container {
  line-height: 1;
  vertical-align: middle;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container input[type=checkbox] {
  margin-right: 10px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container .text-input {
  height: 44px;
  width: calc(100% - 30px);
  display: inline-block;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container .text-input input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  display: inline-block;
  padding: 9px 11px 13px 11px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #484848;
  font-size: 16px;
  padding-right: 10px;
  margin-right: 0;
  height: 44px;
  line-height: normal;
  box-sizing: border-box;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container .text-input input.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container .text-input .btn-reset {
  margin-top: -11px;
  right: 15px;
}
.dimmed-layer-container .dimmed-layer.ad-estimated-chart .checkbox-container.checked .inline-text-input {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image.bold {
  font-weight: bold;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container {
  width: 100%;
  padding: 25px 20px 20px;
  box-sizing: border-box;
  text-align: center;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #484848;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .sub-title {
  font-size: 16px;
  margin-top: 10px;
  color: #484848;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .image-group {
  margin-top: 19px;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .image-group img {
  width: 100%;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .btn-group {
  margin-top: 15px;
}
.dimmed-layer-container .dimmed-layer.layer-sample-image .container .btn-group .btn-confirm {
  font-size: 17px;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #584de4;
  color: #FFF;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.dimmed-layer-container > ._dimmedLayer:last-child {
  opacity: 0;
}
.dimmed-layer-container.dialog > div {
  display: none;
}
.dimmed-layer-container.dialog > div:last-child,
.dimmed-layer-container.dialog .dimmed {
  display: block;
}
.dimmed-layer-container.fadeIn > div:last-child {
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -ms-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.dimmed-layer-container.dark .dimmed {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.toast-message-layer {
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: black;
  color: white;
  opacity: 0.9;
  padding: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  -ms-border-radius: 4;
  -o-border-radius: 4;
  border-radius: 4;
}
.toast-message-layer .text {
  font-size: 17px;
  opacity: 1;
}
.toast-message-layer.show {
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0);
  -webkit-transition: transform 0.35s, opacity 0.1s;
  -moz-transition: transform 0.35s, opacity 0.1s;
  -ms-transition: transform 0.35s, opacity 0.1s;
  -o-transition: transform 0.35s, opacity 0.1s;
  transition: transform 0.35s, opacity 0.1s;
  opacity: 1;
}
.toast-message-layer.hide {
  transform: translate3d(-50%, -180px, 0);
  -webkit-transform: translate3d(-50%, -180px, 0);
  -moz-transform: translate3d(-50%, -180px, 0);
  -ms-transform: translate3d(-50%, -180px);
  -webkit-transition: transform 0.3s, opacity 1s;
  -moz-transition: transform 0.3s, opacity 1s;
  -ms-transition: transform 0.3s, opacity 1s;
  -o-transition: transform 0.3s, opacity 1s;
  transition: transform 0.3s, opacity 1s;
}
/* iphone style reset */
input:matches([type="checkbox"], [type="radio"]):checked:disabled {
  opacity: 1;
  background-color: initial;
}
.checkbox-container {
  line-height: 2;
}
.checkbox-container input {
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  width: 20px;
  height: 21px;
}
.checkbox-container input:after {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  content: '';
}
.checkbox-container label {
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-container.checked input {
  border: 0;
}
.checkbox-container.checked input:after {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  vertical-align: middle;
}
.slider .track {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  background-color: #d8d8d8;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
}
.slider .thumb-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.slider .thumb-group .track-unselected {
  z-index: 0;
  position: absolute;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  background-color: #584de4;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.slider .thumb-group .thumb {
  z-index: 2;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  vertical-align: middle;
  -webkit-border-radius: 12.5px;
  -moz-border-radius: 12.5px;
  -ms-border-radius: 12.5px;
  -o-border-radius: 12.5px;
  border-radius: 12.5px;
  margin-left: -12.5px;
  background-color: #584de4;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.slider .thumb-group.right-side .track-unselected {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.slider.range .thumb {
  background-color: #d8d8d8;
}
.slider.range .thumb:before {
  position: absolute;
  top: 8px;
  left: 10px;
  display: inline-block;
  overflow: hidden;
  width: 5px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -87px -204px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.slider.range .thumb-bar {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 25px;
  background-color: #584de4;
  vertical-align: middle;
  margin-left: -12.5px;
  z-index: 1;
}
.slider.range .thumb-bar.draggable:before {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -4px;
  display: inline-block;
  overflow: hidden;
  width: 9px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -81px -213px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.slider.range .thumb-group.right-side .thumb:before {
  left: 11px;
  display: inline-block;
  overflow: hidden;
  width: 5px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -81px -204px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.slider.incr .thumb-group .track-unselected {
  background-color: #584de4;
}
.slider.incr.warn .thumb {
  background-color: #fb3535;
}
.slider.incr.warn .thumb-group .track-unselected {
  background-color: #fb3535;
}
.slider.decr .track {
  background-color: #584de4;
}
.slider.decr .thumb-group .track-unselected {
  background-color: #d8d8d8;
}
.slider.decr.warn .track {
  background-color: #fb3535;
}
.slider.decr.warn .thumb {
  background-color: #fb3535;
}
.slider.decr.warn .thumb-group .track-unselected {
  background-color: #d8d8d8;
}
.slider.filter .thumb {
  background-color: #fff;
}
.slider.filter .thumb:before {
  content: none;
}
.slider.filter.range .thumb:before {
  content: none;
}
.slider.filter.range .thumb-bar {
  top: 50%;
  margin-top: -3px;
  height: 6px;
}
.slider.filter.range .thumb-group.right-side .thumb:before {
  content: none;
}
.file-input-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.file-input-container input[type=file] {
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.apt-search-input {
  position: relative;
}
.apt-search-input .search-group {
  position: relative;
}
.apt-search-input .search-group.roundbox .keyword {
  line-height: 48px;
  height: 50px;
  border: solid 1px #CECFDC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding-left: 15px;
}
.apt-search-input .search-group.roundbox a > span {
  display: block;
}
.apt-search-input .keyword {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.apt-search-input .keyword input::-webkit-input-placeholder {
  color: #adadad;
}
.apt-search-input .keyword input:-moz-placeholder {
  color: #adadad;
}
.apt-search-input .keyword input::-moz-placeholder {
  color: #adadad;
}
.apt-search-input .keyword input:-ms-input-placeholder {
  color: #adadad;
}
.apt-search-input .keyword textarea::-webkit-input-placeholder {
  color: #adadad;
}
.apt-search-input .keyword textarea:-moz-placeholder {
  color: #adadad;
}
.apt-search-input .keyword textarea::-moz-placeholder {
  color: #adadad;
}
.apt-search-input .keyword textarea:-ms-input-placeholder {
  color: #adadad;
}
.apt-search-input .keyword.roundbox {
  line-height: 48px;
  height: 50px;
  border: solid 1px #CECFDC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #DADADA;
  padding-left: 15px;
}
.apt-search-input.selected .keyword:after {
  content: none;
}
.apt-search-input .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.apt-search-input .suggestion ul {
  padding: 6px 0;
}
.apt-search-input .suggestion ul li {
  position: relative;
}
.apt-search-input .suggestion ul li.selected {
  background-color: #fafafa;
}
.apt-search-input .suggestion ul li a {
  display: block;
  line-height: 32px;
  padding: 0 20px;
  font-size: 13px;
}
.apt-search-input .suggestion ul li a:hover {
  background-color: #fafafa;
}
.apt-search-input .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.apt-search-input .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.inline-select-box {
  position: relative;
}
.inline-select-box .inline-select-box-item {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  font-size: 15px;
  background-color: #f2f2f2;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.inline-select-box .inline-select-box-item:last-child {
  margin-right: 0;
}
.inline-select-box .inline-select-box-item.checked {
  background-color: #373E96;
  color: #fff;
}
.price-form-container {
  position: relative;
}
.price-form-container .price-text {
  position: absolute;
  top: 48px;
  right: 50px;
  opacity: 0.5;
  color: #484848;
}
.price-form-container div.warning {
  margin: 5px 0 5px 15px;
  color: #fc541b;
  line-height: 20px;
}
.price-form-container .input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 50px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.price-form-container .input.bold {
  font-weight: bold;
}
.price-form-container .input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.price-form-container .input.warning {
  border: 1px solid #fc541b;
}
.price-form-container .btn-reset {
  outline: none;
  position: absolute;
  top: 33px;
  right: 0;
  height: 50px;
  padding: 0 15px;
  line-height: 49px;
}
.price-form-container .price-btn-group {
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #ccc;
  border-top: 0;
}
.price-form-container .price-btn-group button {
  display: table-cell;
  box-sizing: border-box;
  width: 33%;
  height: 44px;
  border-right: 1px solid #ccc;
}
.price-form-container .price-btn-group button:last-child {
  border-right: 0;
}
.toggle-button {
  display: inline-block;
  height: 35px;
  padding: 2px;
  background-color: #eaebec;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
}
.toggle-button .btn-type {
  height: 31px;
  display: inline-block;
  font-size: 16px;
  padding: 0 10px;
  color: #5963d9;
  font-weight: 400;
  text-align: center;
  line-height: 32px;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.toggle-button .btn-type.on {
  background: #5963d9;
  color: #fff;
}
.text-input {
  position: relative;
}
.text-input.default input::-webkit-input-placeholder {
  color: #adadad;
}
.text-input.default input:-moz-placeholder {
  color: #adadad;
}
.text-input.default input::-moz-placeholder {
  color: #adadad;
}
.text-input.default input:-ms-input-placeholder {
  color: #adadad;
}
.text-input.default textarea::-webkit-input-placeholder {
  color: #adadad;
}
.text-input.default textarea:-moz-placeholder {
  color: #adadad;
}
.text-input.default textarea::-moz-placeholder {
  color: #adadad;
}
.text-input.default textarea:-ms-input-placeholder {
  color: #adadad;
}
.text-input.default input[type=text],
.text-input.default input[type=email],
.text-input.default input[type=tel] {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 50px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.text-input.default .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 15px;
}
.text-input.underline {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.text-input.underline.bold {
  font-weight: bold;
}
.text-input.underline input::-webkit-input-placeholder {
  color: #dadada;
}
.text-input.underline input:-moz-placeholder {
  color: #dadada;
}
.text-input.underline input::-moz-placeholder {
  color: #dadada;
}
.text-input.underline input:-ms-input-placeholder {
  color: #dadada;
}
.text-input.underline textarea::-webkit-input-placeholder {
  color: #dadada;
}
.text-input.underline textarea:-moz-placeholder {
  color: #dadada;
}
.text-input.underline textarea::-moz-placeholder {
  color: #dadada;
}
.text-input.underline textarea:-ms-input-placeholder {
  color: #dadada;
}
.text-input.underline input {
  display: block;
  padding-bottom: 6px;
  width: 100%;
  border: 0px;
  border-bottom: 2px solid #584de4;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  height: auto;
  padding-left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.text-input.underline.empty input {
  border-color: #dadada;
}
.text-input.underline .preview-text {
  top: 6px;
  right: 30px;
  font-size: 15px;
}
.text-input.underline .btn-reset {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 0 10px 10px;
}
.text-input.linebox {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.text-input.linebox.bold {
  font-weight: bold;
}
.text-input.linebox input::-webkit-input-placeholder {
  color: #dadada;
}
.text-input.linebox input:-moz-placeholder {
  color: #dadada;
}
.text-input.linebox input::-moz-placeholder {
  color: #dadada;
}
.text-input.linebox input:-ms-input-placeholder {
  color: #dadada;
}
.text-input.linebox textarea::-webkit-input-placeholder {
  color: #dadada;
}
.text-input.linebox textarea:-moz-placeholder {
  color: #dadada;
}
.text-input.linebox textarea::-moz-placeholder {
  color: #dadada;
}
.text-input.linebox textarea:-ms-input-placeholder {
  color: #dadada;
}
.text-input.linebox input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border: solid 1px #cecfdc;
  padding: 0 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  outline: none;
}
.text-input.linebox input:focus {
  border-color: #584de4;
}
.text-input.linebox .btn-reset {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 14px;
}
.text-input.linebox .preview-text {
  top: 15px;
  right: 46px;
  font-size: 14px;
}
.text-input.linebox .error-text {
  margin-left: 14px;
}
.text-input.underline,
.text-input.linebox {
  position: relative;
}
.text-input.underline input,
.text-input.linebox input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.text-input.underline input.bold,
.text-input.linebox input.bold {
  font-weight: bold;
}
.text-input.underline.error input,
.text-input.linebox.error input {
  border-color: #fc541b;
}
.text-input.underline.error .error-text,
.text-input.linebox.error .error-text {
  color: #fc541b;
}
.text-input.underline .preview-text,
.text-input.linebox .preview-text {
  position: absolute;
  color: #a3a3a3;
}
.text-input.underline .error-text,
.text-input.linebox .error-text {
  position: relative;
  z-index: -1;
  transition: all 0.1s;
  font-size: 14px;
  line-height: 1.33;
  max-height: 0px;
  opacity: 0;
  margin-top: 0;
  color: #7f7e92;
}
.text-input.underline .error-text.fill,
.text-input.linebox .error-text.fill {
  max-height: 20px;
  opacity: 1;
  z-index: 0;
  margin-top: 4px;
}
.preset-input-form-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.preset-input-form-container.bold {
  font-weight: bold;
}
.preset-input-form-container .preset-btn-group {
  display: block;
  margin-top: 10px;
}
.preset-input-form-container .preset-btn-group > a {
  width: 32%;
  margin-right: 2%;
  padding: 0 10px;
}
.preset-input-form-container .preset-btn-group > a:nth-child(3n) {
  margin-right: 0;
}
.preset-input-form-container .preset-btn-group > a:nth-child(n + 4) {
  margin-top: 6px;
}
.preset-input-form-container .preview .preset-btn-group {
  margin-top: 0px;
}
.trade-price-form-container,
.description-form-container {
  position: relative;
}
.circular-progressbar-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: relative;
}
.circular-progressbar-container.bold {
  font-weight: bold;
}
.circular-progressbar-container .circular-progressbar {
  vertical-align: middle;
}
.circular-progressbar-container .title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
  color: #484848;
  font-weight: 300;
}
.circular-progressbar-container.small text {
  font-size: 11px;
}
.circular-progressbar-container.medium text {
  font-size: 14px;
}
.circular-progressbar-container.large text {
  font-size: 16px;
}
.chart-wrapper {
  position: relative;
}
.chart-wrapper svg {
  overflow: visible;
  font-weight: 300;
}
.chart-wrapper svg text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.chart-wrapper svg text.bold {
  font-weight: bold;
}
.chart-wrapper .chart-canvas .axis.y .tick:nth-of-type(1) line {
  stroke: #9290ac;
}
.chart-wrapper .axis line {
  stroke: #9290ac;
  opacity: 0.2;
  fill: none;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.chart-wrapper .axis text {
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
  transform: translate(0, 1);
}
.chart-wrapper .axis path {
  stroke-width: 0;
}
.chart-wrapper .axis.x .tick line {
  stroke: #fff;
}
.chart-wrapper .axis.y .tick .zero {
  stroke: #c6c6c6;
}
.chart-wrapper .axis.y .tick:first-child line {
  opacity: 1;
}
.chart-wrapper.chart-multi-line .axis path {
  stroke-width: 0;
}
.chart-wrapper.chart-multi-line .value-line {
  fill: none;
  stroke: #4337de;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.chart-wrapper.chart-multi-line .multi-legend {
  display: block;
  fill: #ccc;
  font-size: 11px;
  transform: translate(0, 5);
}
.chart-wrapper.chart-h-bar .axis path {
  stroke: #ddd;
}
.chart-wrapper.chart-h-bar .axis.y .tick text {
  fill: #7f7e92;
  font-size: 14px;
}
.chart-wrapper.chart-h-bar .axis.y .tick .top {
  fill: #584de4;
  font-size: 14px;
  font-weight: bold;
}
.chart-wrapper.chart-h-bar .value-bar {
  stroke: none;
  fill: #666;
}
.chart-wrapper.chart-h-bar .value-bar.value-bar-0,
.chart-wrapper.chart-h-bar .value-bar.value-bar-1 {
  fill: #4f5596;
}
.chart-wrapper.chart-h-bar .value-label {
  fill: #666;
  font-size: 12px;
}
.chart-wrapper.chart-h-bar .value-label.value-label-0 .name,
.chart-wrapper.chart-h-bar .value-label.value-label-1 .name,
.chart-wrapper.chart-h-bar .value-label.value-label-0 .value,
.chart-wrapper.chart-h-bar .value-label.value-label-1 .value {
  fill: #4f5596;
}
.chart-wrapper.chart-h-bar .value-label .value.top {
  fill: #584de4;
  font-weight: bold;
}
.chart-wrapper.chart-bar .axis path {
  stroke: #ddd;
}
.chart-wrapper.chart-bar .axis.x .domain {
  stroke-width: 1;
}
.chart-wrapper.chart-bar .axis.y .tick text {
  fill: #7f7e92;
  font-size: 11px;
}
.chart-wrapper.chart-bar .axis.y .tick .top {
  fill: #584de4;
  font-size: 14px;
  font-weight: bold;
}
.chart-wrapper.chart-bar .value-bar {
  stroke: none;
  fill: #4f5596;
}
.chart-wrapper.chart-pie {
  position: relative;
  display: inline-block;
}
.chart-wrapper.chart-line {
  position: relative;
  height: 200px;
}
.chart-wrapper .chart-overlay {
  fill: none;
  pointer-events: all;
}
.chart-wrapper .price-line {
  fill: none;
  stroke: #4337de;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.chart-wrapper .price-line.line-1 {
  stroke: #4337de;
}
.chart-wrapper .price-line.line-2 {
  stroke: #3d9752;
}
.chart-wrapper .price-line.line-rich {
  stroke-width: 2;
  stroke: #584de4;
}
.chart-wrapper .price-line.line-property {
  stroke-width: 2;
  stroke: #fa6400;
}
.chart-wrapper .second-price-line {
  fill: none;
  stroke: #4337de;
  stroke-width: 2;
  stroke-dasharray: 4, 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.chart-wrapper .data-event-point {
  stroke: #4337de;
  stroke-width: 3;
  fill: #fff;
  r: 4px;
}
.chart-wrapper .month-pointer-highlight {
  fill: #ccc;
  stroke: none;
  opacity: 0.4;
}
.chart-wrapper .chart-focus .focus-circle {
  fill: #4337de;
  stroke: none;
}
.chart-wrapper .chart-focus .focus-circle-second {
  fill: #cfcfdd;
}
.chart-wrapper .chart-focus .focus-circle-second-inner {
  fill: #584DE4;
  stroke-width: 1;
}
.chart-wrapper .chart-focus .focus-big-circle {
  fill: #7f7e92;
  stroke: none;
}
.chart-wrapper .chart-focus .focus-rect {
  fill: #4337de;
  stroke: none;
}
.chart-wrapper .chart-focus .focus-line {
  stroke: #aaa;
  fill: none;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.chart-wrapper .chart-tooltip-wrap {
  display: none;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  height: 28px;
  padding: 0 10px;
  line-height: 27px;
  color: #fff;
  background: #584de4;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label.bold {
  font-weight: bold;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label .chart-tooltip-date {
  display: inline-block;
  font-weight: 400;
  margin-right: 4px;
  font-size: 14px;
  color: #fff;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label .chart-tooltip-value {
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
  color: #fff;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label.stacked {
  height: 26px;
  line-height: 19px;
  padding: 3px 10px;
  background: #484848;
  color: #fff;
  top: 6px;
  font-size: 13px;
}
.chart-wrapper .chart-tooltip-wrap .chart-tooltip-label.stacked .strong {
  font-weight: bold;
}
.chart-wrapper .chart-tooltip {
  display: none;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ddd;
  background: #f4f4f4;
  padding: 0 8px;
  white-space: nowrap;
  max-width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666;
}
.chart-wrapper .chart-tooltip .chart-tooltip-value {
  display: inline-block;
  margin-right: 3px;
  color: #4337de;
  font-weight: 700;
}
.chart-wrapper .chart-tooltip .chart-tooltip-volume {
  display: inline-block;
  margin-right: 15px;
  font-weight: 700;
  color: #333;
}
.chart-wrapper .chart-tooltip .chart-tooltip-date {
  display: inline-block;
  color: #777;
  font-size: 12px;
}
.chart-wrapper .chart-tooltip .chart-tooltip-trade {
  display: inline-block;
  color: #333;
  font-size: 13px;
}
.chart-wrapper .chart-tooltip .chart-tooltip-trade .chart-tooltip-trade-value {
  font-weight: bold;
  color: #4337de;
}
.chart-wrapper .chart-tooltip .chart-tooltip-multi-seperator {
  color: #ccc;
  padding: 0 5px;
}
.chart-wrapper .chart-tooltip .chart-tooltip-multi-date {
  display: inline-block;
  color: #777;
  font-size: 12px;
  padding-left: 10px;
}
.chart-wrapper .chart-tooltip .chart-tooltip-multi-rent-ratio {
  display: inline-block;
  color: #4337de;
  font-weight: 700;
}
.chart-wrapper .chart-tooltip-tip {
  display: none;
  position: absolute;
  top: 24px;
}
.chart-wrapper .chart-tooltip-tip .tip-bottom {
  position: absolute;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ddd;
}
.chart-wrapper .chart-tooltip-tip .tip-top {
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f4f4f4;
  margin-left: -6px;
  margin-bottom: 1px;
}
.chart-wrapper .chart-tooltip-tip.comp {
  top: 33px;
}
.chart-wrapper .chart-tooltip-tip.comp .tip-border {
  border-top-color: #e3e3e3;
}
.chart-wrapper .chart-tooltip-tip.comp .tip-face {
  border-top-color: #e3e3e3;
}
.chart-wrapper .chart-month-pointer .chart-month-pointer-border {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background: #ddd;
}
.chart-wrapper .chart-month-pointer .chart-month-pointer-tip {
  display: none;
  position: absolute;
  top: 218px;
}
.chart-wrapper .chart-month-pointer .chart-month-pointer-tip .tip-border {
  position: absolute;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
}
.chart-wrapper .chart-month-pointer .chart-month-pointer-tip .tip-face {
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  margin-left: -6px;
  margin-top: 1px;
}
.chart-wrapper .hide-focus-out {
  display: none;
}
.chart-wrapper.chart-html-bar {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}
.chart-wrapper.chart-html-bar.bold {
  font-weight: bold;
}
.chart-wrapper.chart-html-bar .row {
  margin-top: 10px;
}
.chart-wrapper.chart-html-bar .row:first-child {
  margin-top: 0;
}
.chart-wrapper.chart-html-bar .row .name-label {
  display: inline-block;
  color: #484848;
  text-align: left;
  vertical-align: middle;
}
.chart-wrapper.chart-html-bar .row .name-label.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.chart-wrapper.chart-html-bar .row .bar {
  display: inline-block;
  background: #cfcfdd;
  vertical-align: bottom;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.chart-wrapper.chart-html-bar .row .value-label {
  display: inline-block;
  color: #7f7e92;
  text-align: left;
}
.chart-wrapper.chart-html-bar .row.max .name-label,
.chart-wrapper.chart-html-bar .row.max .value-label {
  font-weight: bold;
  color: #584de4;
}
.chart-wrapper.chart-html-bar .row.max .bar {
  background: #584de4;
}
.chart-wrapper.chart-html-stack-bar {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}
.chart-wrapper.chart-html-stack-bar.bold {
  font-weight: bold;
}
.chart-wrapper.chart-html-stack-bar .stack {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  border: 1px solid #fff;
  opacity: 1;
  -webkit-transition: width 1s, opacity 0.5s;
  -moz-transition: width 1s, opacity 0.5s;
  -ms-transition: width 1s, opacity 0.5s;
  -o-transition: width 1s, opacity 0.5s;
  transition: width 1s, opacity 0.5s;
}
.chart-wrapper.chart-html-stack-bar .stack.zero {
  border: none;
}
.chart-wrapper.chart-html-stack-bar .stack.first-cap {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.chart-wrapper.chart-html-stack-bar .stack.last-cap {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.chart-wrapper .legend .legend-text {
  font-size: 12px;
  text-anchor: left;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.chart-wrapper .legend .legend-text.bold {
  font-weight: bold;
}
@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(0, -5px, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes lighting {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
  50% {
    transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
  }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
}
@-webkit-keyframes lighting {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes loading {
  0% {
    width: 0;
    background-color: #fff;
  }
  50% {
    width: 50%;
    background-color: #C4C8FF;
  }
  100% {
    width: 100%;
    background-color: #fff;
  }
}
@-webkit-keyframes loading {
  0% {
    width: 0;
    background-color: #fff;
  }
  50% {
    width: 50%;
    background-color: #C4C8FF;
  }
  100% {
    width: 100%;
    background-color: #fff;
  }
}
@keyframes finger-animation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  25% {
    opacity: 1;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  35% {
    opacity: 1;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  40% {
    opacity: 0;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  41% {
    opacity: 0;
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
  }
  50% {
    opacity: 1;
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
  }
  75% {
    opacity: 1;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  85% {
    opacity: 1;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  92% {
    opacity: 0;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  93% {
    opacity: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}
@-webkit-keyframes finger-animation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  25% {
    opacity: 1;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  35% {
    opacity: 1;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  40% {
    opacity: 0;
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
  41% {
    opacity: 0;
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
  }
  50% {
    opacity: 1;
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
  }
  75% {
    opacity: 1;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  85% {
    opacity: 1;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  92% {
    opacity: 0;
    transform: translate(73px, 0);
    -webkit-transform: translate(73px, 0);
    -moz-transform: translate(73px, 0);
    -ms-transform: translate(73px, 0);
  }
  93% {
    opacity: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
}
@-webkit-keyframes sunlight-gesture-guide-move-animation {
  from {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  to {
    transform: translate(0, -20%);
    -webkit-transform: translate(0, -20%);
    -moz-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
  }
}
@keyframes sunlight-gesture-guide-move-animation {
  from {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
  }
  to {
    transform: translate(0, -20%);
    -webkit-transform: translate(0, -20%);
    -moz-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
  }
}
@-webkit-keyframes sunlight-preview-icon-rotate-x {
  from {
    background: transparent;
    color: #999;
  }
  to {
    background: #999;
    color: white;
  }
}
@keyframes sunlight-gesture-guide-right-click {
  from {
    background: transparent;
    color: #999;
  }
  to {
    background: #999;
    color: white;
  }
}
@-webkit-keyframes sunlight-preview-icon-rotate-x {
  from {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
  }
  to {
    transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
  }
}
@keyframes sunlight-preview-icon-rotate-x {
  from {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
  }
  to {
    transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
  }
}
@-webkit-keyframes sunlight-preview-icon-rotate-y {
  from {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
  }
}
@keyframes sunlight-preview-icon-rotate-y {
  from {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
  }
}
.firework > .before,
.firework .after {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF;
  -moz-box-shadow: 0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF;
  box-shadow: 0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF,0 0 #FFF;
  -moz-animation: 1s bang ease-out infinite, 1s gravity ease-in infinite, 5s position linear infinite;
  -webkit-animation: 1s bang ease-out infinite, 1s gravity ease-in infinite, 5s position linear infinite;
  -o-animation: 1s bang ease-out infinite, 1s gravity ease-in infinite, 5s position linear infinite;
  -ms-animation: 1s bang ease-out infinite, 1s gravity ease-in infinite, 5s position linear infinite;
  animation: 1s bang ease-out infinite, 1s gravity ease-in infinite, 5s position linear infinite;
}
@-webkit-keyframes bang {
  to {
    -webkit-box-shadow: -87.5207075084885px -308.80555421703866px #54da28,-106.25301802542876px -291.7458731573032px #a4dd9b,21.90715449899892px -164.75194590257175px #87395b,174.44585975621942px 52.48338070237787px #71876e,240.5064391358914px -358.2353040951271px #2b8689,202.48245116807396px 60.29883339880263px #257016,-177.21975128381706px 11.750411416370298px #efa600,-89.2182349501912px -196.05152999323067px #21675a,-206.46916146991924px -12.669485226353174px #53e6d3,-135.67098050453154px -20.829023536979605px #7a464d,-76.95019793315117px -132.02178275177738px #d90bf2,209.13747782764744px -203.23987568638475px #bdfc2c,-218.5216693542912px -204.947227876574px #fa5bed,69.11767771703035px -12.476567848372952px #fbee67,-69.76280144186697px -281.28533244682325px #66387c,-164.4310931083677px -175.7706077854459px #5255c0,134.32395033801868px -346.7171167491646px #82be8c,-171.73310893471648px -341.89612366625636px #8cf4b7,29.95938945460051px -313.53988946216964px #6da990,-220.38924985939656px -231.25782195461514px #84aaad,-152.6952433425599px -205.0682794043908px #7d0860;
    -moz-box-shadow: -87.5207075084885px -308.80555421703866px #54da28,-106.25301802542876px -291.7458731573032px #a4dd9b,21.90715449899892px -164.75194590257175px #87395b,174.44585975621942px 52.48338070237787px #71876e,240.5064391358914px -358.2353040951271px #2b8689,202.48245116807396px 60.29883339880263px #257016,-177.21975128381706px 11.750411416370298px #efa600,-89.2182349501912px -196.05152999323067px #21675a,-206.46916146991924px -12.669485226353174px #53e6d3,-135.67098050453154px -20.829023536979605px #7a464d,-76.95019793315117px -132.02178275177738px #d90bf2,209.13747782764744px -203.23987568638475px #bdfc2c,-218.5216693542912px -204.947227876574px #fa5bed,69.11767771703035px -12.476567848372952px #fbee67,-69.76280144186697px -281.28533244682325px #66387c,-164.4310931083677px -175.7706077854459px #5255c0,134.32395033801868px -346.7171167491646px #82be8c,-171.73310893471648px -341.89612366625636px #8cf4b7,29.95938945460051px -313.53988946216964px #6da990,-220.38924985939656px -231.25782195461514px #84aaad,-152.6952433425599px -205.0682794043908px #7d0860;
    box-shadow: -87.5207075084885px -308.80555421703866px #54da28,-106.25301802542876px -291.7458731573032px #a4dd9b,21.90715449899892px -164.75194590257175px #87395b,174.44585975621942px 52.48338070237787px #71876e,240.5064391358914px -358.2353040951271px #2b8689,202.48245116807396px 60.29883339880263px #257016,-177.21975128381706px 11.750411416370298px #efa600,-89.2182349501912px -196.05152999323067px #21675a,-206.46916146991924px -12.669485226353174px #53e6d3,-135.67098050453154px -20.829023536979605px #7a464d,-76.95019793315117px -132.02178275177738px #d90bf2,209.13747782764744px -203.23987568638475px #bdfc2c,-218.5216693542912px -204.947227876574px #fa5bed,69.11767771703035px -12.476567848372952px #fbee67,-69.76280144186697px -281.28533244682325px #66387c,-164.4310931083677px -175.7706077854459px #5255c0,134.32395033801868px -346.7171167491646px #82be8c,-171.73310893471648px -341.89612366625636px #8cf4b7,29.95938945460051px -313.53988946216964px #6da990,-220.38924985939656px -231.25782195461514px #84aaad,-152.6952433425599px -205.0682794043908px #7d0860;
  }
}
@-moz-keyframes bang {
  to {
    -webkit-box-shadow: -222.64361321087145px -6.503029553083081px #8b3786,113.01945916324752px 41.67915452473932px #d52571,23.20365337843856px -90.4249960708791px #be26a7,-219.917828616075px -389.5876961881294px #999575,97.45795412023739px -299.30088442636355px #05c01f,-224.0652319596289px -112.58835146439799px #7871df,132.364161316862px 60.83855897715381px #cc24d1,-222.89793432077298px -363.02154137859293px #27363a,37.84952664907104px -171.7570352984767px #8b50c2,-150.2063411350395px -413.7594069952278px #868841,-126.74559817401598px -349.3949209298917px #abf67d,-98.37706290381755px -46.4831774110595px #d7662c,-206.95421171995588px 3.356481835366367px #4da8ad,-68.88820088439485px -33.49726401016909px #4bcaef,-158.5746032259271px -43.46494763086935px #09bfb1,-109.23171073100178px -141.06171531003434px #027227,-95.20675237629871px 17.166549457907934px #af6ad2,-174.0609799554016px -232.4987544943617px #ee33a1,69.45533025202133px -317.34664255460984px #bc670c,35.08038057347528px -176.57587855263597px #89a5c8,54.26564265523734px -155.08294551495777px #f5bedf;
    -moz-box-shadow: -222.64361321087145px -6.503029553083081px #8b3786,113.01945916324752px 41.67915452473932px #d52571,23.20365337843856px -90.4249960708791px #be26a7,-219.917828616075px -389.5876961881294px #999575,97.45795412023739px -299.30088442636355px #05c01f,-224.0652319596289px -112.58835146439799px #7871df,132.364161316862px 60.83855897715381px #cc24d1,-222.89793432077298px -363.02154137859293px #27363a,37.84952664907104px -171.7570352984767px #8b50c2,-150.2063411350395px -413.7594069952278px #868841,-126.74559817401598px -349.3949209298917px #abf67d,-98.37706290381755px -46.4831774110595px #d7662c,-206.95421171995588px 3.356481835366367px #4da8ad,-68.88820088439485px -33.49726401016909px #4bcaef,-158.5746032259271px -43.46494763086935px #09bfb1,-109.23171073100178px -141.06171531003434px #027227,-95.20675237629871px 17.166549457907934px #af6ad2,-174.0609799554016px -232.4987544943617px #ee33a1,69.45533025202133px -317.34664255460984px #bc670c,35.08038057347528px -176.57587855263597px #89a5c8,54.26564265523734px -155.08294551495777px #f5bedf;
    box-shadow: -222.64361321087145px -6.503029553083081px #8b3786,113.01945916324752px 41.67915452473932px #d52571,23.20365337843856px -90.4249960708791px #be26a7,-219.917828616075px -389.5876961881294px #999575,97.45795412023739px -299.30088442636355px #05c01f,-224.0652319596289px -112.58835146439799px #7871df,132.364161316862px 60.83855897715381px #cc24d1,-222.89793432077298px -363.02154137859293px #27363a,37.84952664907104px -171.7570352984767px #8b50c2,-150.2063411350395px -413.7594069952278px #868841,-126.74559817401598px -349.3949209298917px #abf67d,-98.37706290381755px -46.4831774110595px #d7662c,-206.95421171995588px 3.356481835366367px #4da8ad,-68.88820088439485px -33.49726401016909px #4bcaef,-158.5746032259271px -43.46494763086935px #09bfb1,-109.23171073100178px -141.06171531003434px #027227,-95.20675237629871px 17.166549457907934px #af6ad2,-174.0609799554016px -232.4987544943617px #ee33a1,69.45533025202133px -317.34664255460984px #bc670c,35.08038057347528px -176.57587855263597px #89a5c8,54.26564265523734px -155.08294551495777px #f5bedf;
  }
}
@-o-keyframes bang {
  to {
    -webkit-box-shadow: 74.3820675340321px -283.2634127992962px #0abfed,-136.65673393323573px -185.7853168993728px #1cd18c,48.50262082161095px -199.64425255746926px #5195cf,-38.72732384143728px -394.2393930383383px #e18cb9,7.241213987317053px -5.438624405304779px #ae06ed,-93.10709385415572px -151.07632824313652px #c1b0ec,107.28841662533085px -355.13486009891466px #a0a6ba,-197.12408534047586px -360.1224430344235px #f1aec3,-155.79903931306825px 39.67878165074296px #f826b8,7.852291111347199px 75.13200428007013px #1c067c,159.81884070129217px -149.3420837501336px #3ce27e,-70.35863777393726px -196.39364322806347px #e3af23,-92.62199607194188px -239.22573047957624px #2df604,4.921374299314266px -82.84745483401849px #3748c8,78.34578811723424px -193.39637403629212px #169beb,-140.42786582790046px -249.6233693437449px #a5584d,-113.98883408603567px 48.43195625236467px #b32de0,140.84968461414485px -47.66988074436347px #4e932a,-189.6501824736666px 72.87973168996615px #029d73,159.60360541002962px 76.32199036822021px #858157,-21.632971083466856px -327.83718229568177px #cc5eef;
    -moz-box-shadow: 74.3820675340321px -283.2634127992962px #0abfed,-136.65673393323573px -185.7853168993728px #1cd18c,48.50262082161095px -199.64425255746926px #5195cf,-38.72732384143728px -394.2393930383383px #e18cb9,7.241213987317053px -5.438624405304779px #ae06ed,-93.10709385415572px -151.07632824313652px #c1b0ec,107.28841662533085px -355.13486009891466px #a0a6ba,-197.12408534047586px -360.1224430344235px #f1aec3,-155.79903931306825px 39.67878165074296px #f826b8,7.852291111347199px 75.13200428007013px #1c067c,159.81884070129217px -149.3420837501336px #3ce27e,-70.35863777393726px -196.39364322806347px #e3af23,-92.62199607194188px -239.22573047957624px #2df604,4.921374299314266px -82.84745483401849px #3748c8,78.34578811723424px -193.39637403629212px #169beb,-140.42786582790046px -249.6233693437449px #a5584d,-113.98883408603567px 48.43195625236467px #b32de0,140.84968461414485px -47.66988074436347px #4e932a,-189.6501824736666px 72.87973168996615px #029d73,159.60360541002962px 76.32199036822021px #858157,-21.632971083466856px -327.83718229568177px #cc5eef;
    box-shadow: 74.3820675340321px -283.2634127992962px #0abfed,-136.65673393323573px -185.7853168993728px #1cd18c,48.50262082161095px -199.64425255746926px #5195cf,-38.72732384143728px -394.2393930383383px #e18cb9,7.241213987317053px -5.438624405304779px #ae06ed,-93.10709385415572px -151.07632824313652px #c1b0ec,107.28841662533085px -355.13486009891466px #a0a6ba,-197.12408534047586px -360.1224430344235px #f1aec3,-155.79903931306825px 39.67878165074296px #f826b8,7.852291111347199px 75.13200428007013px #1c067c,159.81884070129217px -149.3420837501336px #3ce27e,-70.35863777393726px -196.39364322806347px #e3af23,-92.62199607194188px -239.22573047957624px #2df604,4.921374299314266px -82.84745483401849px #3748c8,78.34578811723424px -193.39637403629212px #169beb,-140.42786582790046px -249.6233693437449px #a5584d,-113.98883408603567px 48.43195625236467px #b32de0,140.84968461414485px -47.66988074436347px #4e932a,-189.6501824736666px 72.87973168996615px #029d73,159.60360541002962px 76.32199036822021px #858157,-21.632971083466856px -327.83718229568177px #cc5eef;
  }
}
@-ms-keyframes bang {
  to {
    -webkit-box-shadow: -44.137076953750466px -184.42834134342706px #03e91e,-151.45675663862636px 59.70877963371373px #0071e1,-124.68399392716145px 46.57685821826203px #c26d36,-236.8611595654704px -177.12455527403776px #f8468f,-107.32675810870285px -106.87467335354569px #a7dc2e,-62.664782938231525px -42.43847052364919px #39c3f7,18.72295509330968px 71.50641804926931px #a9cce1,-62.57474054729417px -312.9380288386498px #fafe85,-214.68991834160244px -22.132309095447113px #540041,20.606045739009346px -369.9123787644358px #1cb863,-220.08108997237053px 24.741964239191873px #cb3cc8,-105.93704111119794px 51.9615268307964px #e4e258,129.36710034973396px -120.12839168594354px #7659e0,-241.4870323104801px -176.16722768617194px #8658ad,7.581144247302177px -247.75447484716778px #370ed1,-172.9587749535023px -218.8360219493188px #2073da,215.61817344306144px 72.87594909643542px #5277b2,-49.4926091102279px -181.28689338998322px #b55cc7,244.10940360847422px -299.9586593982622px #ae821a,92.24893023948789px -62.46322155418744px #8e0d25,77.37908437515608px -330.99923477411767px #438bec;
    -moz-box-shadow: -44.137076953750466px -184.42834134342706px #03e91e,-151.45675663862636px 59.70877963371373px #0071e1,-124.68399392716145px 46.57685821826203px #c26d36,-236.8611595654704px -177.12455527403776px #f8468f,-107.32675810870285px -106.87467335354569px #a7dc2e,-62.664782938231525px -42.43847052364919px #39c3f7,18.72295509330968px 71.50641804926931px #a9cce1,-62.57474054729417px -312.9380288386498px #fafe85,-214.68991834160244px -22.132309095447113px #540041,20.606045739009346px -369.9123787644358px #1cb863,-220.08108997237053px 24.741964239191873px #cb3cc8,-105.93704111119794px 51.9615268307964px #e4e258,129.36710034973396px -120.12839168594354px #7659e0,-241.4870323104801px -176.16722768617194px #8658ad,7.581144247302177px -247.75447484716778px #370ed1,-172.9587749535023px -218.8360219493188px #2073da,215.61817344306144px 72.87594909643542px #5277b2,-49.4926091102279px -181.28689338998322px #b55cc7,244.10940360847422px -299.9586593982622px #ae821a,92.24893023948789px -62.46322155418744px #8e0d25,77.37908437515608px -330.99923477411767px #438bec;
    box-shadow: -44.137076953750466px -184.42834134342706px #03e91e,-151.45675663862636px 59.70877963371373px #0071e1,-124.68399392716145px 46.57685821826203px #c26d36,-236.8611595654704px -177.12455527403776px #f8468f,-107.32675810870285px -106.87467335354569px #a7dc2e,-62.664782938231525px -42.43847052364919px #39c3f7,18.72295509330968px 71.50641804926931px #a9cce1,-62.57474054729417px -312.9380288386498px #fafe85,-214.68991834160244px -22.132309095447113px #540041,20.606045739009346px -369.9123787644358px #1cb863,-220.08108997237053px 24.741964239191873px #cb3cc8,-105.93704111119794px 51.9615268307964px #e4e258,129.36710034973396px -120.12839168594354px #7659e0,-241.4870323104801px -176.16722768617194px #8658ad,7.581144247302177px -247.75447484716778px #370ed1,-172.9587749535023px -218.8360219493188px #2073da,215.61817344306144px 72.87594909643542px #5277b2,-49.4926091102279px -181.28689338998322px #b55cc7,244.10940360847422px -299.9586593982622px #ae821a,92.24893023948789px -62.46322155418744px #8e0d25,77.37908437515608px -330.99923477411767px #438bec;
  }
}
@keyframes bang {
  to {
    -webkit-box-shadow: -177.40968642848588px -369.5069470005956px #becc4b,-49.74378635352306px -329.409582019712px #d03bb3,-74.25238810839153px -177.44485822869387px #cdc23d,191.47326557314227px -239.80571082508257px #dbf5aa,193.68692541547847px -411.21038435650996px #5bf533,-194.08593940994123px -214.82202657779442px #53ce92,-10.550719205870905px -209.96084300703794px #777cb2,-24.085555921445803px -337.8829653745557px #8393e1,66.13278624153276px 29.22690551465638px #c35747,226.7689600125301px -294.60088197759956px #ecad04,-78.08795318954475px -55.330909092069476px #f04e78,42.222432051350324px -126.09480171974491px #8981b5,109.2775861537416px -235.12728702416692px #e86bdc,-97.16481090314755px -284.72070512827037px #c9a923,-28.512121351161px -246.62034092284142px #086432,-88.33872953156384px -267.47146712352617px #fe66f1,-174.85275387635124px -1.9441615740935276px #06ba7b,-57.341534578249764px 66.39062814289446px #6156fb,-240.4352680602424px -134.72543394953613px #605f2f,-95.13087586782598px -196.26100614317104px #f23b8d,-84.18990158701777px -170.43595431780895px #3d236a;
    -moz-box-shadow: -177.40968642848588px -369.5069470005956px #becc4b,-49.74378635352306px -329.409582019712px #d03bb3,-74.25238810839153px -177.44485822869387px #cdc23d,191.47326557314227px -239.80571082508257px #dbf5aa,193.68692541547847px -411.21038435650996px #5bf533,-194.08593940994123px -214.82202657779442px #53ce92,-10.550719205870905px -209.96084300703794px #777cb2,-24.085555921445803px -337.8829653745557px #8393e1,66.13278624153276px 29.22690551465638px #c35747,226.7689600125301px -294.60088197759956px #ecad04,-78.08795318954475px -55.330909092069476px #f04e78,42.222432051350324px -126.09480171974491px #8981b5,109.2775861537416px -235.12728702416692px #e86bdc,-97.16481090314755px -284.72070512827037px #c9a923,-28.512121351161px -246.62034092284142px #086432,-88.33872953156384px -267.47146712352617px #fe66f1,-174.85275387635124px -1.9441615740935276px #06ba7b,-57.341534578249764px 66.39062814289446px #6156fb,-240.4352680602424px -134.72543394953613px #605f2f,-95.13087586782598px -196.26100614317104px #f23b8d,-84.18990158701777px -170.43595431780895px #3d236a;
    box-shadow: -177.40968642848588px -369.5069470005956px #becc4b,-49.74378635352306px -329.409582019712px #d03bb3,-74.25238810839153px -177.44485822869387px #cdc23d,191.47326557314227px -239.80571082508257px #dbf5aa,193.68692541547847px -411.21038435650996px #5bf533,-194.08593940994123px -214.82202657779442px #53ce92,-10.550719205870905px -209.96084300703794px #777cb2,-24.085555921445803px -337.8829653745557px #8393e1,66.13278624153276px 29.22690551465638px #c35747,226.7689600125301px -294.60088197759956px #ecad04,-78.08795318954475px -55.330909092069476px #f04e78,42.222432051350324px -126.09480171974491px #8981b5,109.2775861537416px -235.12728702416692px #e86bdc,-97.16481090314755px -284.72070512827037px #c9a923,-28.512121351161px -246.62034092284142px #086432,-88.33872953156384px -267.47146712352617px #fe66f1,-174.85275387635124px -1.9441615740935276px #06ba7b,-57.341534578249764px 66.39062814289446px #6156fb,-240.4352680602424px -134.72543394953613px #605f2f,-95.13087586782598px -196.26100614317104px #f23b8d,-84.18990158701777px -170.43595431780895px #3d236a;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(400px);
    -webkit-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -ms-transform: translateY(400px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(400px);
    -webkit-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -ms-transform: translateY(400px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(400px);
    -webkit-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -ms-transform: translateY(400px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(400px);
    -webkit-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -ms-transform: translateY(400px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%,
  19.9% {
    top: 20%;
    left: 20%;
  }
  20%,
  39.9% {
    top: 20%;
    left: 50%;
  }
  40%,
  59.9% {
    top: 80%;
    left: 20%;
  }
  60%,
  79.9% {
    top: 20%;
    left: 80%;
  }
  80%,
  99.9% {
    top: 80%;
    left: 80%;
  }
}
@-moz-keyframes position {
  0%,
  19.9% {
    top: 20%;
    left: 20%;
  }
  20%,
  39.9% {
    top: 20%;
    left: 50%;
  }
  40%,
  59.9% {
    top: 80%;
    left: 20%;
  }
  60%,
  79.9% {
    top: 20%;
    left: 80%;
  }
  80%,
  99.9% {
    top: 80%;
    left: 80%;
  }
}
@-o-keyframes position {
  0%,
  19.9% {
    top: 20%;
    left: 20%;
  }
  20%,
  39.9% {
    top: 20%;
    left: 50%;
  }
  40%,
  59.9% {
    top: 80%;
    left: 20%;
  }
  60%,
  79.9% {
    top: 20%;
    left: 80%;
  }
  80%,
  99.9% {
    top: 80%;
    left: 80%;
  }
}
@-ms-keyframes position {
  0%,
  19.9% {
    top: 20%;
    left: 20%;
  }
  20%,
  39.9% {
    top: 20%;
    left: 50%;
  }
  40%,
  59.9% {
    top: 80%;
    left: 20%;
  }
  60%,
  79.9% {
    top: 20%;
    left: 80%;
  }
  80%,
  99.9% {
    top: 80%;
    left: 80%;
  }
}
@keyframes position {
  0%,
  19.9% {
    top: 20%;
    left: 20%;
  }
  20%,
  39.9% {
    top: 20%;
    left: 50%;
  }
  40%,
  59.9% {
    top: 80%;
    left: 20%;
  }
  60%,
  79.9% {
    top: 20%;
    left: 80%;
  }
  80%,
  99.9% {
    top: 80%;
    left: 80%;
  }
}
.firework > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}
.map {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #efefef;
}
.map .bgSelectedReal {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -367px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgSelectedOffer {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -421px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgUnselected {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -475px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgEmptySelectedReal {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -31px -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgEmptySelectedOffer {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgEmptyUnselected {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -44px -367px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgAptPinSelecter {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 66px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -308px -353px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.selected.real .selected .price {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.map .empty-click {
  position: absolute;
  width: 100%;
  height: 100%;
}
.map .tile {
  height: 100%;
  position: relative;
  z-index: 0;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
}
.map .pin {
  width: 48px;
  height: 52px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  z-index: 10;
  overflow: visible!important;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.map .pin.bold {
  font-weight: bold;
}
.map .pin > .area {
  display: block;
  margin-top: 11px;
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  height: auto;
  line-height: 1;
}
.map .pin > .price {
  margin-top: 2px;
  display: block;
  font-weight: 600;
  font-size: 13px;
  height: auto;
  line-height: 1;
}
.map .pin > .extension {
  position: absolute;
  right: -5px;
  bottom: 5px;
  line-height: 1;
  display: none;
}
.map .pin > .extension span {
  display: inline-block;
  font-size: 9px;
  height: 17px;
  line-height: 17px;
  -webkit-border-radius: 8.5px;
  -moz-border-radius: 8.5px;
  -ms-border-radius: 8.5px;
  -o-border-radius: 8.5px;
  border-radius: 8.5px;
  padding: 0 7px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  color: #000;
  vertical-align: middle;
  box-sizing: border-box;
}
.map .pin > .award {
  display: none;
  position: absolute;
  top: -11.5px;
  left: 17.5px;
  line-height: 19px;
  color: #5963d9;
  z-index: -2;
}
.map .pin > .award:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 19px;
}
.map .pin.has-award > .award {
  display: block;
}
.map .pin.offer > .award {
  color: #fb3535;
}
.map .pin.officetel > .award {
  color: #75747a;
}
.map .pin.has-extension .area {
  margin-top: 7px;
}
.map .pin.has-extension .price {
  margin-top: 2px;
}
.map .pin.has-extension .extension {
  display: block;
}
.map .pin.up .extension {
  color: #FF4B00;
}
.map .pin.up .extension:before {
  display: inline-block;
  font-family: 'fontello';
  content: '\e808';
  font-size: 13px;
  padding-right: 2px;
  vertical-align: middle;
  padding-bottom: 2px;
}
.map .pin.down .extension {
  color: #5963D9;
}
.map .pin.down .extension:before {
  display: inline-block;
  font-family: 'fontello';
  content: '\e807';
  font-size: 13px;
  padding-right: 2px;
  vertical-align: middle;
  padding-bottom: 2px;
}
.map .pin.auction.new .extension {
  color: #4337de;
}
.map .pin.auction.fail-1 .extension {
  color: #fb3535;
}
.map .pin.auction.fail-2 .extension {
  font-weight: bold;
  color: #fb3535;
}
.map .pin.auction.fail-3 .extension {
  font-weight: bold;
  color: #fb3535;
}
.map .pin.up-trade .extension {
  color: #FF4B00;
}
.map .pin.down-trade .extension {
  color: #5963D9;
}
.map .pin.newer .extension {
  font-weight: 700;
}
.map .pin.older .extension {
  color: gray;
}
.map .pin.new-high.strong .extension span {
  font-weight: bold;
  background-color: #FF4B00;
  color: #fff;
}
.map .pin.diff-price.right .extension {
  font-weight: bold;
  color: #fb3535;
}
.map .pin.diff-price.left .extension {
  font-weight: bold;
  color: #4337de;
}
.map .pin.diff-price.strong.left .extension span {
  color: #fff;
  background-color: #4337de;
}
.map .pin.diff-price.strong.right .extension span {
  color: #fff;
  background-color: #fb3535;
}
.map .pin.danger .extension {
  font-weight: 600;
}
.map .pin.danger .extension span {
  color: #FF4B00;
  background-color: #E4E4E4;
}
.map .pin.hidden {
  z-index: 5;
}
.map .pin.selected {
  z-index: 100;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  animation-duration: 1.5s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: infinite;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: bounce;
  -ms-animation-iteration-count: infinite;
}
.map .pin-diff .visual-info {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -33px;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  border-radius: 33px;
  transform: scale3d(1, 1, 1);
  z-index: -1;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transition: background-color 0.35s, transform 0.35s;
  -moz-transition: background-color 0.35s, transform 0.35s;
  -ms-transition: background-color 0.35s, transform 0.35s;
  -o-transition: background-color 0.35s, transform 0.35s;
  transition: background-color 0.35s, transform 0.35s;
}
.map .pin-diff > .price {
  font-size: 12px;
}
.map .pin-empty {
  width: 29px;
  height: 32px;
  z-index: 5;
  overflow: visible!important;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.map .pin-empty > .area {
  display: none;
}
.map .pin-empty > .price {
  display: none;
}
.map .pin-empty > .extension {
  left: 8px;
  bottom: -4px;
}
.map .pin-empty.auction.new .extension {
  min-width: 35px;
}
.map .pin-empty.auction.fail-1 .extension {
  min-width: 49px;
}
.map .pin-empty.auction.fail-2 .extension {
  min-width: 49px;
}
.map .pin-empty.auction.fail-3 .extension {
  min-width: 49px;
}
.map .pin-empty.reconstruction .extension {
  width: 50px;
  max-width: 50px;
}
.map .pin-empty > .award {
  top: -11px;
  left: 7px;
}
.map .pin-empty.selected {
  z-index: 100;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  animation-duration: 1.5s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: infinite;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: bounce;
  -ms-animation-iteration-count: infinite;
}
.map .pin-empty.newer .extension {
  font-weight: 700;
}
.map .pin-empty.older .extension {
  color: gray;
}
.map .pin-empty.up .extension {
  color: #FF4B00;
}
.map .pin-empty.up .extension:before {
  display: inline-block;
  font-family: 'fontello';
  content: '\e808';
  font-size: 13px;
  padding-right: 2px;
  vertical-align: middle;
  padding-bottom: 2px;
}
.map .pin-empty.down .extension {
  color: #5963D9;
}
.map .pin-empty.down .extension:before {
  display: inline-block;
  font-family: 'fontello';
  content: '\e807';
  font-size: 13px;
  padding-right: 2px;
  vertical-align: middle;
  padding-bottom: 2px;
}
.map .pin-empty.up-trade .extension {
  color: #FF4B00;
}
.map .pin-empty.down-trade .extension {
  color: #5963D9;
}
.map .pin-empty.danger .extension {
  color: #FF4B00;
  font-weight: 600;
  background-color: #E4E4E4;
}
.map .pin-empty.pin-diff-empty {
  opacity: 0.45;
  filter: alpha(opacity=45);
}
.map .cluster {
  background-color: #5963D9;
  z-index: 11;
  overflow: visible!important;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.map .cluster.bold {
  font-weight: bold;
}
.map .cluster > .visual-info {
  display: none;
}
.map .cluster > .name {
  color: #DBDCE8;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  padding: 4px 10px 0;
}
.map .cluster > .desc {
  color: #fff;
  display: block;
  font-weight: 500;
  font-size: 13px;
  height: auto;
  line-height: 1.3em;
  text-align: center;
  white-space: nowrap;
  padding: 0 10px 4px;
}
.map .cluster > .desc .message {
  font-size: 13px;
}
.map .cluster > .extension {
  position: absolute;
  right: -1px;
  bottom: -13px;
  line-height: 1;
  display: none;
}
.map .cluster > .extension span {
  display: inline-block;
  font-size: 10px;
  height: 17px;
  line-height: 16px;
  -webkit-border-radius: 8.5px;
  -moz-border-radius: 8.5px;
  -ms-border-radius: 8.5px;
  -o-border-radius: 8.5px;
  border-radius: 8.5px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  padding: 0 7px;
  background-color: #fff;
  white-space: nowrap;
  color: #000;
  box-sizing: border-box;
}
.map .cluster > .award {
  display: none;
  position: absolute;
  width: 100%;
  top: -14.5px;
  line-height: 19px;
  color: #5963d9;
  z-index: -2;
}
.map .cluster > .award:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 19px;
}
.map .cluster.has-award > .award {
  display: block;
}
.map .cluster.up-trade .extension {
  color: #FF4B00;
}
.map .cluster.down-trade .extension {
  color: #5963D9;
}
.map .cluster.hover {
  z-index: 999;
  opacity: 1;
  filter: alpha(opacity=100);
}
.map .cluster.has-extension > .price {
  padding-bottom: 5px;
}
.map .cluster.has-extension .extension {
  display: block;
}
.map .pin > .visitor,
.map .cluster > .visitor {
  display: none;
  position: absolute;
  padding: 0 6px;
  background: #4f4e5a;
  height: 23px;
  top: -30px;
  left: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  transform: translate(-50%, 10px);
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.map .pin > .visitor.on,
.map .cluster > .visitor.on {
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition: opacity 0.3s, transform 0.3s;
  -ms-transition: opacity 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 1 !important;
  transform: translate(-50%, 0);
}
.map .pin > .visitor:before,
.map .cluster > .visitor:before {
  position: absolute;
  top: 23px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #4f4e5a;
  content: ' ';
}
.map .pin.has-visitor,
.map .cluster.has-visitor {
  z-index: 15 !important;
}
.map .pin.has-visitor.visitor-top,
.map .cluster.has-visitor.visitor-top {
  z-index: 16 !important;
}
.map .pin.has-visitor.visitor-top > .visitor,
.map .cluster.has-visitor.visitor-top > .visitor {
  background: #41404a;
  font-weight: bold;
}
.map .pin.has-visitor.visitor-top > .visitor:before,
.map .cluster.has-visitor.visitor-top > .visitor:before {
  border-top: 4px solid #41404a;
}
.map .pin.has-visitor > .visitor,
.map .cluster.has-visitor > .visitor {
  display: block;
  opacity: 0;
}
.map .pin.has-award > .visitor,
.map .cluster.has-award > .visitor {
  top: -41px;
}
.map .cluster > .visitor {
  top: -28px;
}
.map .cluster.has-award > .visitor {
  top: -42px;
}
.map .button-cluster {
  background-color: #AB00FF;
  z-index: 12;
  overflow: visible!important;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-top: 33px;
  width: 52px;
  height: 20px;
}
.map .button-cluster .text {
  color: #DBDCE8;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  padding: 4px 6px 0;
}
.map .cluster-diff .visual-info {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -33px;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  border-radius: 33px;
  transform: scale3d(1, 1, 1);
  z-index: -1;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transition: background-color 0.35s, transform 0.35s;
  -moz-transition: background-color 0.35s, transform 0.35s;
  -ms-transition: background-color 0.35s, transform 0.35s;
  -o-transition: background-color 0.35s, transform 0.35s;
  transition: background-color 0.35s, transform 0.35s;
}
.map .cluster-diff > .price {
  font-size: 13px;
}
.map .cluster-diff.cluster-diff-count > .price {
  font-size: 10px;
}
.map .cluster-diff.cluster-diff-count > .message {
  display: block;
}
.map .cluster-out-time {
  opacity: 0.75;
}
.map .cluster-no-price {
  background-color: gray;
}
.map .cluster-no-price .name {
  padding-bottom: 1px;
}
.map .cluster-no-price .price {
  display: none;
}
.map .cluster-no-price .award {
  color: gray;
}
.map .cluster-no-population {
  display: none;
}
.map .map-floating-layer {
  display: inline-block;
  white-space: nowrap;
  z-index: 101;
  line-height: 2.1;
  font-weight: normal;
  text-align: left;
  font-size: 13px;
  background: none;
  padding: 0;
}
.map .map-floating-layer:not(.quantile-map) {
  -webkit-transition: left 0.2s, top 0.2s;
  -moz-transition: left 0.2s, top 0.2s;
  -ms-transition: left 0.2s, top 0.2s;
  -o-transition: left 0.2s, top 0.2s;
  transition: left 0.2s, top 0.2s;
}
.map .map-floating-layer:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  border-top: 20px solid rgba(0, 0, 0, 0.6);
  border-right: 10px solid transparent;
}
.map .map-floating-layer:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
}
.map .map-floating-layer > .bg {
  position: absolute;
  left: 0;
  top: -80px;
  z-index: 1;
  height: 78px;
  padding: 1px 13px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.map .map-floating-layer > .bg > .title {
  padding: 1px 2px 0;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.map .map-floating-layer > .bg > .text-1 {
  padding: 0 2px;
}
.map .map-floating-layer > .bg > .text-2 {
  padding: 0 2px;
  line-height: 0.7;
}
.map .map-floating-layer > .circle {
  position: absolute;
  border-style: solid;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
}
.map .map-flag-layer {
  display: inline-block;
  white-space: nowrap;
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 13;
  line-height: 1.6;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  max-width: 120px;
}
.map .map-flag-layer > .title {
  padding: 1px 2px 0;
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.map .map-flag-layer > .desc {
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.map .map-flag-layer > .desc:not(.hidden) {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.map .map-road-railway-node-layer {
  display: inline-block;
  white-space: nowrap;
  padding: 1px 4px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #666;
  color: #666;
  z-index: 13;
  line-height: 1.6;
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.map .map-road-railway-node-layer > .title {
  padding: 2px 2px 0;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}
.map .map-road-railway-node-layer > .desc {
  padding: 0 2px;
}
.map .map-road-railway-node-layer > .desc:not(.hidden) {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.map .map-road-railway-name-layer {
  display: inline-block;
  white-space: nowrap;
  padding: 1px 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 13;
  line-height: 1.8;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.map .map-road-railway-name-layer > .title {
  padding: 2px 2px 0;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}
.map .map-dong-pin {
  display: inline-block;
  overflow: hidden;
  width: 47px;
  height: 36px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -373px -383px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  overflow: visible;
  text-align: center;
  box-sizing: border-box;
  z-index: 10;
  position: relative;
  line-height: 1.3;
}
.map .map-dong-pin > .dong {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -18px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  background-color: #5863d9;
  line-height: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.map .map-dong-pin > .type {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  line-height: 22px;
}
.map .map-dong-pin > .floor {
  position: absolute;
  bottom: 1px;
  font-size: 10px;
  color: #333;
  line-height: 1;
  margin-left: 10px;
  margin-top: 9px;
  font-weight: 500;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
}
.map .map-dong-pin > .portal-trade {
  position: absolute;
  display: none;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 0 6px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  left: 26px;
  bottom: 2px;
  color: #fff;
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  font-weight: bold;
  color: #fb3535;
  background-color: #fff;
}
.map .map-dong-pin > .portal-trade.hide {
  display: none;
}
.map .map-dong-pin.dong-award:after {
  position: absolute;
  top: -32.5px;
  left: 16.5px;
  line-height: 19px;
  color: #5963d9;
  z-index: -2;
  font-family: 'fontello';
  content: '\E844';
  font-size: 19px;
}
.map .map-dong-pin.selected {
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  animation-duration: 1.5s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: bounce;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.map .map-dong-pin.selected > .price {
  text-shadow: unset!important;
}
.map .map-dong-pin.hide {
  display: none;
}
.map .map-dong-pin.has-portal-price > .portal-trade {
  display: block;
}
.map .map-dong-pin.has-portal-price > .floor {
  margin-left: 10px;
}
.map .map-dong-pin.portal-price.right .portal-trade {
  font-weight: bold;
  color: #fb3634;
}
.map .map-dong-pin.portal-price.left .portal-trade {
  font-weight: bold;
  color: #4337de;
}
.map .map-dong-pin.portal-price.strong.left .portal-trade {
  background-color: #4337de;
  color: #fff;
}
.map .map-dong-pin.portal-price.strong.right .portal-trade {
  background-color: #fb3634;
  color: #fff;
}
.map .pin-name-tag {
  box-sizing: border-box;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-color: #fff;
  border: 3px solid #5963d9;
  padding: 0 8px;
  height: 27px;
  z-index: 9;
}
.map .pin-name-tag.enterance > .symbol:before {
  position: absolute;
  left: 6px;
  top: 3px;
  color: #5963d9;
  font-family: fontello;
  content: '\E84E';
  font-size: 11px;
}
.map .pin-name-tag .text {
  display: block;
  line-height: 21px;
  margin-left: 13px;
  font-size: 12px;
  color: #5963d9;
  word-break: keep-all;
}
.map .map-commute-pin {
  display: inline-block;
  white-space: nowrap;
  padding: 2px 15px;
  position: relative;
  background: #000;
  animation-duration: 1.5s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: bounce;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
  z-index: 12;
}
.map .map-commute-pin:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  border-top: 20px solid #000;
  border-right: 10px solid transparent;
}
.map .map-commute-pin:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
}
.map .map-commute-pin .text {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.map .map-commute-pin .inner {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  border-top: 20px solid #5963d9;
  border-right: 10px solid transparent;
}
.map .distance {
  text-align: center;
  padding: 5px;
  z-index: 1;
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #333;
  font-size: 11px;
  white-space: nowrap;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9), -1px -1px 1px rgba(255, 255, 255, 0.9);
}
.map .poi {
  z-index: 1;
  overflow: visible!important;
  text-align: center;
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transition: transform 0.15s, opacity 0.15s;
  -webkit-transition: -webkit-transform 0.15s, opacity 0.15s;
  -moz-transition: -moz-transform 0.15s, opacity 0.15s;
  -ms-transition: -ms-transform 0.15s, opacity 0.15s;
}
.map .poi.bold {
  font-weight: bold;
}
.map .poi.agent {
  display: inline-block;
  overflow: hidden;
  width: 28px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -382px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 1.3em;
  z-index: 10;
}
.map .poi.agent > .type {
  display: block!important;
  padding-top: 5px;
  margin-left: -1px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-family: fontello;
}
.map .poi.agent > .type:before {
  content: '\E814';
}
.map .poi.agent > .desc {
  display: none;
}
.map .poi.agent > .symbol {
  display: block;
  font-size: 14px;
  color: #e1e1e1;
  font-weight: normal;
  margin-top: 6px;
}
.map .poi.agent > .like {
  display: none;
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 0 7px;
  left: 9px;
  bottom: 3px;
  background-color: #676767;
  color: #c9c8c8;
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.map .poi.agent > .like .icon-heart {
  margin-right: 3px;
}
.map .poi.agent > .like.liked {
  display: block;
}
.map .poi.school {
  display: inline-block;
  overflow: hidden;
  width: 41px;
  height: 67px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -262px -347px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 1.3em;
  z-index: 10;
}
.map .poi.school > .type {
  display: block;
  font-size: 10px;
  color: #e1e1e1;
  font-weight: normal;
  margin-top: 20px;
}
.map .poi.school > .type.strong {
  margin-top: 21px;
  font-size: 11px;
  font-weight: 600;
  color: #ebebeb;
}
.map .poi.school > .desc {
  display: block;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #fff;
}
.map .poi.school > .like {
  display: none;
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 0 7px;
  left: 9px;
  bottom: 3px;
  background-color: #676767;
  color: #c9c8c8;
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.map .poi.school > .like .icon-heart {
  margin-right: 3px;
}
.map .poi.school > .like.liked {
  display: block;
}
.map .poi.school > .symbol {
  display: none;
}
.map .poi.school.simple {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -75px -367px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 1.3em;
  z-index: 2;
}
.map .poi.school.simple > .desc {
  padding-top: 12px;
  font-size: 11px;
  font-weight: normal;
  color: #EAEAEA;
}
.map .poi.school.simple > .like,
.map .poi.school.simple > .type {
  display: none;
}
.map .poi.convenience {
  display: inline-block;
  overflow: hidden;
  width: 28px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -382px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  z-index: 4;
  line-height: 1.3;
}
.map .poi.convenience .type {
  display: block!important;
  padding-top: 2px;
  margin-left: -1px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: fontello;
}
.map .poi.convenience .desc {
  line-height: 16px;
  height: 17px;
  font-size: 10px;
  -webkit-border-radius: 8.5px;
  -moz-border-radius: 8.5px;
  -ms-border-radius: 8.5px;
  -o-border-radius: 8.5px;
  border-radius: 8.5px;
  padding: 0 5px;
  white-space: nowrap;
  vertical-align: middle;
  position: absolute;
  background-color: #ddd;
  color: #1a1a1a;
  bottom: -1px;
  left: 7px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.map .poi.subway .type:before {
  content: '\E809';
}
.map .poi.ktx .type:before {
  content: '\E809';
}
.map .poi.bus {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background: #fff;
  border: 2px solid #06f;
  opacity: 0.85;
}
.map .poi.bus > .desc {
  font-size: 10px;
  font-weight: bold;
  border-radius: 0;
  padding: 0;
  line-height: 14px;
  height: 14px;
  width: 14px;
  left: 0;
  top: 0;
  border: 0;
  background: none;
  position: absolute;
  display: inline-block;
}
.map .poi.bus > .desc:before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 12px;
  color: #3061ea;
  font-family: fontello;
  content: '\E82E';
  padding: 0;
  margin-left: -4px;
  margin-top: -7px;
}
.map .poi.bus > .like {
  display: none;
}
.map .poi.bus.mbus {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  background: #3061ea;
  border: 1px solid #fff;
  color: #fff;
}
.map .poi.bus.mbus > .desc:before {
  position: absolute;
  line-height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -7px;
  font-size: 12px;
  color: #fff;
  content: 'M';
}
.map .poi.mart .type:before {
  content: '\E829';
}
.map .poi.department-store .type:before {
  content: '\E82A';
}
.map .poi.hospital .type:before {
  content: '\E82B';
}
.map .poi.poi-cluster.selected:after,
.map .poi.poi-cluster-major:after {
  position: absolute;
  right: -7px;
  bottom: 8px;
  font-size: 14px;
  font-family: 'fontello';
  content: '\E821';
  color: #5f5f5f;
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
.map .poi.simple > .type,
.map .poi.simple > .like {
  display: none;
}
.map .poi.simple.poi-cluster.selected:after,
.map .poi.simple.poi-cluster-major:after {
  position: absolute;
  right: -7px;
  bottom: 8px;
  font-size: 14px;
  font-family: 'fontello';
  content: '\E821';
  color: #5f5f5f;
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  bottom: 0px;
}
.map .poi.simple.poi-cluster.selected.convenience .desc,
.map .poi.simple.poi-cluster-major.convenience .desc {
  display: none;
}
.map .poi:hover,
.map .poi.hover {
  z-index: 999;
  opacity: 1;
  filter: alpha(opacity=100);
}
.map .poi.selected {
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  animation-duration: 1.5s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: bounce;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: bounce;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.map .poi.hidden {
  display: none;
  opacity: 0;
}
.map .poi.poi-cluster-opened {
  z-index: 101;
}
.map .poi.poi-cluster-opened.poi-cluster.selected:after,
.map .poi.poi-cluster-opened.poi-cluster-major:after {
  display: none;
}
.map .poi.poi-cluster-opened.poi-cluster.selected.convenience .desc,
.map .poi.poi-cluster-opened.poi-cluster-major.convenience .desc {
  display: block;
}
.map .subscribed {
  width: 14px;
  height: 14px;
  border: 2px solid #5963D9;
  border-radius: 24px;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.map .subscribed:before {
  display: block;
  font-size: 9px;
  font-family: 'fontello';
  line-height: 14px;
  content: '\E80B';
  color: #5963D9;
}
.map .subscribed.hover {
  z-index: 999;
}
.map .subscribed .name {
  width: 80px;
  position: absolute;
  left: -33px;
  top: 19px;
  text-shadow: #fff 1px 1px;
  font-size: 12px;
  font-weight: 500;
  color: #333;
}
.map .subscribed .name.hidden {
  display: none;
}
.map.real .pin {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -367px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.real .pin.offer {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -421px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.real .pin.officetel {
  display: inline-block;
  overflow: hidden;
  width: 52px;
  height: 58px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -475px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  z-index: 1;
}
.map.real .pin-empty {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -31px -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.real .pin-empty.offer {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.real .pin-empty.officetel {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -44px -367px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  z-index: 1;
}
.map .bgPin {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -172px -68px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .bgPinSelected {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -330px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.apt-select-map,
.map.static-poi-map,
.map.static-agent-map {
  height: 600px;
}
.map.apt-select-map.medium,
.map.static-poi-map.medium,
.map.static-agent-map.medium {
  height: 400px;
}
.map.apt-select-map.small,
.map.static-poi-map.small,
.map.static-agent-map.small {
  height: 200px;
}
.map.apt-select-map.apt-confirm-map,
.map.static-poi-map.apt-confirm-map,
.map.static-agent-map.apt-confirm-map {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.map.apt-select-map .pin.simple,
.map.static-poi-map .pin.simple,
.map.static-agent-map .pin.simple {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -330px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.store-detail-map .pin.simple {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -330px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map.store-detail-map .poi.park {
  display: inline-block;
  overflow: hidden;
  width: 28px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -382px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 1.3em;
  z-index: 10;
}
.map.store-detail-map .poi.park > .type {
  display: block!important;
  padding-top: 5px;
  margin-left: -1px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-family: fontello;
}
.map.store-detail-map .poi.park > .type:before {
  content: '\e830';
}
.map.store-detail-map .poi.park > .desc {
  display: none;
}
.map.store-detail-map .poi.park > .symbol {
  display: block;
  font-size: 14px;
  color: #e1e1e1;
  font-weight: normal;
  margin-top: 6px;
}
.map .tool-toggle {
  position: absolute;
  left: 13px;
  bottom: 12px;
}
.map .tool-toggle li {
  display: inline-block;
  height: 39px;
  text-align: center;
  font-size: 14px;
  color: #000;
}
.map .tool-toggle li.selected > a {
  color: #fff;
  font-weight: 500;
}
.map .tool-toggle li.selected:first-child {
  display: inline-block;
  overflow: hidden;
  width: 77px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -140px -231px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 39px;
}
.map .tool-toggle li.selected:last-child {
  display: inline-block;
  overflow: hidden;
  width: 77px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -219px -231px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 39px;
}
.map .tool-toggle li:first-child {
  display: inline-block;
  overflow: hidden;
  width: 77px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -140px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 39px;
}
.map .tool-toggle li:last-child {
  display: inline-block;
  overflow: hidden;
  width: 77px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -221px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  line-height: 39px;
}
.map .tool-expand {
  position: absolute;
  right: 13px;
  bottom: 12px;
  display: inline-block;
  overflow: hidden;
  width: 39px;
  height: 39px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -100px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .map-region {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  display: none;
}
.map .map-region:before {
  font-family: fontello;
  content: '\E80A';
  margin-right: 5px;
  color: #4337de;
}
.map .bus-group {
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: absolute;
  width: 98px;
  margin-top: 7px;
  display: block;
  text-align: center;
  padding: 0;
  top: 200px;
  right: 60px;
}
.map .bus-group .btn-bus {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  line-height: 36px;
  background-color: #f64066;
  color: #fff;
  margin-right: 36px;
}
.map .bus-group .btn-bus i {
  font-size: 16px;
  padding: 0 2px 0 10px;
}
.map .bus-group .btn-close {
  vertical-align: top;
  position: absolute;
  width: 36px;
  height: 36px;
  right: 0;
  top: 0;
}
.map .bus-group .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -183px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 10px;
}
.map .bus-group .btn-show-bus {
  display: block;
  padding: 0 10px;
}
.map .bus-group .btn-hide-bus {
  display: block;
  background-color: #565eb6;
  padding: 0 10px;
  color: #fff;
}
.map .map-logo {
  position: absolute;
  top: 17px;
  left: 15px;
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -183px -180px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .map-button-group {
  position: absolute;
  top: 107px;
  left: 13px;
}
.map .map-button-right-group {
  position: absolute;
  top: 117px;
  right: 13px;
}
.map .map-button-right-under-group {
  position: absolute;
  top: 152px;
  right: 13px;
}
.map .map-button-bottom-group {
  position: absolute;
  bottom: 12px;
  right: 13px;
  text-align: right;
}
.map .tool-current-location {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  padding: 0 5px;
  position: static;
  overflow: hidden;
  width: 25px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -64px -327px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  width: 37px;
  height: 37px;
  display: inline-block;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.map .tool-current-location.loading {
  opacity: 0.5;
}
.map .map-type-container {
  position: relative;
}
.map .map-type-container .btn-map-type {
  position: absolute;
  padding: 0 13px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  display: block;
  position: static;
  margin-top: 10px;
  width: 37px;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
}
.map .map-type-container .btn-map-type.on {
  background-color: #565eb6;
  color: #fff;
}
.map .map-type-container .map-type-layer {
  display: block;
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 183px;
  white-space: nowrap;
}
.map .map-type-container .map-type-layer a {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #eaebed;
  width: 25px;
}
.map .map-type-container .map-type-layer a:last-child {
  border-right: 0;
}
.map .map-type-container .map-type-layer a.active {
  color: #fff;
  background-color: #5963d9;
}
.map .tool-poi-category {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: static;
  margin-top: 8px;
  padding: 0 5px;
  width: 37px;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
}
.map .tool-poi-category.selected {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-measurement-button .btn-measure {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: static;
  margin-top: 8px;
  width: 37px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  color: #555;
}
.map .tool-measurement-button .btn-measure.on {
  background-color: #565eb6;
  color: #fff;
}
.map .labs-tool-buttons {
  position: absolute;
  white-space: nowrap;
}
.map .labs-tool-buttons .activated-button {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  position: relative;
  margin-top: 8px;
  padding: 0;
  width: 37px;
  text-align: center;
  color: #333;
}
.map .labs-tool-buttons .activated-button .new {
  position: absolute;
  left: 26px;
  top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -227px -146px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .labs-tool-buttons .labs-button {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0;
  width: 37px;
  text-align: center;
  color: #333;
}
.map .labs-tool-buttons .labs-button.on {
  background-color: #565eb6;
  color: #fff;
}
.map .btn {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0 5px;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
  width: 37px;
}
.map .btn-offer {
  margin-top: 10px;
  background-color: #fb3535;
  border-color: #bd6454;
  color: #fff;
}
.map .btn-offer .new {
  position: absolute;
  left: 26px;
  top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -227px -146px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map .tool-speculation-toggle-button .btn-pin-toggle {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0 5px;
  white-space: nowrap;
  text-align: center;
}
.map .tool-speculation-toggle-button .btn-pin-toggle.on {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-pin-toggle-button .btn-pin-toggle {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  width: 37px;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  padding: 0;
  text-align: center;
}
.map .tool-pin-toggle-button .btn-pin-toggle.on {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-offer-household-button .btn-offer-household-toggle {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0;
  width: 35px;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.map .tool-offer-household-button.on .btn-offer-household-toggle {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-label-extension {
  position: fixed;
  padding: 0;
  bottom: 13px;
  left: 13px;
  width: 80px;
  height: 68px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.map .tool-label-extension.bold {
  font-weight: bold;
}
.map .tool-label-extension .pin-selector {
  position: absolute;
  top: 0px;
  left: 7px;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  height: 66px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -308px -353px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  width: 60px;
  height: 45px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  z-index: 10;
  overflow: visible!important;
}
.map .tool-label-extension .pin-selector > .area {
  display: block;
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: normal;
  height: auto;
  line-height: 1;
}
.map .tool-label-extension .pin-selector > .price {
  margin-top: 5px;
  display: block;
  font-weight: 600;
  font-size: 13px;
  height: auto;
  line-height: 1;
}
.map .tool-label-extension .select {
  border-left: 1px solid #e9e9e9;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  z-index: 2;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  width: 74px;
  height: 22px;
  line-height: 21px;
  padding: 0 10px 0 0px;
  text-align: center;
  bottom: -22px;
  left: -6px;
}
.map .tool-label-extension .select:before {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 7px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.map .tool-label-extension .cluster-selector {
  position: absolute;
  top: 1px;
  left: 7px;
  z-index: 0;
  background-color: #5963D9;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 60px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  z-index: 10;
  overflow: visible!important;
  padding-left: 1px;
}
.map .tool-label-extension .cluster-selector > .name {
  color: #DBDCE8;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  padding: 5px 0 0;
}
.map .tool-label-extension .cluster-selector > .price {
  color: #fff;
  display: block;
  font-weight: 500;
  font-size: 14px;
  height: auto;
  line-height: 1.3em;
  text-align: center;
  white-space: nowrap;
  padding: 2px 0 3px;
}
.map .tool-label-extension .cluster-selector > .message {
  font-size: 13px;
  color: #fff;
  display: block;
  line-height: 1.3em;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
.map .tool-label-extension .cluster-selector .select {
  bottom: -22px;
  left: -7px;
}
.map .tool-label-extension.selected .select {
  color: #4337de;
  font-weight: 600;
}
.map .selected-apt {
  display: block;
  padding: 0 13px;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  line-height: 32px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: absolute;
  bottom: 20px;
  right: 12px;
  background-color: #5963D9;
  width: 190px;
  padding: 0;
}
.map .selected-apt.selected-poi {
  background-color: #00A750;
}
.map .selected-apt .name {
  color: #fff;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 13px;
  line-height: 34px;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.map .selected-apt .btn-unselect {
  position: absolute;
  right: 0;
  width: 40px;
  line-height: 34px;
}
.map .selected-apt .btn-unselect:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -183px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.map .selected-apt .btn-unselect > span {
  display: inline-block;
  position: relative;
  line-height: 999em;
  overflow: hidden;
  vertical-align: top;
  width: 0;
  height: 0;
}
.map .tool-layer .toggle {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0;
  width: 37px;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.map .tool-slope-button.on .toggle {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-commute-button.on .toggle {
  background-color: #565eb6;
  color: #fff;
}
.map .tool-population-button .btn-population {
  display: block;
  position: absolute;
  padding: 0 13px;
  box-sizing: border-box;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: relative;
  margin-top: 8px;
  padding: 0;
  width: 37px;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
}
.map .tool-population-button.on .btn-population {
  background-color: #565eb6;
  color: #fff;
}
.map .map-toast-layer {
  position: absolute;
  min-width: 200px;
  max-width: 280px;
  min-height: 50px;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  pointer-events: none;
}
.map .map-toast-layer div {
  background-color: #4d55bd;
  padding: 10px 20px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%);
}
.map .map-toast-layer div p {
  color: #fff;
  font-size: 14px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  line-height: 30px;
}
.map .user-marker {
  position: absolute;
  display: block;
  z-index: 50;
  width: 10px;
  height: 10px;
  background-color: red;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.2);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  animation-duration: 1s;
  animation-name: lighting;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: lighting;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-duration: 1s;
  -moz-animation-name: lighting;
  -moz-animation-iteration-count: infinite;
  -ms-animation-duration: 1s;
  -ms-animation-name: lighting;
  -ms-animation-iteration-count: infinite;
}
.map .user-marker span {
  display: none;
}
.map .user-direction {
  position: absolute;
  width: 16px;
  height: 16px;
  color: red;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  z-index: 99;
}
.map .user-direction:before {
  position: absolute;
  top: -25px;
  left: 1px;
  font-size: 25px;
  font-family: 'fontello';
  content: '\e808';
}
.map .measure {
  font-size: 11px;
}
.map .measure.info-layer {
  padding: 3px 5px;
  text-align: center;
  color: #fff;
  background-color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 10;
  white-space: nowrap;
}
.map .measure.start-layer {
  line-height: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 6px;
  text-align: center;
  color: #fff;
  background-color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 9;
  white-space: nowrap;
}
.map .measure.milestone {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  border: 3px solid red;
  z-index: 1;
}
.map .measure.dist-layer {
  line-height: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 6px;
  text-align: center;
  background-color: #fff;
  font-size: 10px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  z-index: 2;
  white-space: nowrap;
}
.map .measure.delete {
  width: 14px;
  height: 14px;
  text-align: center;
  margin-top: -10px;
  background-color: white;
  border: 3px solid red;
  z-index: 10;
  white-space: nowrap;
}
.map .measure.delete:before {
  color: red;
  display: inline;
  font-family: 'fontello';
  content: '\E843';
}
.map .hide-back:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0);
  content: '';
}
.map .hide-back:after {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
  content: '';
}
.map .map_info_layer {
  z-index: 1000;
  padding: 11px 5px 6px 0;
}
.map .map_info_layer .award {
  display: block;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #5963d9;
}
.map .map_info_layer .award:before {
  position: relative;
  top: 1px;
  margin-right: 3px;
  font-family: 'fontello';
  content: '\E844';
}
.map .map_info_layer p {
  font-size: 16px;
  font-weight: 600;
}
.map .map_info_layer p.with-chart {
  min-height: 48px;
}
.map .map_info_layer em {
  font-size: 14px;
}
.map #map-overlay-sparkline {
  position: relative;
  display: block;
  width: 80px;
  margin: 3px -3px -4px -3px;
  text-align: center;
}
.map #map-overlay-sparkline svg {
  position: relative;
  top: 3px;
}
.map .daum-map-info-window {
  z-index: 1000;
  pointer-events: none;
}
.map .daum-map-info-window .map_info_layer {
  display: inline-block;
  white-space: nowrap;
  background-color: #fff;
  padding: 18px 15px;
  border: 1px solid #bbb;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.map .d3 #d3-population {
  overflow: visible;
}
.map .d3 #d3-population #arrow {
  stroke: #f30;
  fill: #f30;
}
.map .d3 #d3-population #arrow-in {
  stroke: #39f;
  fill: #39f;
}
.map .d3 #d3-population .node {
  stroke: #525252;
  stroke-width: 0.4px;
}
.map .d3 #d3-population .line {
  fill-opacity: 0;
}
.map .d3 #d3-population .name {
  stroke: #DBDCE8;
  stroke-width: 0.1px;
  fill: #DBDCE8;
  font-size: 13px;
  font-weight: 500;
  text-anchor: middle;
  line-height: 0.4;
}
.map .d3 #d3-population .total {
  font-size: 14px;
  fill: white;
  font-weight: 500;
  text-anchor: middle;
}
.map .d3 #d3-population .total-extension {
  font-size: 14px;
  fill: white;
  font-weight: 500;
  text-anchor: middle;
}
.map .d3 #d3-income {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow: visible;
}
.map .d3 #d3-income.bold {
  font-weight: bold;
}
.map .d3 #d3-income .circle.selected {
  opacity: 1 !important;
  filter: url(#drop-shadow);
}
.map .d3 #d3-income .name {
  fill: white;
  font-size: 13px;
  text-anchor: middle;
  line-height: 20.5px;
}
.map .d3 #d3-income .income {
  font-size: 14px;
  fill: white;
  font-weight: bold;
  text-anchor: middle;
  line-height: 20px;
}
.map .d3 #d3-income .income.large {
  font-size: 16px;
  line-height: 24px;
}
.map .d3 #d3-income .income.midium {
  font-size: 15px;
  line-height: 22px;
}
.map .d3 #d3-income .worker {
  font-size: 13px;
  fill: white;
  text-anchor: middle;
  line-height: 20.5px;
}
.map .d3 #d3-income .worker.large {
  font-size: 14px;
  line-height: 24px;
}
.map .d3 #d3-income .worker.midium {
  font-size: 13px;
  line-height: 22px;
}
.map.error {
  display: table;
  width: 100%;
  height: 100%;
}
.map.error .container {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  color: gray;
}
.map.error .container:before {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 33px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -240px -115px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 0 auto;
  text-align: center;
  content: '';
  margin-bottom: 15px;
}
.map.error .container .btn-reload {
  border: 1px solid #ccc;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 36px;
  height: 36px;
  display: block;
  margin: 15px auto 0;
  width: 185px;
  font-size: 16px;
  color: gray;
}
.map.error .container .btn-reload:hover {
  background-color: #f2f2f2;
}
.map .map-last-location-banner {
  display: block;
  padding: 0 13px;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  display: inline-block;
  position: absolute;
  width: auto;
  max-width: 250px;
  -webkit-transition: max-width 0.3s, padding 0.5s;
  -moz-transition: max-width 0.3s, padding 0.5s;
  -ms-transition: max-width 0.3s, padding 0.5s;
  -o-transition: max-width 0.3s, padding 0.5s;
  transition: max-width 0.3s, padding 0.5s;
  top: 117px;
  right: 60px;
  text-align: center;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  z-index: 10;
  white-space: nowrap;
  overflow: hidden;
}
.map .map-last-location-banner .dong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  max-width: 80px;
  vertical-align: middle;
  font-weight: bold;
}
.map .map-last-location-banner .text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.map .map-last-location-banner.show {
  animation-duration: 0.3s;
  animation-name: show;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: show;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: show;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.3s;
  -ms-animation-name: show;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes show {
  0% {
    width: 0px;
  }
}
@-webkit-keyframes show {
  0% {
    width: 0px;
  }
}
.map .map-last-location-banner.hide {
  max-width: 0;
  padding: 0;
  border: 0;
}
.map-container {
  width: 100%;
  height: 100%;
}
.map-type-layer {
  background-color: #fff;
  padding: 10px 12px;
  opacity: 0.97;
}
.map-type-layer h5 {
  padding: 10px 15px 0 0;
  font-size: 19px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 12px;
}
.map-type-layer .flex .checkbox-container {
  flex-basis: 50%;
}
.map-type-layer .map-type a {
  display: block;
  flex: auto;
  margin-right: 9px;
  height: 50px;
}
.map-type-layer .map-type a .img-map {
  position: relative;
  overflow: hidden;
  height: 50px;
  max-width: 210px;
}
.map-type-layer .map-type a .img-map p {
  box-sizing: border-box;
  border: solid 2px rgba(255, 255, 255, 0);
  height: 50px;
  width: 100%;
  z-index: 1;
  line-height: 9999em;
}
.map-type-layer .map-type a .img-map:before {
  position: absolute;
  content: '';
  zoom: 1.3;
}
.map-type-layer .map-type a .img-map:after {
  position: absolute;
  font-size: 16px;
  color: #fff;
  z-index: 1;
}
.map-type-layer .map-type a .img-map.roadmap:before {
  display: inline-block;
  overflow: hidden;
  width: 163px;
  height: 50px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -380px -83px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map-type-layer .map-type a .img-map.roadmap:after {
  content: '일반지도';
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.map-type-layer .map-type a .img-map.satellite:before {
  position: absolute;
  content: '';
  display: inline-block;
  overflow: hidden;
  width: 163px;
  height: 50px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -380px -135px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.map-type-layer .map-type a .img-map.satellite:after {
  content: '위성지도';
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5), -1px -1px 0px rgba(0, 0, 0, 0.2);
}
.map-type-layer .map-type a:last-child {
  margin-right: 0;
}
.map-type-layer .map-type a.active .img-map p {
  border: solid 2px #4337de;
  background-color: rgba(67, 55, 222, 0.45);
}
.map-type-layer .additional-info {
  margin: 12px 0 5px 0;
}
.map-type-layer .additional-info .checkbox-container {
  margin-right: 9px;
  flex: auto;
}
.map-type-layer .additional-info .checkbox-container:last-child {
  margin-right: 0;
}
.map-type-layer .additional-info input[type=checkbox] {
  height: 30px;
  margin-right: 0;
}
.map-type-layer .additional-info label {
  padding: 5px 12px;
  font-size: 16px;
}
.map-type-layer .additional-info .checked label {
  color: #4337de;
}
.map-info-layer {
  position: fixed;
  min-width: 300px;
  max-width: 320px;
  min-height: 50px;
  left: 50%;
  top: 40%;
  box-sizing: border-box;
  pointer-events: none;
}
.map-info-layer div {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 20px;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%);
  color: #fff;
}
.static-poi-map {
  height: 600px;
}
.static-poi-map.medium {
  height: 400px;
}
.static-poi-map.small {
  height: 200px;
}
.static-poi-map.apt-confirm-map {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/**
 * 메인 화면
 */
.scene-home {
  position: relative;
  height: 100%;
}
.scene-home #header {
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
}
.scene-home#wrap {
  overflow-x: hidden;
  overflow-y: auto !important;
}
.scene-home #container {
  box-sizing: border-box;
  height: 100%;
}
.scene-home .search-container {
  height: 100%;
}
.scene-home .btn-home {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 58px;
}
.scene-home .btn-home span {
  position: absolute;
  left: 16px;
  top: 18px;
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -203px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-home .btn-home.new:after {
  position: absolute;
  right: 8px;
  top: 8px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -151px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-home .build-status {
  display: block;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 8px;
  width: 40px;
  height: 14px;
  text-align: center;
  font-weight: bold;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  animation-duration: 1.5s;
  animation-name: hide;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-name: hide;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1.5s;
  -moz-animation-name: hide;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1.5s;
  -ms-animation-name: hide;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.scene-home .build-status:after {
  display: block;
  color: #fff;
  font-size: 11px;
  vertical-align: bottom;
  padding-top: 1px;
  font-weight: bold;
}
.scene-home .build-status.local-prd {
  background: orange;
}
.scene-home .build-status.local-prd:after {
  content: 'L_PRD';
}
.scene-home .build-status.dev-real {
  background: green;
}
.scene-home .build-status.dev-real:after {
  content: 'DEV_R';
}
.scene-home .build-status.dev {
  background: blue;
}
.scene-home .build-status.dev:after {
  content: 'DEV';
}
.scene-home .result {
  position: relative;
  width: 100%;
  margin-top: 58px;
  background-color: #fff;
}
.scene-home .dimmed-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 101;
}
.scene-home .starter {
  position: absolute;
  top: 120px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 105;
  overflow: auto;
}
.scene-home .starter .btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 55px;
  height: 55px;
}
.scene-home .starter .btn-close span {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-home .starter .header {
  box-sizing: border-box;
  background-color: #fff;
  padding: 18px;
  text-align: left;
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.scene-home .starter .header:before {
  display: inline-block;
  overflow: hidden;
  width: 25px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -1px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
  content: '';
}
.scene-home .starter .info {
  color: #000;
  background-color: #fff;
  padding: 20px 0;
  border-top: 1px solid #eee;
}
.scene-home .starter .info p {
  padding: 0 18px;
  font-size: 16px;
}
.scene-home .starter .info .title {
  font-size: 25px;
  font-weight: 500;
}
.scene-home .starter .info .title .highlight {
  color: #584de4;
}
.scene-home .starter .info .sub-title {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  color: #555;
}
.scene-home .starter .info .btn-install {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 12px 18px 0;
  height: 60px;
  line-height: 64px;
  background-color: #4d55b2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.scene-home .starter .info .btn-install.v2 {
  background: #584de4;
}
.scene-home .starter .info .btn-install:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -231px -224px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-home .starter .info .btn-kakao {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 12px 18px 0;
  padding-left: 30px;
  height: 60px;
  line-height: 64px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #ffde00;
  color: #3c1e1e;
  font-weight: 500;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.scene-home .starter .info .btn-kakao.v2 {
  background: #9197a1;
}
.scene-home .starter .info .btn-kakao:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -229px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-home .starter .info .btn-kakao:after {
  background-color: #000;
}
.scene-home .starter .support {
  padding: 20px 18px;
  text-align: center;
  background: -webkit-linear-gradient(to right, #673daf 0%, #5963d9 100%);
  background: linear-gradient(to right, #673daf 0%, #5963d9 100%);
}
.scene-home .starter .support .btn-agent {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 60px;
  line-height: 64px;
  font-weight: 500;
  color: #673daf;
  font-size: 16px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.scene-home .starter .support .contact-form {
  position: relative;
  display: block;
  margin: 20px 0 0;
  color: #FFF;
  text-decoration: underline;
}
.scene-home .starter .support .mail {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  line-height: 17px;
  color: #8F94D0;
  font-weight: 300;
}
.scene-home .starter .privacy {
  background: #FFF;
  padding: 15px;
}
.scene-home .starter .privacy .btn-privacy {
  display: block;
  color: #555;
  font-size: 12px;
  text-align: right;
}
.scene-home .starter #footer {
  border-top: 1px solid #f2f2f2;
  height: 48px;
  position: relative;
  background-color: #fafafa;
}
.scene-home .starter #footer > .links {
  position: absolute;
  top: 14px;
  left: 19px;
}
.scene-home .starter #footer > .links li {
  display: inline-block;
  padding-right: 7px;
  margin-right: 7px;
  border-right: 1px solid #ededed;
  line-height: 1;
}
.scene-home .starter #footer > .links li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.scene-home .starter #footer > .links a {
  line-height: 1;
  font-weight: 400;
  font-size: 13px;
  color: #452f1b;
}
.scene-home .starter #footer > .social {
  position: absolute;
  top: 14px;
  right: 19px;
}
.scene-home .starter #footer > .social > li {
  display: inline-block;
  padding-right: 7px;
  margin-right: 7px;
  border-right: 1px solid #ededed;
  line-height: 1;
}
.scene-home .starter #footer > .social > li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.scene-home .starter #footer > .social > li a,
.scene-home .starter #footer > .social > li .link {
  line-height: 1;
  font-weight: 400;
  font-size: 13px;
  color: #452f1b;
}
.scene-home .starter #footer > .social > li .link {
  color: #aaa;
}
.scene-home .layer-apt-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
}
.scene-home .layer-apt-list .dimmed {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.scene-home .layer-apt-list .apt-list {
  position: absolute;
  width: 275px;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #fff;
  transform: translate3d(275px, 0, 0);
  -webkit-transform: translate3d(275px, 0, 0);
  -moz-transform: translate3d(275px, 0, 0);
  -ms-transform: translate3d(275px, 0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -webkit-transform 0.3s;
  -ms-transition: -webkit-transform 0.3s;
  -o-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
}
.scene-home .layer-apt-list .apt-list > .title {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #4d55bd;
  width: 100%;
  height: 58px;
  z-index: 100;
}
.scene-home .layer-apt-list .apt-list > .title h3 {
  box-sizing: border-box;
  padding: 0 22px;
  font-size: 18px;
  font-weight: 400;
  line-height: 58px;
  color: #fff;
}
.scene-home .layer-apt-list .apt-list > .title p {
  position: absolute;
  right: 22px;
  top: 0px;
  font-size: 17px;
  font-weight: 200;
  color: #fff;
  line-height: 58px;
}
.scene-home .layer-apt-list .apt-list ul {
  box-sizing: border-box;
  padding: 80px 22px 0;
  overflow: auto;
  height: 100%;
}
.scene-home .layer-apt-list .apt-list ul > li {
  position: relative;
  margin-bottom: 25px;
}
.scene-home .layer-apt-list .apt-list ul > li h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  width: 172px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-home .layer-apt-list .apt-list ul > li .price {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #4337de;
  float: right;
}
.app-banner {
  padding-top: 70px !important;
  box-sizing: border-box !important;
}
.app-banner .app-banner-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  z-index: 1000;
  background-color: #fff;
}
.app-banner .app-banner-container img {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 15px;
  left: 35px;
}
.app-banner .app-banner-container .desc {
  position: absolute;
  left: 85px;
  top: 18px;
  color: rgba(0, 0, 0, 0.8);
}
.app-banner .app-banner-container h3 {
  font-size: 16px;
  font-weight: 700;
}
.app-banner .app-banner-container p {
  font-size: 13px;
  font-weight: 300;
}
.app-banner .app-banner-container .btn-close {
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transform: scale3d(0.6, 0.6, 1);
  -moz-transform: scale3d(0.6, 0.6, 1);
  -ms-transform: scale3d(0.6, 0.6, 1);
  display: inline-block;
  line-height: 70px;
  vertical-align: middle;
  padding-left: 15px;
}
.app-banner .app-banner-container .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.app-banner .app-banner-container .btn-download {
  position: absolute;
  top: 16px;
  right: 20px;
  display: inline-block;
  padding: 0 25px;
  line-height: 36px;
  background-color: #5962d9;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
#footer-tab-menu {
  position: absolute;
  height: 60px;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
#footer-tab-menu ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 60px;
}
#footer-tab-menu ol li {
  flex: 1;
  text-align: center;
}
#footer-tab-menu ol li a {
  display: block;
}
.image-scroll-view-container {
  width: 100%;
  height: 95px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 0;
}
.image-scroll-view-container ul {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  list-style-type: none;
  height: 105px;
}
.image-scroll-view-container ul li {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  width: 160px;
  height: 95px;
  position: relative;
}
.image-scroll-view-container ul li:first-child {
  margin-left: 10px;
}
.image-scroll-view-container ul li .icon {
  position: absolute;
  z-index: 999;
  right: 7px;
  bottom: 7px;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -119px -163px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  opacity: 0.6;
}
.image-scroll-view-container ul li.post-btn {
  width: 95px;
  background-color: rgba(0, 0, 0, 0.1);
}
.image-scroll-view-container ul li.post-btn .post {
  position: absolute;
  top: 35.5px;
  left: 35.5px;
  display: inline-block;
  overflow: hidden;
  width: 25px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -93px -189px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.image-scroll-view-container ul li.more {
  width: 45px;
  background-color: rgba(0, 0, 0, 0.1);
}
.image-scroll-view-container ul li.more span {
  position: absolute;
  top: 39.5px;
  left: 18px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -60px -204px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.image-scroll-view-container .ul-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.image-scroll-view-container .ul-container::-webkit-scrollbar {
  width: 0px !important;
  display: none;
}
.add-image-input-group {
  position: relative;
  background-color: #FFF;
  width: 100%;
  height: 86px;
  padding: 10px 16px;
  box-sizing: border-box;
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
}
.add-image-input-group .image-uploader {
  position: relative;
  background-color: #EEF0F3;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  margin-top: 4px;
}
.add-image-input-group .image-uploader .add-image-input-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.add-image-input-group .image-uploader .add-image-input-container input {
  z-index: 200;
}
.add-image-input-group .image-uploader .add-image-input-container .upload {
  position: relative;
  top: 17px;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -71px -184px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.add-image-input-group .preview-group {
  position: relative;
  right: 0;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  white-space: nowrap;
  overflow-x: scroll;
  padding-top: 10px;
  margin-left: 10px;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.add-image-input-group .preview-group::-webkit-scrollbar {
  width: 0px !important;
  display: none;
}
.add-image-input-group .preview-group .preview {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}
.add-image-input-group .preview-group .preview:first-child {
  margin-left: 0;
}
.add-image-input-group .preview-group .preview canvas {
  width: 100%;
  height: 100%;
}
.add-image-input-group .preview-group .preview .btn-del {
  position: absolute;
  top: -10px;
  right: -8px;
  padding: 0 0 5px 5px;
}
.scene-apt {
  background-color: #fff;
}
.scene-apt #header {
  font-family: 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', Helvetica, sans-serif;
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
}
.scene-apt #header > .title {
  position: relative;
  height: 58px;
}
.scene-apt #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  color: #fff;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
  padding: 0 60px;
  width: 100%;
  box-sizing: border-box;
}
.scene-apt #header > .title h1 .title-text {
  vertical-align: top;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: auto;
  margin: 0 auto;
  height: 61px;
}
.scene-apt #header > .title h1 .title-text:after {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  top: 50%;
  margin-top: -5px;
  right: 50px;
  content: '';
}
.scene-apt #header > .title h1 > a {
  color: #fff;
}
.scene-apt #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-apt #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.scene-apt #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt #header > .info {
  display: none;
  height: 50px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: #d3d4e2;
}
.scene-apt #header > .info h2 {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: initial;
  height: auto;
  color: #d3d4e2;
}
.scene-apt #header > .info h2 .sub-info {
  display: block;
  margin-top: 2px;
}
.scene-apt #header.opened > .info {
  display: block;
}
.scene-apt #header > .select-group {
  width: 100%;
  display: table;
  background-color: #4d55b2;
  border-top: 1px solid #565eb6;
  height: 49px;
}
.scene-apt #header > .select-group > li {
  display: table-cell;
  border-right: 1px solid #565eb6;
  width: 30%;
}
.scene-apt #header > .select-group > li.type {
  width: 26%;
}
.scene-apt #header > .select-group > li.area {
  width: 26%;
}
.scene-apt #header > .select-group > li.comment {
  position: relative;
  text-align: center;
  width: 24%;
}
.scene-apt #header > .select-group > li.comment a {
  display: block;
  color: #fff;
  line-height: 49px;
  font-size: 18px;
}
.scene-apt #header > .select-group > li.comment a:before {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  top: 13px;
  content: '';
}
.scene-apt #header > .select-group > li.comment.write a:before {
  margin-right: 8px;
  margin-top: -2px;
  vertical-align: top;
  font-family: 'fontello';
  color: #fff;
  content: '\E813';
  background-image: none;
  line-height: 1.3;
  width: auto;
  overflow: visible;
}
.scene-apt #header > .select-group > li.cs {
  position: relative;
  text-align: center;
}
.scene-apt #header > .select-group > li.cs a {
  display: block;
  color: #fff;
  font-weight: 200;
  line-height: 49px;
  font-size: 18px;
}
.scene-apt #header > .select-group > li.cs a:before {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  top: 13px;
  content: '';
}
.scene-apt #header > .select-group > li.call {
  font-size: 18px;
  text-align: center;
}
.scene-apt #header > .select-group > li.call a {
  display: block;
  color: #fff;
}
.scene-apt #header > .select-group > li.call a:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 22px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  margin-right: 8px;
}
.scene-apt #header > .select-group > li.apt-type {
  font-size: 18px;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}
.scene-apt #header > .select-group > li.floating-btn {
  position: fixed;
  display: block;
  z-index: 100;
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 0 10px;
  height: 52px;
  box-sizing: border-box;
  font-size: 17px;
  border: 0;
}
.scene-apt #header > .select-group > li.floating-btn a {
  display: block;
  text-align: center;
  background-color: rgba(77, 85, 178, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  padding: 0 20px;
  line-height: 52px;
  color: #fff;
}
.scene-apt #header > .select-group > li.floating-btn a:before {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -184px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  vertical-align: middle;
  line-height: 52px;
  margin-right: 10px;
}
.scene-apt #header > .select-group > li.floating-btn.url a:before {
  display: inline-block;
  overflow: hidden;
  width: 0;
  height: 0;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -184px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 0;
}
.scene-apt #header > .select-group > li.options {
  width: 14%;
  text-align: center;
}
.scene-apt #header > .select-group > li.options a {
  display: block;
  padding-right: 8px;
  line-height: 49px;
  color: #fff;
}
.scene-apt #header > .select-group > li.options a:before {
  margin: 13px -8px 0 0;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -204px -91px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt #header > .select-group > li.options a.use:before {
  margin: 13px -7px 0 0;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -118px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt #header > .select-group > li.subscribe {
  font-size: 18px;
  text-align: center;
}
.scene-apt #header > .select-group > li.subscribe a {
  display: block;
  color: #fff;
}
.scene-apt #header > .select-group > li.select {
  position: relative;
}
.scene-apt #header > .select-group > li.select button {
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-left: 21px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: left;
}
.scene-apt #header > .select-group > li.select:before {
  z-index: 1;
  position: absolute;
  top: 21px;
  right: 11px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt #container {
  padding-top: 108px;
}
.scene-apt #container .btn-more {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.scene-apt #container .btn-more span {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  bottom: 10px;
  margin-left: -7px;
}
.scene-apt #container .btn-more.offer {
  height: 30px;
}
.scene-apt #container .opened .btn-more {
  height: 92px;
}
.scene-apt #container .opened .btn-more span {
  transform-origin: 50% 50%;
  transform: rotateZ(180deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotateZ(180deg);
  -ms-transform-origin: 50% 50%;
  -ms-transform: rotateZ(180deg);
  -moz-transform-origin: 50% 50%;
  -moz-transform: rotateZ(180deg);
}
.scene-apt .card-container {
  position: relative;
  height: auto;
  background-color: #fff;
}
.scene-apt .cs-post {
  border-bottom: 1px solid #e2e3e5;
  background-color: #fff;
}
.scene-apt .cs-post p {
  padding: 20px;
  font-size: 15px;
  text-align: center;
}
.scene-apt .cs-post .btn-write-cs {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 54px;
  line-height: 54px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .reconstruction-step-container {
  position: relative;
  background-color: #fff;
}
.scene-apt .reconstruction-step-container .info {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #777;
}
.scene-apt .reconstruction-step-container:last-child {
  padding-bottom: 20px;
}
.scene-apt .reconstruction-step-container.has-more {
  padding-bottom: 0;
}
.scene-apt .reconstruction-step-container .icon {
  display: inline-block;
  color: #ccc;
  padding-left: 3px;
}
.scene-apt .reconstruction-step-container .title {
  display: block;
  padding: 20px 20px 10px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .reconstruction-step-container .btn-more-reconstruction {
  display: block;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #4337de;
  margin-top: 20px;
}
.scene-apt .reconstruction-step-container .list {
  padding: 10px 20px 0;
}
.scene-apt .reconstruction-step-container .list tr {
  height: 40px;
  border-bottom: 1px solid #f2f2f2;
}
.scene-apt .reconstruction-step-container .list tr.current {
  background-color: #f2f2f2;
}
.scene-apt .reconstruction-step-container .list tr.current .step-text {
  font-weight: bold;
}
.scene-apt .reconstruction-step-container .list tr.current .completed-date {
  font-size: 14px;
  color: #4337de;
}
.scene-apt .reconstruction-step-container .list tr:last-child {
  border-bottom: 0px;
}
.scene-apt .reconstruction-step-container .list tbody td {
  font-size: 15px;
  padding-top: 3px;
}
.scene-apt .reconstruction-step-container .list tbody td.step {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #888;
}
.scene-apt .reconstruction-step-container .list tbody td.step-text {
  padding-left: 10px;
}
.scene-apt .reconstruction-step-container .list tbody td.from-date {
  text-align: center;
}
.scene-apt .reconstruction-step-container .list tbody td.from-date span {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  border: solid 1px #4337de;
  color: #4337de;
  padding: 3px 8px 1px;
  line-height: 12px;
}
.scene-apt .reconstruction-step-container .list tbody td.completed-date {
  padding-left: 5px;
  font-size: 14px;
  color: #888;
}
.scene-apt .region {
  position: relative;
}
.scene-apt .region .region-info {
  position: relative;
  padding: 20px;
}
.scene-apt .region .region-info .region-name {
  font-size: 18px;
}
.scene-apt .region .region-info .price {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: #4337de;
}
.scene-apt .region .region-info .caption {
  color: #999;
  display: block;
  font-size: 15px;
}
.scene-apt .region .btn-region {
  text-align: center;
  display: block;
  position: relative;
  font-size: 17px;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
  color: #4337de;
}
.scene-apt .card {
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed !important;
  background-color: #fff;
}
.scene-apt .card:first-child {
  border-top: 0;
}
.scene-apt .card.no-border,
.scene-apt .card:empty,
.scene-apt .card.hide {
  border: 0 !important;
}
.scene-apt .card.visitor-info-card {
  border-bottom: 0;
}
.scene-apt .card.review-card {
  background-color: #fff !important;
}
.scene-apt .card.review-card .title-container {
  position: relative;
  padding: 20px 24px 0;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .card.review-card .title-container.bold {
  font-weight: bold;
}
.scene-apt .card.review-card .title-container p {
  position: relative;
  font-size: 16px;
  display: inline-block;
  color: #484848;
}
.scene-apt .card .trade-summary .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-top: 10px;
  height: 41px;
}
.scene-apt .card .trade-summary .scroll-menu-container ul {
  padding: 0 14px;
  height: 64px;
}
.scene-apt .card .trade-summary .scroll-menu-container ul li {
  line-height: 39px;
  height: 41px;
}
.scene-apt .card .trade-summary .scroll-menu-container ul li .scroll-link {
  font-size: 16px;
}
.scene-apt .trade-type-area-button-container {
  position: relative;
  padding: 15px 19px 0;
}
.scene-apt .trade-type-area-button-container .toggle-button {
  position: relative;
}
.scene-apt .trade-type-area-button-container .toggle-button .btn-type {
  width: 68px;
  position: relative;
  padding: 0;
}
.scene-apt .trade-type-area-button-container .toggle-button .btn-type.loading {
  height: 10px;
}
.scene-apt .trade-type-area-button-container .area-button {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 20px;
  border: 2px solid #5963d9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  height: 35px;
  line-height: 34px;
  width: 78px;
  font-size: 16px;
  color: #4337de;
  padding-right: 18px;
  text-align: center;
}
.scene-apt .trade-type-area-button-container .area-button:before {
  font-family: fontello;
  content: '\E807';
  position: absolute;
  z-index: 1;
  top: -2px;
  right: 8px;
}
.scene-apt .trade-type-area-button-container .area-button .spinner {
  margin-left: -5px;
}
.scene-apt .visitor-info {
  position: relative;
  display: block;
  height: 50px;
  padding: 0 20px;
  line-height: 51px;
  font-size: 13px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .visitor-info.bold {
  font-weight: bold;
}
.scene-apt .visitor-info .btn-area {
  display: inline-block;
  position: absolute;
  right: 15px;
  text-align: right;
}
.scene-apt .visitor-info .award {
  display: inline-block;
  color: #484848;
}
.scene-apt .visitor-info .award.has-award,
.scene-apt .visitor-info .award.top-tier {
  color: #584de4;
}
.scene-apt .visitor-info .realtime-visitor {
  display: inline-block;
  text-align: right;
  opacity: 0;
}
.scene-apt .visitor-info .realtime-visitor.visible {
  opacity: 1;
}
.scene-apt .visitor-info .realtime-visitor .text {
  color: #7f7e92;
}
.scene-apt .visitor-info .realtime-visitor .text.emphasis {
  animation-duration: 0.3s;
  animation-name: lighting;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: lighting;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: lighting;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.3s;
  -ms-animation-name: lighting;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.scene-apt .visitor-info .realtime-visitor .text.normal {
  color: #584de4;
}
.scene-apt .visitor-info .realtime-visitor .text.hot {
  color: #fc541b;
  font-weight: bold;
}
.scene-apt .realPrice {
  position: relative;
  color: #4337de;
}
.scene-apt .realPrice .title {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
}
.scene-apt .realPrice .price-group {
  position: relative;
  height: 50px;
  padding: 15px 20px 0;
}
.scene-apt .realPrice .price-group .price {
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-apt .realPrice .price-group .price.empty {
  font-weight: 300;
}
.scene-apt .realPrice .sub-price-group {
  display: block;
  margin: 5px 20px 0;
  position: relative;
  font-size: 16px;
  color: #888;
  font-weight: 300;
  box-sizing: border-box;
}
.scene-apt .realPrice .sub-price-group .trade-price {
  position: absolute;
  top: 0;
  right: 0px;
}
.scene-apt .realPrice .trade-price-group {
  position: absolute;
  right: 20px;
  top: 15px;
  color: #000;
  text-align: right;
}
.scene-apt .realPrice .trade-price-group .price {
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-apt .realPrice .trade-price-group .price.empty {
  font-weight: 300;
}
.scene-apt .realPrice .trade-price-group .caption {
  margin-top: 4px;
}
.scene-apt .realPrice .diff-price {
  font-size: 13px;
  display: inline-block;
  margin-right: 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  color: #fff;
  background-color: red;
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}
.scene-apt .realPrice .diff-price.left {
  background-color: #4337de;
}
.scene-apt .realPrice .caption {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 200;
  color: #777;
}
.scene-apt .realPrice .calc {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
}
.scene-apt .realPrice .calc .slider {
  box-sizing: border-box;
  padding: 0 33px;
}
.scene-apt .realPrice .chart {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.scene-apt .realPrice .chart-container {
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .realPrice .chart-container.bold {
  font-weight: bold;
}
.scene-apt .realPrice .chart-container .chart-wrap {
  position: relative;
  height: 265px;
}
.scene-apt .realPrice .chart-container .chart-wrap .empty {
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 210px;
  background: #f8f8f8;
}
.scene-apt .realPrice .chart-container .chart-touch-guide {
  position: absolute;
  width: 100%;
  height: 265px;
  top: 60px;
  left: 0;
  overflow: hidden;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .bg {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .box {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .box .arrow {
  position: absolute;
  top: 72px;
  left: 38px;
  display: inline-block;
  overflow: hidden;
  width: 51px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -474px -337px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .box .finger {
  position: absolute;
  top: 75px;
  display: inline-block;
  overflow: hidden;
  width: 46px;
  height: 64px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -474px -355px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  animation-duration: 1.8s;
  animation-name: finger-animation;
  animation-iteration-count: 2;
  animation-delay: 1.5s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.8s;
  -webkit-animation-name: finger-animation;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1.8s;
  -moz-animation-name: finger-animation;
  -moz-animation-iteration-count: 2;
  -moz-animation-delay: 1.5s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1.8s;
  -ms-animation-name: finger-animation;
  -ms-animation-iteration-count: 2;
  -ms-animation-delay: 1.5s;
  -ms-animation-fill-mode: none;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .box.right {
  left: 50%;
  margin-left: 5px;
}
.scene-apt .realPrice .chart-container .chart-touch-guide .box.left {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  margin-left: -5px;
}
.scene-apt .realPrice .chart-container .chart-legend {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 20px;
}
.scene-apt .realPrice .chart-container .chart-legend .legend-item {
  display: inline-block;
  margin-left: 15px;
  color: #555;
  font-size: 11px;
  line-height: 12px;
}
.scene-apt .realPrice .chart-container .chart-legend .legend-item.low-floor:before {
  display: inline-block;
  content: ' ';
  width: 6px;
  height: 6px;
  margin-top: 3px;
  margin-right: 4px;
  vertical-align: top;
  background: #4a90e2;
  opacity: 0.4;
  border-radius: 5px;
}
.scene-apt .realPrice .chart-container .chart-legend .legend-item.auction:before {
  display: inline-block;
  content: ' ';
  width: 5px;
  height: 5px;
  margin-top: 3px;
  margin-right: 4px;
  vertical-align: top;
  background: #F86768;
  opacity: 1.0;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
}
.scene-apt .realPrice .chart-container .chart-tooltip {
  display: none;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  max-width: 100%;
  height: 26px;
  padding: 0 10px;
  line-height: 23px;
  color: #777;
  border: 1px solid #ddd;
  background: #fafafa;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  border-radius: 2px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label.price {
  color: #fff;
  border: 1px solid #5963d9;
  background: #5963d9;
  top: 0;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label.trade {
  color: #fff;
  border: 1px solid #f57a23;
  background: #f57a23;
  top: 0;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label.comp {
  height: 45px;
  line-height: 20px;
  color: #fff;
  border: 1px solid #5963d9;
  background: #5963d9;
  top: 0;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label.versus {
  padding: 6px 8px;
  background: #484848;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  bottom: 214px;
  height: auto;
  border: 0px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label.versus .important {
  font-weight: bold;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-date {
  display: inline-block;
  font-weight: 400;
  margin-right: 4px;
  font-size: 13px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-price {
  display: inline-block;
  margin-right: 3px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-volume {
  display: inline-block;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-trade {
  display: inline-block;
  font-size: 13px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-comp-seperator {
  padding: 0 4px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-comp-date {
  display: inline-block;
  font-size: 13px;
  padding-left: 10px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-label .chart-tooltip-comp-rent-ratio {
  display: inline-block;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip {
  position: absolute;
  top: 25px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.versus {
  top: 50px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip .tip-border {
  position: absolute;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ddd;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip .tip-border.versus {
  border-top: 7px solid #484848;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip .tip-face {
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fafafa;
  margin-left: -6px;
  margin-bottom: 1px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip .tip-face.versus {
  border-top: 6px solid #484848;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.price .tip-border {
  border-top-color: #5963d9;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.price .tip-face {
  border-top-color: #5963d9;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.trade .tip-border {
  border-top-color: #f57a23;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.trade .tip-face {
  border-top-color: #f57a23;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.comp {
  top: 44px;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.comp .tip-border {
  border-top-color: #5963d9;
}
.scene-apt .realPrice .chart-container .chart-tooltip .chart-tooltip-tip.comp .tip-face {
  border-top-color: #5963d9;
}
.scene-apt .realPrice .chart-container .chart-month-pointer .chart-month-pointer-border {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background: #ddd;
}
.scene-apt .realPrice .chart-container .chart-month-pointer .chart-month-pointer-tip {
  display: none;
  position: absolute;
  top: 258px;
}
.scene-apt .realPrice .chart-container .chart-month-pointer .chart-month-pointer-tip .tip-border {
  position: absolute;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
}
.scene-apt .realPrice .chart-container .chart-month-pointer .chart-month-pointer-tip .tip-face {
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  margin-left: -6px;
  margin-top: 1px;
}
.scene-apt .realPrice .chart-container .chart-trade-pointer-label {
  display: none;
  position: absolute;
  box-sizing: border-box;
  padding: 0px 5px;
  height: 18px;
  line-height: 18px;
  background: #fff;
  border: 1px solid #1ca359;
  border-radius: 2px;
  font-size: 11px;
  color: #000;
}
.scene-apt .realPrice .chart-container .hide-focus-out {
  display: none;
}
.scene-apt .realPrice .chart-container svg {
  overflow: visible;
  font-weight: 300;
}
.scene-apt .realPrice .chart-container svg text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .realPrice .chart-container svg text.bold {
  font-weight: bold;
}
.scene-apt .realPrice .chart-container svg .chart-versus-canvas .axis.y .tick:nth-of-type(1) line {
  stroke: #9290ac;
}
.scene-apt .realPrice .chart-container svg .chart-overlay {
  fill: none;
  pointer-events: all;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-circle {
  fill: #4337de;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-circle.focus-circle-trade {
  fill: #4337de;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-circle.focus-circle-deposit {
  fill: #3d9752;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-circle.focus-circle-gap {
  fill: #888;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-rect {
  fill: #4337de;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-rect.focus-rect-trade {
  fill: #4337de;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-rect.focus-rect-deposit {
  fill: #3d9752;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-range-area {
  fill: #999;
  opacity: 0.3;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-range-area.plus {
  fill: #fc541b;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-range-area.minus {
  fill: #1569f4;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-line {
  stroke: #777;
  fill: none;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.scene-apt .realPrice .chart-container svg .chart-focus .focus-circle-none {
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .trade-pointer-circle {
  fill: none;
  stroke: #1ca359;
  stroke-width: 2;
}
.scene-apt .realPrice .chart-container svg .price-line {
  fill: none;
  stroke: #4337de;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.scene-apt .realPrice .chart-container svg .price-line.price-line-trade {
  stroke: #4337de;
}
.scene-apt .realPrice .chart-container svg .price-line.price-line-deposit {
  stroke: #3d9752;
}
.scene-apt .realPrice .chart-container svg .gap-area .axis {
  stroke: #ddd;
  stroke-width: 1;
}
.scene-apt .realPrice .chart-container svg .gap-area .gap-area-bg {
  fill: #f8f8f8;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .gap-area .gap-area-text {
  fill: #666;
  font-size: 11px;
  transform: none;
}
.scene-apt .realPrice .chart-container svg .gap-area .gap-rate-line {
  fill: none;
  stroke: #888;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.scene-apt .realPrice .chart-container svg .gap-area .avg-gap-rate-line {
  fill: none;
  stroke: #999;
  stroke-width: 1;
  stroke-dasharray: 2 3;
}
.scene-apt .realPrice .chart-container svg .gap-area .avg-gap-rate-text {
  fill: #999;
  font-size: 11px;
  transform: none;
}
.scene-apt .realPrice .chart-container svg .price-versus-line {
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.scene-apt .realPrice .chart-container svg .price-versus-line.price-versus-line-1 {
  stroke-width: 2;
  stroke-dasharray: 1, 4;
}
.scene-apt .realPrice .chart-container svg .price-versus-line.price-versus-line-2 {
  stroke-width: 2;
  stroke-dasharray: 3, 3;
}
.scene-apt .realPrice .chart-container svg .min-max-price circle {
  stroke: none;
  r: 3px;
}
.scene-apt .realPrice .chart-container svg .min-max-price line {
  stroke: #000;
  stroke-width: 1;
}
.scene-apt .realPrice .chart-container svg .min-max-price text {
  font-size: 11px;
  font-weight: 300;
}
.scene-apt .realPrice .chart-container svg .min-max-price.max circle {
  fill: #fc541b;
}
.scene-apt .realPrice .chart-container svg .min-max-price.max line {
  stroke: #fc541b;
}
.scene-apt .realPrice .chart-container svg .min-max-price.max text {
  fill: #fc541b;
}
.scene-apt .realPrice .chart-container svg .min-max-price.min circle {
  fill: #1569f4;
}
.scene-apt .realPrice .chart-container svg .min-max-price.min line {
  stroke: #1569f4;
}
.scene-apt .realPrice .chart-container svg .min-max-price.min text {
  fill: #1569f4;
}
.scene-apt .realPrice .chart-container svg .offer-price-line {
  fill: none;
  stroke: #999;
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.scene-apt .realPrice .chart-container svg .min-max-area {
  fill: #4337de;
  stroke: none;
  opacity: 0.15;
}
.scene-apt .realPrice .chart-container svg .min-max-area.min-max-area-trade {
  fill: #4337de;
}
.scene-apt .realPrice .chart-container svg .min-max-area.min-max-area-deposit {
  fill: #3d9752;
}
.scene-apt .realPrice .chart-container svg .price-scatter {
  fill: #666;
  stroke: none;
  stroke-width: 0.5;
  opacity: 0.3;
}
.scene-apt .realPrice .chart-container svg .price-scatter.lower_floor {
  fill: #4a90e2;
  opacity: 0.4;
}
.scene-apt .realPrice .chart-container svg .price-scatter.lower_floor_1 {
  fill: #4a90e2;
  opacity: 0.4;
}
.scene-apt .realPrice .chart-container svg .price-scatter.auction {
  fill: #f86768;
  opacity: 1.0;
}
.scene-apt .realPrice .chart-container svg .volume-area .axis {
  stroke: #ddd;
  stroke-width: 1;
}
.scene-apt .realPrice .chart-container svg .volume-area .volume-bar {
  fill: #bbb;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .volume-area .volume-bar.rent {
  fill: #ddd;
}
.scene-apt .realPrice .chart-container svg .volume-area .volume-text {
  fill: #666;
  font-size: 11px;
  transform: none;
}
.scene-apt .realPrice .chart-container svg .month-pointer-highlight {
  fill: #ccc;
  stroke: none;
  opacity: 0.4;
}
.scene-apt .realPrice .chart-container svg .annotation.my .my-circle {
  fill: #999;
  stroke: none;
}
.scene-apt .realPrice .chart-container svg .annotation.my .my-path {
  stroke: #999;
  stroke-width: 1;
  stroke-dasharray: 4, 2;
}
.scene-apt .realPrice .chart-container svg .annotation.my .my-text {
  font-size: 11px;
  fill: #777;
  text-anchor: middle;
}
.scene-apt .realPrice .chart-container svg .axis line {
  stroke: #eaeaea;
  fill: none;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.scene-apt .realPrice .chart-container svg .axis path {
  stroke-width: 0;
}
.scene-apt .realPrice .chart-container svg .axis text {
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
  transform: translate(0, 1);
}
.scene-apt .realPrice .chart-container svg .axis.x .tick line {
  stroke: #fff;
}
.scene-apt .realPrice .chart-container svg .axis.y .tick .zero {
  stroke: #c6c6c6;
}
.scene-apt .realPrice .chart-container svg .move-in-axis path {
  stroke: #ddd;
  stroke-width: 2;
  stroke-dasharray: 5, 2;
  fill: none;
}
.scene-apt .realPrice .chart-container svg .move-in-axis text {
  font-weight: 300;
  font-size: 10px;
}
.scene-apt .realPrice .chart-container svg .price-area-text {
  font-weight: 400;
  font-size: 11px;
  fill: #666;
}
.scene-apt .realPrice .chart-container svg .price-area-text .real-trade {
  fill: #4337de;
}
.scene-apt .realPrice .chart-container svg .price-area-text .offer {
  fill: #666;
}
.scene-apt .realPrice .chart-container svg .chart-trade-area .trade-area-axis {
  stroke: #ddd;
  stroke-width: 2;
  stroke-dasharray: 5, 2;
  fill: none;
}
.scene-apt .realPrice .chart-container svg .chart-trade-area .trade-area-box {
  stroke: none;
  fill: #ddd;
  opacity: 0.3;
}
.scene-apt .realPrice .chart-container svg .chart-trade-area .trade-area-text {
  font-weight: 400;
  fill: #f57a23;
  font-size: 11px;
}
.scene-apt .realPrice .chart-container svg .chart-trade-area .trade-hist-bar {
  stroke: none;
  fill: #bbb;
  shape-rendering: crispEdges;
}
.scene-apt .realPrice .chart-container svg .chart-trade-area.focus .trade-hist-bar {
  stroke: #f57a23;
  fill: #f57a23;
}
.scene-apt .realPrice .chart-container .label-text text {
  font-size: 11px;
}
.scene-apt .realPrice .chart-container .chart-type {
  display: inline-table;
  table-layout: fixed;
  width: 100%;
  height: 45px;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.scene-apt .realPrice .chart-container .chart-type .chart-menu-type {
  display: table-cell;
  height: 43px;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.scene-apt .realPrice .chart-container .chart-type .chart-menu-type .btn-chart-type {
  display: block;
  font-size: 15px;
  color: #999;
  line-height: 43px;
}
.scene-apt .realPrice .chart-container .chart-type .chart-menu-type.on {
  border-bottom: 2px solid #333;
}
.scene-apt .realPrice .chart-container .chart-type .chart-menu-type.on .btn-chart-type {
  color: #000;
  display: block;
}
.scene-apt .realPrice .chart-container .comp-legend {
  display: block;
  fill: #ccc;
  font-size: 11px;
  transform: translate(0, 5);
}
.scene-apt .realPrice .chart-container .comp-legend.trade {
  fill: #4337de;
}
.scene-apt .realPrice .chart-container .comp-legend.deposit {
  fill: #3d9752;
}
.scene-apt .realPrice .chart-container .various-legend {
  display: block;
  font-size: 11px;
  transform: translate(0, 5);
}
.scene-apt .realPrice .chart-container .chart-status {
  height: 20px;
  padding-left: 20px;
}
.scene-apt .realPrice .chart-container .chart-status .status-text {
  display: inline-block;
  margin-left: 5px;
  color: #555;
  font-size: 12px;
  font-weight: 400;
}
.scene-apt .realPrice .chart-container .chart-status .status-text:first-child {
  margin-left: 0;
}
.scene-apt .realPrice .chart-container .chart-status .status-text .max {
  color: #fb3535;
}
.scene-apt .realPrice .chart-container .chart-status .status-text .min {
  color: #4337de;
}
.scene-apt .realPrice .chart-container .chart-status .icon.icon-help-circled {
  display: inline-block;
  margin-left: 5px;
  color: #ccc;
  font-size: 14px;
}
.scene-apt .realPrice .area-type-scroll-view {
  padding: 8px 0 0;
}
.scene-apt .realPrice .area-type-scroll-view ul li a .scroll-link.applied {
  padding: 3px 5px;
  border: solid 1px #584de4;
  border-radius: 2px;
  color: #584de4;
}
.scene-apt .realPrice .detail {
  padding: 10px 20px 1px 20px;
  position: relative;
}
.scene-apt .realPrice .detail p {
  font-size: 14px;
  color: #777;
  text-align: center;
  display: block;
  border: 1px solid #e5e5e5;
  height: 32px;
  line-height: 32px;
  background-color: #fafafa;
}
.scene-apt .realPrice .detail p:last-child {
  margin-bottom: 20px;
}
.scene-apt .realPrice .btn-subscribe-real-price {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  position: relative;
  margin: 20px 20px 30px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  height: 56px;
  line-height: 56px;
  background: #584de4;
  box-shadow: 0 2px 4px 0 rgba(89, 99, 217, 0.4);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.scene-apt .realPrice .btn-subscribe-real-price.bold {
  font-weight: bold;
}
.scene-apt .realPrice .btn-subscribe-real-price.empty {
  margin: 0px 20px 20px;
}
.scene-apt .realPrice .btn-subscribe-real-price:before {
  margin-right: 8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  content: '';
}
.scene-apt .realPrice .btn-subscribe-real-price.subscribed {
  color: #584de4;
  background: #f3f4fc;
  box-shadow: none;
}
.scene-apt .realPrice .btn-subscribe-real-price.subscribed:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -93px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.scene-apt .realPrice .chart-range-detail-wrap {
  position: relative;
  padding: 20px 20px 15px;
  background: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .realPrice .chart-range-detail-wrap.bold {
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .title {
  display: inline-block;
  font-size: 14px;
  color: #7f7e92;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .title.month {
  width: 103px;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-prev {
  display: inline-block;
  margin: -10px 0 -10px -20px;
  padding: 10px 5px 10px 15px;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-prev span {
  display: none;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-prev:before {
  display: inline-block;
  font-family: fontello;
  content: '\E80D';
  width: 24px;
  color: #666;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-next {
  display: inline-block;
  margin: -10px 0 -10px 0;
  padding: 10px 20px 10px 0;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-next span {
  display: none;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-next:before {
  display: inline-block;
  font-family: fontello;
  content: '\E80E';
  width: 24px;
  color: #666;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary {
  height: 65px;
  padding: 10px 0 15px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff {
  float: left;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff.up {
  color: #fc541b;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff.up .sign {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -87px -404px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff.down {
  color: #1569f4;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff.down .sign {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -71px -404px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff .price {
  font-size: 25px;
  font-weight: bold;
  height: 37px;
  line-height: 37px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff .price .sign {
  display: inline-block;
  position: relative;
  top: 13px;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .diff .ratio {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .gap {
  float: left;
  color: #333;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .gap .price {
  font-size: 20px;
  font-weight: bold;
  height: 37px;
  line-height: 37px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .gap .price .sign {
  display: inline-block;
  position: relative;
  top: 13px;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .gap .ratio {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-summary .type {
  margin-right: 10px;
  height: 33px;
  line-height: 33px;
  vertical-align: bottom;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-summary .ratio {
  font-size: 21px;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-summary .price {
  display: inline-block;
  float: right;
  height: 33px;
  line-height: 33px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-summary .trade {
  color: #4337de;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-summary .deposit {
  color: #3d9752;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .trade,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .deposit {
  margin: 6px 0;
  height: 22px;
  line-height: 22px;
  text-align: right;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .trade .type,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .deposit .type {
  font-size: 14px;
  margin-right: 8px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .trade .price,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .deposit .price {
  font-size: 16px;
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .trade {
  color: #4337de;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .comp-price .deposit {
  color: #3d9752;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period {
  float: right;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .start,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .end {
  margin: 6px 0;
  height: 22px;
  line-height: 22px;
  text-align: right;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .start .date,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .end .date {
  font-size: 14px;
  color: #7f7e92;
  margin-right: 8px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .start .price,
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .summary .period .end .price {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram {
  border-top: 1px solid #f5f5f5;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .title {
  margin-top: 20px;
  font-size: 16px;
  color: #333;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .title .total {
  margin-left: 6px;
  font-weight: bold;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .title .ratio {
  margin-left: 5px;
  color: #000;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .min-max {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  height: 28px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .min-max.max .label {
  color: #fc541b;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .min-max.min .label {
  color: #1569f4;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .min-max .price {
  margin-left: 6px;
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .min-max .desc {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 300;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph {
  margin: 15px 0;
  border: none;
  background: #fff;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr {
  height: 30px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td {
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  font-weight: 400;
  vertical-align: middle;
  text-align: left;
  height: 30px;
  color: #7f7e92;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bold {
  font-weight: bold;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 60px;
  display: inline-block;
  height: 30px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.trade.max .bar-fill {
  background: #4337de;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.trade.max .count {
  color: #4337de;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.trade .bar-fill.comp {
  background: #6c63e5;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.deposit.max .bar-fill {
  background: #3d9752;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.deposit.max .count {
  color: #3d9752;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap.deposit .bar-fill.comp {
  background: #4fb868;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap .bar-fill {
  position: absolute;
  left: 0;
  top: 5px;
  height: 22px;
  line-height: 22px;
  background: #dedee7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: right;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap .bar-fill .average {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.bar .bar-wrap .count {
  position: absolute;
  display: block;
  width: 100px;
  top: 0;
  left: 0;
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .volume-histogram .graph tr td.label {
  height: 30px;
  line-height: 30px;
  padding-right: 16px;
  width: 1%;
  white-space: nowrap;
  font-size: 14px;
  color: #7f7e92;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-close {
  position: absolute;
  top: 10px;
  right: 7px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .btn-close span {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -55px -404px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .empty {
  position: relative;
  margin: 25px 0 20px;
  line-height: 42px;
  color: #000;
  font-size: 16px;
  text-align: center;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .empty .record-empty {
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.scene-apt .realPrice .chart-range-detail-wrap .chart-range-detail .empty .btn-login {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  text-align: center;
  color: #584de4;
  background: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.scene-apt .realPrice .chart-range-detail-wrap .policy-selector .btn-policy-wrap {
  position: relative;
  display: block;
  margin-top: 10px;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}
.scene-apt .realPrice .chart-range-detail-wrap .policy-selector .btn-policy-wrap .btn-policy {
  position: relative;
  display: block;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding-right: 34px;
  padding-left: 10px;
}
.scene-apt .realPrice .chart-range-detail-wrap .policy-selector .btn-policy-wrap .btn-policy .date {
  margin-right: 5px;
}
.scene-apt .realPrice .chart-range-detail-wrap .policy-selector .btn-policy-wrap:after {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt .realPrice .chart-range-detail-wrap .policy-selector .policy-summary {
  margin: 7px;
  font-size: 15px;
  font-weight: 300;
  color: #444;
}
.scene-apt .diff-range {
  padding: 20px;
}
.scene-apt .diff-range h3 {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 10px;
}
.scene-apt .diff-range .label-wrap {
  margin-bottom: 15px;
  padding: 3px 2px;
  border: 1px solid #efefef;
}
.scene-apt .diff-range .label-wrap .label-row {
  text-align: right;
}
.scene-apt .diff-range .label-wrap .label-row .label {
  display: inline-block;
  height: 100%;
  margin: 0 2px;
  color: #333;
}
.scene-apt .diff-range .label-wrap .label-row .label .box {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 13px;
  height: 13px;
  top: 4px;
  vertical-align: top;
  text-align: center;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.sido {
  background: #efefef;
  border: 1px solid #ddd;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.sigungu {
  background: transparent;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.sigungu .diagonal {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  top: -2px;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.dong {
  border: 1px solid #5963d9;
  background: #fff;
  position: relative;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.dong .avg {
  position: absolute;
  top: 0;
  left: 5px;
  width: 1px;
  height: 12px;
  background: #5963d9;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.apt {
  position: relative;
}
.scene-apt .diff-range .label-wrap .label-row .label .box.apt:before {
  position: relative;
  display: block;
  top: 5px;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background: #4538de;
  content: '';
}
.scene-apt .diff-range .label-wrap .label-row .label .text {
  display: inline-block;
  margin: 0 4px;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
}
.scene-apt .diff-range .label-wrap .label-row .label .text .avg {
  font-size: 11px;
  color: #555;
}
.scene-apt .diff-range .line {
  margin-top: 5px;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.scene-apt .diff-range .range-row {
  width: 100%;
  min-height: 22px;
  margin-top: 10px;
}
.scene-apt .diff-range .range-row .desc {
  display: inline-block;
  position: relative;
  width: 50%;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
  vertical-align: top;
  color: #000;
}
@media screen and (min-width: 360px) {
  .scene-apt .diff-range .range-row .desc {
    font-size: 16px;
  }
}
.scene-apt .diff-range .range-row .desc .range-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-weight: 300;
  text-align: left;
}
.scene-apt .diff-range .range-row .desc .range-title .btn-range-detail {
  display: inline-block;
  margin-left: 4px;
}
.scene-apt .diff-range .range-row .desc .range-title .btn-range-detail:before {
  position: relative;
  display: inline-block;
  top: -1px;
  font-family: fontello;
  content: '\E84A';
  color: #ccc;
  font-size: 13px;
}
.scene-apt .diff-range .range-row .desc .range-title .btn-range-detail.on:before {
  content: '\E84C';
}
.scene-apt .diff-range .range-row .desc .range-value {
  text-align: right;
  margin-right: 10px;
  font-weight: 500;
}
.scene-apt .diff-range .range-row .desc .range-value.percent.minus {
  color: #4337de;
}
.scene-apt .diff-range .range-row .desc .range-value.percent.plus {
  color: red;
}
.scene-apt .diff-range .range-row .range {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 22px;
  background: #fff;
  top: -2px;
}
.scene-apt .diff-range .range-row .range .bar {
  position: absolute;
  left: 0%;
  width: 0%;
  height: 100%;
  box-sizing: border-box;
}
.scene-apt .diff-range .range-row .range .bar.sido {
  border: 1px solid #ddd;
  background: #efefef;
}
.scene-apt .diff-range .range-row .range .bar.sigungu {
  background: transparent;
  overflow: hidden;
}
.scene-apt .diff-range .range-row .range .bar.sigungu .diagonal {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scene-apt .diff-range .range-row .range .bar.dong {
  top: 3px;
  height: 16px;
  border: 1px solid #5963d9;
  background: #fff;
}
.scene-apt .diff-range .range-row .range .bar.avg {
  top: 3px;
  width: 1px;
  height: 16px;
  background: #5963d9;
}
.scene-apt .diff-range .range-row .range .bar.apt {
  top: -2px;
  width: 3px;
  height: 26px;
  margin-left: -2px;
  border-radius: 10px;
  background: #4538de;
}
.scene-apt .diff-range .range-row .range-detail {
  padding: 8px 15px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}
.scene-apt .diff-range .range-row .range-detail tr {
  border-bottom: 1px solid #e8e8e8;
}
.scene-apt .diff-range .range-row .range-detail tr:last-child {
  border: none;
}
.scene-apt .diff-range .range-row .range-detail td {
  font-weight: 300;
  font-size: 13px;
  text-align: center;
  line-height: 24px;
}
.scene-apt .diff-range .range-row .range-detail td.header {
  padding-right: 5px;
  text-align: right;
}
.scene-apt .diff-range .range-row .range-detail td.name {
  text-align: left;
}
.scene-apt .diff-range .range-row .range-detail td.value {
  text-align: right;
}
.scene-apt .poll {
  border-bottom: 1px solid #e2e3e5;
}
.scene-apt .poll .title {
  display: block;
  font-weight: normal;
  font-size: 16px;
  padding: 20px 20px 10px;
}
.scene-apt .poll ul {
  padding-bottom: 20px;
}
.scene-apt .poll li {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
}
.scene-apt .poll li label {
  display: block;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  line-height: 35px;
  border: 1px solid #f2f2f2;
  border-top: 0;
}
.scene-apt .poll li label.mypoll {
  background-color: #f9f9f9;
}
.scene-apt .poll li:first-child label {
  border-top: 1px solid #f2f2f2;
}
.scene-apt .poll li .area {
  display: inline-block;
  width: 80px;
  text-align: right;
}
.scene-apt .poll li .bar-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  padding-left: 100px;
  padding-right: 110px;
  box-sizing: border-box;
}
.scene-apt .poll li .bar-container .bar {
  display: inline-block;
  box-sizing: border-box;
  background-color: #f2f2f2;
  height: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.scene-apt .poll li .bar-container .caption {
  position: absolute;
  right: 15px;
  font-size: 16px;
  color: #888;
  font-weight: normal;
}
.scene-apt .poll li.most .caption {
  color: #4337de;
}
.scene-apt .poll li.checked label {
  font-weight: bold;
}
.scene-apt .poll li.has-radio .area {
  text-align: left;
}
.scene-apt .poll li.has-radio label {
  padding: 0 15px;
  line-height: 52px;
  cursor: pointer;
  margin-top: 3px;
  border: 1px solid #f2f2f2;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-apt .poll li.has-radio label:before {
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  content: '';
}
.scene-apt .poll li.has-radio.checked label {
  cursor: pointer;
}
.scene-apt .poll li.has-radio.checked label:before {
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  content: '';
}
.scene-apt .poll .desc {
  padding: 0 20px 20px;
  font-size: 15px;
  color: #555;
  text-align: center;
}
.scene-apt .poll .btn-poll {
  display: block;
  position: relative;
  font-size: 17px;
  color: #4337de;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  height: 58px;
  line-height: 58px;
}
.scene-apt .poll span.btn-poll {
  color: #999;
}
.scene-apt .btn-subscribe-offer {
  display: block;
  position: relative;
  font-size: 17px;
  color: #fff;
  text-align: center;
  margin: 20px;
  height: 52px;
  line-height: 52px;
  background: #584de4;
  box-shadow: 0 2px 4px 0 rgba(89, 99, 217, 0.4);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.scene-apt .btn-subscribe-offer:before {
  margin-right: 8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  content: '';
}
.scene-apt .btn-subscribe-offer.subscribed {
  color: #584de4;
  background: #f3f4fc;
  box-shadow: none;
}
.scene-apt .btn-subscribe-offer.subscribed:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -93px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.scene-apt .offerPrice {
  position: relative;
  height: 87px;
  color: #242424;
  border-top: 0;
  cursor: pointer;
}
.scene-apt .offerPrice .cont {
  position: relative;
}
.scene-apt .offerPrice .offer-summary {
  padding: 17px 20px 0;
}
.scene-apt .offerPrice .offer-summary p {
  color: #4337de;
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: 300;
  background-color: #fafafa;
  border: solid 1px #e5e5e5;
}
.scene-apt .offerPrice .title {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
}
.scene-apt .offerPrice .price {
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-apt .offerPrice .price-group {
  position: absolute;
  left: 20px;
  top: 20px;
}
.scene-apt .offerPrice .icon.icon-help-circled {
  color: #ccc;
}
.scene-apt .offerPrice .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #777;
  text-align: right;
}
.scene-apt .offerPrice .caption .rate {
  height: 15px;
  color: #4337de;
}
.scene-apt .offerPrice .caption .avg {
  color: #4337de;
  line-height: 1;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 600;
}
.scene-apt .offerPrice .caption .avg.low {
  color: #888;
  font-weight: 200;
}
.scene-apt .offerPrice .caption a {
  color: #777;
}
.scene-apt .offerPrice .caption a .icon {
  margin-left: 3px;
}
.scene-apt .offerPrice .detail {
  display: none;
  padding: 80px 20px 20px;
}
.scene-apt .offerPrice .detail.nonranking {
  padding: 50px 20px 20px;
}
.scene-apt .offerPrice .detail table {
  border: 1px solid #e5e5e5;
}
.scene-apt .offerPrice .detail thead tr td {
  font-size: 14px;
}
.scene-apt .offerPrice .detail tr {
  height: 32px;
  border-top: 1px solid #e5e5e5;
}
.scene-apt .offerPrice .detail tr.matched td {
  color: #4337de;
  font-weight: 600;
  background-color: #fff;
}
.scene-apt .offerPrice .detail tr .table-col-3 td {
  width: 33%;
}
.scene-apt .offerPrice .detail tr .table-col-4 td {
  width: 25%;
}
.scene-apt .offerPrice .detail tr td {
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  vertical-align: middle;
  background-color: #fafafa;
}
.scene-apt .offerPrice .detail tr td.price {
  font-weight: 500;
}
.scene-apt .offerPrice .detail tr td .area-award {
  padding-right: 16px;
}
.scene-apt .offerPrice .detail tr td .area-award:before {
  font-family: 'fontello';
  content: '\E844';
  font-size: 14px;
  font-weight: normal;
  color: #4337de;
  margin-right: 4px;
}
.scene-apt .offerPrice .detail p {
  font-size: 14px;
  color: #777;
  text-align: center;
  display: block;
  border: 1px solid #e5e5e5;
  height: 32px;
  line-height: 32px;
  background-color: #fafafa;
}
.scene-apt .offerPrice .detail .description {
  display: block;
  padding-top: 24px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: center;
}
.scene-apt .offerPrice .btn-subscribe-offer {
  top: 85px;
}
.scene-apt .offerPrice.summary {
  height: 170px;
}
.scene-apt .offerPrice.opened {
  height: auto;
  cursor: auto;
}
.scene-apt .offerPrice.opened .offer-summary {
  display: block;
}
.scene-apt .offerPrice.opened .detail {
  display: block;
}
.scene-apt .offerPrice.opened .btn-subscribe-offer,
.scene-apt .offerPrice.opened .subscribed {
  top: 0;
}
.scene-apt .offerPrice.empty {
  height: 87px;
}
.scene-apt .offerPrice.empty .detail {
  padding-top: 74px;
}
.scene-apt .offerPrice.empty .btn-more {
  height: 100%;
}
.scene-apt .offerPrice.empty.opened {
  height: auto;
}
.scene-apt .offerPrice.empty.opened .btn-more {
  height: 30px;
}
.scene-apt .offerPrice.started {
  height: 87px;
}
.scene-apt .offerPrice.started .detail {
  padding-bottom: 28px;
}
.scene-apt .offerPrice.started .description,
.scene-apt .offerPrice.started .btn-subscribe-offer {
  display: none;
}
.scene-apt .offerPrice.started.opened {
  height: auto;
}
.scene-apt .offer-ad-slot-container {
  position: relative;
  width: 100%;
}
.scene-apt .offer-ad-slot-container a {
  display: block;
}
.scene-apt .offer-ad-slot-container a .catalog-container {
  height: 0;
}
.scene-apt .offer-ad-slot-container a .catalog-container .content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 110px;
}
.scene-apt .offer-ad-slot-container a .catalog-container .button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.scene-apt .offer-ad-slot-container a .catalog-container .button p {
  height: 45px;
  -webkit-border-radius: 22.5px;
  -moz-border-radius: 22.5px;
  -ms-border-radius: 22.5px;
  -o-border-radius: 22.5px;
  border-radius: 22.5px;
  border: 1px solid #FFF;
  text-align: center;
  line-height: 45px;
  color: #FFF;
  margin: 15px 45px 0;
}
.scene-apt .offer-ad-slot-container a .catalog-container .button.small p {
  position: absolute;
  right: 15px;
  top: 20px;
  padding: 0 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 0;
  width: auto;
  height: 40px;
  line-height: 41px;
}
.scene-apt .offer-ad-slot-container a .content-container {
  position: absolute;
  bottom: 0;
  width: 120%;
  height: 110px;
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.scene-apt .offer-ad-slot-container a .tag {
  position: absolute;
  top: 17px;
  left: 15px;
  font-size: 13px;
  opacity: 0.5;
  color: #FFF;
  background: #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  height: 20px;
  line-height: 22px;
  text-align: center;
}
.scene-apt .offer-ad-slot-container a .title {
  position: absolute;
  top: 48px;
  left: 15px;
  font-weight: 600;
  font-size: 18px;
  color: #FFF;
}
.scene-apt .offer-ad-slot-container a .sub-title {
  position: absolute;
  top: 78px;
  left: 15px;
  color: #FFF;
  opacity: 0.7;
  font-size: 15px;
}
.scene-apt .nearby-start {
  position: relative;
}
.scene-apt .nearby-start .nearby-start-info {
  padding: 20px 20px 15px 20px;
}
.scene-apt .nearby-start .nearby-start-info .title {
  padding-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 1;
}
.scene-apt .nearby-start .nearby-start-info .caption {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .nearby-start .nearby-start-info ul li {
  margin-bottom: 12px;
}
.scene-apt .nearby-start .nearby-start-info ul li a {
  display: block;
  position: relative;
}
.scene-apt .nearby-start .nearby-start-info ul li a .left {
  display: block;
  margin-right: 90px;
}
.scene-apt .nearby-start .nearby-start-info ul li a .left .name {
  line-height: 1.3;
  display: block;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #fb3535;
}
.scene-apt .nearby-start .nearby-start-info ul li a .left .date {
  display: inline-block;
  font-size: 15px;
  padding-right: 6px;
}
.scene-apt .nearby-start .nearby-start-info ul li a .left .household {
  display: inline;
  font-size: 15px;
  color: #777;
}
.scene-apt .nearby-start .nearby-start-info ul li a .left .py {
  display: inline;
  font-size: 15px;
  color: #777;
}
.scene-apt .nearby-start .nearby-start-info ul li a .right {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: right;
  font-size: 15px;
  font-weight: 400;
}
.scene-apt .nearby-start .nearby-start-info ul li a .right .price {
  display: block;
  font-size: 18px;
}
.scene-apt .nearby-start .nearby-start-info ul li a .right .apt-caption {
  display: inline-block;
  font-size: 14px;
  color: #777;
  font-weight: 200;
}
.scene-apt .nearby-start .btn-more-poi {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .education {
  position: relative;
}
.scene-apt .education .title {
  margin: 20px 20px 0;
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.scene-apt .education .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .education .caption .text {
  display: inline-block;
  vertical-align: middle;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
@media screen and (min-width: 360px) {
  .scene-apt .education .caption .text {
    max-width: 110px;
  }
}
.scene-apt .education .caption .icon {
  color: #ccc;
  margin-left: 3px;
}
.scene-apt .education .category-group {
  position: relative;
  margin: 10px 10px 10px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-apt .education .category-group button {
  position: relative;
  z-index: 2;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  padding-right: 38px;
  padding-left: 10px;
}
.scene-apt .education .category-group:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt .education .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-top: 10px;
}
.scene-apt .education .scroll-menu-container ul {
  padding: 0 10px;
}
.scene-apt .education .scroll-menu-container ul li {
  line-height: 39px;
  height: 41px;
}
.scene-apt .education .scroll-menu-container ul li a {
  padding: 0 5px;
}
@media screen and (min-width: 360px) {
  .scene-apt .education .scroll-menu-container ul li a {
    padding: 0 8px;
  }
}
.scene-apt .education .scroll-menu-container ul li .scroll-link {
  font-size: 16px;
}
.scene-apt .education .education-ul {
  padding-top: 7px;
}
.scene-apt .education .education-ul li .link {
  display: block;
  position: relative;
  padding: 8px 20px;
}
.scene-apt .education .education-ul li .name-group {
  display: block;
  font-size: 16px;
  margin-right: 100px;
}
.scene-apt .education .education-ul li .name-group .name {
  display: block;
  font-weight: normal;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .education .education-ul li .name-group .type {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  color: #555;
}
.scene-apt .education .education-ul li .name-group .dist {
  display: inline;
  color: #c1c1c1;
  font-size: 14px;
}
.scene-apt .education .education-ul li .score {
  position: absolute;
  display: block;
  right: 20px;
  top: 9px;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}
.scene-apt .education .education-ul li .score .score-caption {
  display: block;
  color: #777;
  font-size: 14px;
  font-weight: 200;
}
.scene-apt .education .education-ul li:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .education .education-ul li:last-child {
  padding-bottom: 12px;
}
.scene-apt .education .empty {
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: gray;
}
.scene-apt .education .btn-more-poi {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .official-price {
  position: relative;
}
.scene-apt .official-price .icon {
  color: #ccc;
  margin: 0;
  vertical-align: middle;
}
.scene-apt .official-price .title {
  padding: 20px 24px 0;
  font-size: 16px;
  font-weight: normal;
  color: #484848;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .official-price .title.bold {
  font-weight: bold;
}
.scene-apt .official-price .official-container {
  position: relative;
  border-top: 4px solid #eaebed !important;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .official-price .official-container.bold {
  font-weight: bold;
}
.scene-apt .official-price .official-container .caption {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 15px;
  font-weight: normal;
  color: #7f7e92;
  text-align: right;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .official-price .official-container .caption.bold {
  font-weight: bold;
}
.scene-apt .official-price .official-container .new {
  color: #fc541b;
  font-size: 14px;
  padding-left: 6px;
}
.scene-apt .official-price .calc-tax {
  position: relative;
  padding-bottom: 10px;
}
.scene-apt .official-price .calc-tax .text {
  color: #333;
  font-size: 13px;
  display: block;
  white-space: nowrap;
}
.scene-apt .official-price .calc-tax .price-text {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #4337de;
  white-space: nowrap;
}
.scene-apt .official-price .calc-tax .price-text:after {
  display: inline-block;
  font-family: fontello;
  content: '\E813';
  color: #4337de;
  font-size: 13px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  margin-left: 2px;
  vertical-align: middle;
}
.scene-apt .official-price .calc-tax .cost-text {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: #000;
  white-space: nowrap;
}
@media screen and (min-width: 370px) {
  .scene-apt .official-price .calc-tax .text {
    font-size: 15px;
  }
  .scene-apt .official-price .calc-tax .price-text,
  .scene-apt .official-price .calc-tax .cost-text {
    font-size: 21px;
  }
}
.scene-apt .official-price .calc-tax.empty-price {
  padding-bottom: 25px;
}
.scene-apt .official-price .price-cost-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 24px;
}
.scene-apt .official-price .price-cost-container .price-container {
  width: 68%;
  max-width: 225px;
  padding-right: 20px;
  box-sizing: border-box;
}
.scene-apt .official-price .price-cost-container .price-container .price-tax {
  display: flex;
}
.scene-apt .official-price .price-cost-container .price-container .price-tax .price {
  width: 60%;
}
.scene-apt .official-price .price-cost-container .price-container .price-tax .tax {
  width: 40%;
}
.scene-apt .official-price .price-cost-container .price-container input {
  width: 100%;
  border: 1px solid #4337de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 15px 2px 3px;
  color: #4337de;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 13px;
}
@media screen and (min-width: 370px) {
  .scene-apt .official-price .price-cost-container .price-container input {
    font-size: 19px;
    line-height: 19px;
  }
}
.scene-apt .official-price .price-cost-container .price-container form {
  position: relative;
  margin: 3px 3px 0 0;
}
.scene-apt .official-price .price-cost-container .price-container .submit {
  position: absolute;
  top: 0px;
  right: 5px;
}
@media screen and (min-width: 370px) {
  .scene-apt .official-price .price-cost-container .price-container .submit {
    top: 2px;
  }
}
.scene-apt .official-price .price-cost-container .price-container .submit:before {
  font-family: fontello;
  content: '\E813';
  color: #4337de;
  font-size: 15px;
}
@media screen and (min-width: 370px) {
  .scene-apt .official-price .price-cost-container .price-container .submit:before {
    font-size: 19px;
  }
}
.scene-apt .official-price .price-cost-container .cost-container {
  width: 32%;
  max-width: 110px;
  box-sizing: border-box;
}
.scene-apt .user-region .report {
  position: relative;
  padding: 20px;
}
.scene-apt .user-region .report h3 {
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .user-region .report h3 .top {
  font-weight: bold;
}
.scene-apt .user-region .report .chart {
  position: relative;
  margin-top: 15px;
  width: 150px;
  height: 150px;
}
.scene-apt .user-region .report .chart .icon {
  position: absolute;
  width: 26px;
  height: 25px;
  top: 50%;
  left: 50%;
  margin-left: -13px;
  margin-top: -12px;
}
.scene-apt .user-region .report .chart .icon .visitor {
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -311px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .user-region .report .chart .icon .subscriber {
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -340px -22px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .user-region .report .legend {
  position: absolute;
  left: 195px;
  top: 69px;
}
.scene-apt .user-region .report .legend .item {
  height: 25px;
  font-size: 15px;
  color: #333;
}
.scene-apt .user-region .report .legend .item .color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #000;
}
.scene-apt .user-region .report .legend .item .name {
  margin-left: 7px;
  color: #333;
}
.scene-apt .user-region .report .legend .item .percent {
  margin-left: 5px;
  color: #888;
}
.scene-apt .convenience .poi-item {
  display: inline-block;
  margin: 8px 10px 0 0;
}
.scene-apt .convenience .poi-item h5 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}
.scene-apt .convenience .poi-item .dist {
  font-size: 14px;
  color: #999;
}
.scene-apt .convenience .bus-item {
  vertical-align: top;
  display: inline-block;
  margin: 8px 10px 0 0;
}
.scene-apt .convenience .bus-item .icon {
  color: #999;
}
.scene-apt .convenience .bus-item .bus-container {
  margin-left: 15px;
}
.scene-apt .convenience .bus-item h5 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  margin-bottom: -8px;
}
.scene-apt .convenience .bus-item a {
  float: left;
  margin-right: 4px;
  margin-top: 8px;
  font-size: 15px;
  color: #555;
  padding: 3px 10px;
  background-color: #efefef;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-apt .convenience .summary {
  position: relative;
  padding: 20px;
}
.scene-apt .convenience .summary h3 {
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .convenience .summary .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .convenience .summary .poi-list {
  margin-top: 10px;
}
.scene-apt .convenience .summary .poi-list .icon {
  color: #999;
  margin-right: 5px;
  font-size: 14px;
}
.scene-apt .convenience .summary .poi-list .empty {
  margin-top: 20px;
  text-align: center;
  color: #999;
}
.scene-apt .convenience .btn-more-convenience {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .convenience .commute .commute-item {
  position: relative;
  display: inline-block;
  width: 50%;
  margin-right: 6px;
}
.scene-apt .convenience .commute .commute-item label {
  font-size: 14px;
  color: #333;
}
.scene-apt .convenience .commute .commute-item label span {
  font-size: 15px;
  position: absolute;
  right: 0px;
  top: 17px;
}
.scene-apt .convenience .commute .commute-item:first-child {
  margin-left: -10px;
}
.scene-apt .convenience .commute .commute-item:last-child {
  margin-right: 0;
}
.scene-apt .convenience .commute-group {
  position: relative;
  margin: 5px 7px 0px 0px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-apt .convenience .commute-group button {
  position: relative;
  z-index: 2;
  font-size: 14px;
  height: 37px;
  line-height: 37px;
  padding-right: 34px;
  padding-left: 10px;
}
.scene-apt .convenience .commute-group:after {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-apt .convenience.opened ul {
  margin-bottom: 20px;
}
.scene-apt .convenience.opened li {
  margin-top: 12px;
  padding: 12px 20px 0;
  border-top: 1px solid #f2f2f2;
}
.scene-apt .convenience.opened li:first-child {
  margin-top: 20px;
  padding-top: 0;
  border-top: 0;
}
.scene-apt .convenience.opened li h4 {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.scene-apt .convenience.opened li h4 .icon {
  margin-right: 5px;
  color: #666;
}
.scene-apt .convenience.opened li h4.far {
  color: #ccc;
}
.scene-apt .convenience.opened li h4.far:after {
  content: '(멀리있음)';
}
.scene-apt .convenience.opened li .empty {
  color: #ccc;
  font-size: 14px;
}
.scene-apt .convenience.opened .bus-item {
  margin: 12px 30px 0 0;
}
.scene-apt .convenience.opened .bus-item .bus-container {
  margin-left: 0;
}
.scene-apt .goodnews {
  position: relative;
}
.scene-apt .goodnews .summary {
  padding: 20px 20px 0;
}
.scene-apt .goodnews .summary h3 {
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .goodnews .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .goodnews .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-top: 10px;
  height: 41px;
}
.scene-apt .goodnews .scroll-menu-container ul {
  padding: 0 10px;
  height: 64px;
}
.scene-apt .goodnews .scroll-menu-container ul li {
  line-height: 39px;
  height: 41px;
}
.scene-apt .goodnews .scroll-menu-container ul li .scroll-link {
  font-size: 16px;
}
.scene-apt .goodnews > ul {
  padding-top: 10px;
}
.scene-apt .goodnews > ul li .link {
  display: block;
  position: relative;
  padding: 10px 20px;
}
.scene-apt .goodnews > ul li .name-group {
  display: block;
  font-size: 16px;
  margin-right: 100px;
}
.scene-apt .goodnews > ul li .name-group .name {
  display: inline-block;
  font-weight: normal;
  line-height: 22px;
  max-width: 80%;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .goodnews > ul li .name-group .review {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  margin-left: 6px;
  color: #999;
  font-size: 14px;
}
.scene-apt .goodnews > ul li .name-group .review:before {
  margin-top: 1px;
  margin-right: 4px;
  content: '';
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -152px -279px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .goodnews > ul li .score {
  position: absolute;
  display: block;
  right: 20px;
  top: 9px;
  font-size: 14px;
  text-align: right;
  color: #999;
}
.scene-apt .goodnews > ul li:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .goodnews > ul li:last-child {
  padding-bottom: 12px;
}
.scene-apt .goodnews .empty {
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: gray;
}
.scene-apt .goodnews .btn-more-goodnews {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .btn-subscribe-trade {
  display: block;
  position: relative;
  height: 52px;
  margin: 20px 20px;
  font-size: 17px;
  color: #fff;
  line-height: 52px;
  text-align: center;
  background: #584de4;
  box-shadow: 0 2px 4px 0 rgba(89, 99, 217, 0.4);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.scene-apt .btn-subscribe-trade:before {
  margin-right: 8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  content: '';
}
.scene-apt .btn-subscribe-trade.subscribed {
  color: #584de4;
  background: #f3f4fc;
  box-shadow: none;
}
.scene-apt .btn-subscribe-trade.subscribed:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -93px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.scene-apt .trades {
  position: relative;
}
.scene-apt .trades .trades-list-wrap {
  padding: 20px 0;
}
.scene-apt .trades .title {
  padding-left: 20px;
}
.scene-apt .trades .title h3 {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 1;
}
.scene-apt .trades .title .price {
  display: block;
  margin-top: 8px;
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.scene-apt .trades .caption {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .trades .calc {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  margin-top: 5px;
}
.scene-apt .trades .calc .slider {
  box-sizing: border-box;
  padding: 0 33px;
}
.scene-apt .trades ul > li {
  position: relative;
}
.scene-apt .trades ul > li .desc {
  position: relative;
  padding: 24px 0 0 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 1;
}
.scene-apt .trades ul > li .desc .new {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -209px -147px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  top: -2px;
  left: 5px;
}
.scene-apt .trades ul > li .price-group {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 150px;
  text-align: right;
}
.scene-apt .trades ul > li .price-group .floor {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 300;
  color: #555;
}
.scene-apt .trades ul > li .price-group .price {
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  vertical-align: middle;
}
.scene-apt .trade-list {
  position: relative;
  background-color: #eaebed;
  padding-bottom: 1px;
  margin-top: -7px;
}
.scene-apt .trade-list .sub-title {
  display: inline-block;
  color: #4337de;
  font-size: 15px;
  padding: 15px 20px 0;
}
.scene-apt .trade-list .sub-title:after {
  font-family: fontello;
  content: '\E810';
  margin-left: 6px;
  color: #8880f7;
}
.scene-apt .trade-list .trade {
  position: relative;
  border-top: 1px solid #eaebed;
  padding: 18px 0 0;
  margin: 10px 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.scene-apt .trade-list .trade:nth-child(2) {
  margin-top: 5px;
}
.scene-apt .trade-list .info-group {
  padding: 0 20px 18px;
}
.scene-apt .trade-list .info-group .price {
  display: block;
  margin-top: 1px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.scene-apt .trade-list .info-group .profile {
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 135px;
  box-sizing: border-box;
}
.scene-apt .trade-list .info-group .profile-image {
  position: absolute;
  right: 115px;
  top: 20px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-apt .trade-list .info-group .date {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #c1c1c1;
  padding-left: 1px;
  text-align: right;
}
.scene-apt .trade-list .info-group .description {
  display: block;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  line-height: 1.3;
}
.scene-apt .trade-list .info-group .etc {
  margin-top: 5px;
}
.scene-apt .trade-list .info-group .etc span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 0 10px;
  background-color: #efefef;
  font-size: 14px;
  margin-right: 6px;
  margin-top: 5px;
}
.scene-apt .trade-list .info-group .etc span:last-child {
  margin-right: 0;
}
.scene-apt .trade-list .btn-call {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #5963d9;
  width: 85px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-apt .trade-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.scene-apt .trade-list .simple {
  padding: 12px 10px 11px;
  position: relative;
}
.scene-apt .trade-list .simple .price {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
}
.scene-apt .trade-list .simple .etc {
  display: inline-block;
}
.scene-apt .trade-list .simple .etc .etc-item {
  margin-left: 5px;
  color: #888;
}
.scene-apt .trade-list .simple .date {
  display: block;
  font-size: 13px;
  color: #c1c1c1;
}
.scene-apt .trade-list .simple .btn-toggle-simple {
  display: block;
}
.scene-apt .trade-list .simple .btn-toggle-simple:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7.5px;
  content: '';
}
.scene-apt .trade-list .btn-more-trade {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  height: 48px;
  padding-top: 5px;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
}
.scene-apt .trade-list .btn-more-trade span:after {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  margin-left: -5px;
  top: 27px;
  content: '';
}
.scene-apt .trade-list .loading {
  position: relative;
  height: 48px;
}
.scene-apt .trade-list .loading .spinner {
  top: 20px!important;
}
.scene-apt .trade-list .comments {
  border-top: 1px solid #eaebed;
}
.scene-apt .trade-list .comments .input-comment {
  border-top: 1px solid #eaebed;
  display: block;
  font-size: 15px;
  padding: 0 20px;
  line-height: 48px;
  width: 100%;
  box-sizing: border-box;
}
.scene-apt .trade-list .comments .input-comment:first-child {
  border-top: 0;
}
.scene-apt .trade-list .comments .comment-list {
  position: relative;
}
.scene-apt .trade-list .comments .comment-list:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .trade-list .comments .profile h5 {
  font-weight: normal;
  font-size: 13px;
  display: block;
  padding: 0 5px;
}
.scene-apt .trade-list .comments .date {
  display: inline-block;
  color: #c1c1c1;
  font-size: 11px;
  padding: 5px 5px 0;
  vertical-align: bottom;
}
.scene-apt .trade-list .comments .question,
.scene-apt .trade-list .comments .answer {
  float: left;
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding: 10px 15px 0;
  margin-top: 5px;
  box-sizing: border-box;
}
.scene-apt .trade-list .comments .question:after,
.scene-apt .trade-list .comments .answer:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .trade-list .comments .question:last-child,
.scene-apt .trade-list .comments .answer:last-child {
  margin-bottom: 10px;
}
.scene-apt .trade-list .comments .content {
  min-width: 200px;
  display: inline-block;
  word-wrap: break-word;
  background-color: #f2f2f2;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 12px 16px;
  margin-top: 5px;
  box-sizing: border-box;
  max-width: 250px;
  text-align: left;
}
.scene-apt .trade-list .comments .answer {
  text-align: right;
  float: right;
}
.scene-apt .trade-list .comments .answer .profile {
  text-align: right;
  color: #5963d9;
}
.scene-apt .trade-list .comments .answer .content {
  background-color: #5963d9;
  color: #fff;
}
.scene-apt .trade-list .comments .btn-more-comment {
  color: #888;
  text-align: center;
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 38px;
  top: -5px;
}
.scene-apt .trade-list .comments .btn-more-comment span:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  vertical-align: middle;
  margin-left: 6px;
}
.scene-apt .trade-list .comments input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments input:-moz-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments input::-moz-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments input:-ms-input-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments textarea:-moz-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments textarea::-moz-placeholder {
  color: #aaa;
}
.scene-apt .trade-list .comments textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-apt .offer-agents {
  height: 89px;
  border-bottom: 1px solid #eaebed;
  position: relative;
}
.scene-apt .offer-agents .agent-group {
  display: block;
  padding: 26px 20px;
  box-sizing: border-box;
}
.scene-apt .offer-agents .agent-group > h5 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .offer-agents .agent-group .desc {
  display: block;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  color: #888;
  box-sizing: border-box;
  padding-right: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .offer-agents .name {
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
  width: 85px;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.scene-apt .offer-agents .btn-call {
  display: block;
  position: absolute;
  right: 20px;
  top: 35px;
  background-color: #5963d9;
  width: 85px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-apt .offer-agents .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.scene-apt .agent-banner {
  background-color: #EAEBED;
  padding: 8px;
}
.scene-apt .agent-banner .inner {
  display: block;
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 25px 12px;
}
.scene-apt .agent-banner .description {
  text-align: left;
  font-size: 16px;
  padding-right: 150px;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.scene-apt .agent-banner .btn-intro {
  position: absolute;
  display: block;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  padding: 0 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 15px;
  background-color: #5962d9;
  color: #fff;
}
.scene-apt .partner-agent-nearby {
  padding-bottom: 12px;
  box-sizing: border-box;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .partner-agent-nearby.bold {
  font-weight: bold;
}
.scene-apt .partner-agent-nearby .empty-text {
  padding: 20px 0;
  text-align: center;
  color: #484848;
}
.scene-apt .partner-agent-nearby .empty-text p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.33;
}
.scene-apt .partner-agent-nearby .empty-text .date {
  font-size: 14px;
  line-height: 1.29;
  color: #7f7e92;
}
.scene-apt .partner-agent-nearby .agent-list {
  padding: 10px 24px 0;
}
.scene-apt .partner-agent-nearby .agent-list .agent-item {
  margin-bottom: 0;
  padding: 17px 0;
}
.scene-apt .partner-agent-nearby .btn-more-agents {
  display: block;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.38;
  color: #7f7e92;
}
.scene-apt .auction-list {
  position: relative;
  border-top: 1px solid #efefef;
  padding: 10px 0 0;
}
.scene-apt .auction-list .title {
  position: absolute;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  top: 20px;
  left: 20px;
}
.scene-apt .auction-list .title span {
  color: #ccc;
}
.scene-apt .auction-list .caption {
  position: absolute;
  top: 21px;
  right: 20px;
  font-size: 13px;
  font-weight: 200;
  color: #888;
  text-align: right;
}
.scene-apt .auction-list .caption a {
  color: #777;
  cursor: pointer;
}
.scene-apt .auction-list .caption a:before {
  color: #ccc;
  font-family: fontello;
  content: '\E83C';
  margin-right: 3px;
}
.scene-apt .auction-list ul {
  position: relative;
  margin-top: 30px;
}
.scene-apt .auction-list ul .not-first {
  border-top: 1px solid #ededed;
}
.scene-apt .auction-list ul .auction {
  height: 78px;
  position: relative;
  background-color: #fff;
}
.scene-apt .auction-list ul .auction .dongho-group {
  position: absolute;
  top: 20px;
  right: 100px;
  left: 20px;
}
.scene-apt .auction-list ul .auction .dongho-group .dongho {
  width: 220px;
  display: block;
  font-size: 15px;
  overflow: hidden;
}
.scene-apt .auction-list ul .auction .dongho-group .date {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #888;
}
.scene-apt .auction-list ul .auction .price-group {
  position: absolute;
  top: 30px;
  right: 0px;
  padding-right: 10px;
  text-align: right;
  vertical-align: middle;
}
.scene-apt .auction-list ul .auction .price-group .price {
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  margin-right: 4px;
  vertical-align: middle;
}
.scene-apt .auction-list ul .auction .price-group .state {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  color: #4337de;
  vertical-align: middle;
}
.scene-apt .estimatedRent {
  position: relative;
  height: 92px;
}
.scene-apt .estimatedRent .title-group {
  position: absolute;
  top: 25px;
  left: 20px;
}
.scene-apt .estimatedRent .title-group .title {
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .estimatedRent .title-group .count {
  margin-top: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: #4337de;
}
.scene-apt .estimatedRent .caption {
  position: absolute;
  top: 25px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .estimatedRent .chart {
  display: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 20px 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.scene-apt .estimatedRent.opened {
  height: 185px;
}
.scene-apt .estimatedRent.opened .chart {
  display: block;
}
.scene-apt .estimatedRent.opened .btn-more {
  display: none!important;
}
.scene-apt .estimatedRent.opened.message {
  height: 218px;
}
.scene-apt .estimatedRent.opened.message .rental-bussiness-ratio {
  padding: 15px 20px 25px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.scene-apt .list-group {
  position: relative;
  height: auto;
  background-color: #444d92;
}
.scene-apt .list-group h3 {
  display: block;
  padding-top: 30px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 200;
  color: #d3d4e2;
  width: 100%;
}
.scene-apt .list-group h3 span {
  position: absolute;
  right: 0;
}
.scene-apt .list-group .title-group {
  position: relative;
}
.scene-apt .list-group .title-group span {
  position: absolute;
  display: block;
  top: 30px;
  right: 20px;
  color: #d3d4e2;
  font-size: 16px;
  font-weight: 200;
}
.scene-apt .list-group .history > li {
  padding-top: 21px;
  margin-left: 20px;
}
.scene-apt .list-group .history > li > a {
  position: relative;
  display: block;
}
.scene-apt .list-group .history > li > a:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .list-group .history > li h5 {
  display: block;
  float: left;
  width: 69%;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .list-group .history > li .price {
  float: right;
  display: block;
  margin-right: 20px;
  font-size: 16px;
  color: #fff;
}
.scene-apt .list-group .history > li p {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  line-height: 1;
  color: #a0a4c2;
}
.scene-apt .list-group .history > li:last-child {
  padding-bottom: 30px;
}
.scene-apt .dong-container {
  width: 100%;
  position: relative;
}
.scene-apt .dong-container .title {
  display: inline-block;
  font-size: 15px;
  color: #333;
  padding: 15px 5px 5px 18px;
}
.scene-apt .dong-container .icon {
  color: #ccc;
  font-size: 14px;
}
.scene-apt .dong-container .infomation {
  position: relative;
}
.scene-apt .dong-container .infomation .icon.icon-info-circled {
  position: absolute;
  top: 12px;
  left: 28px;
  color: #ccc;
  font-size: 16px;
}
.scene-apt .dong-container .infomation .info {
  margin: 15px;
  padding: 10px 15px 10px 35px;
  color: #777;
  line-height: 1.4;
  border: 1px solid #e1e1e1;
  font-size: 15px;
}
.scene-apt .dong-container .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-top: 3px;
}
.scene-apt .dong-container .scroll-menu-container ul {
  padding: 0 10px;
}
.scene-apt .dong-container .scroll-menu-container ul li {
  line-height: 39px;
  height: 41px;
  box-sizing: border-box;
}
.scene-apt .dong-container .scroll-menu-container ul li .scroll-link {
  display: inline-block;
  font-size: 17px;
}
.scene-apt .dong-container .scroll-menu-container ul li .scroll-link.applied {
  color: #333;
}
.scene-apt .dong-container .scroll-menu-container ul li .badge {
  padding-right: 14px;
  position: relative;
}
.scene-apt .dong-container .scroll-menu-container ul li .badge:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 15px;
  color: #5963d9;
  position: absolute;
  padding-left: 3px;
}
.scene-apt .dong-container .scroll-menu-container ul li .text.has-badge {
  padding-left: 14px;
}
.scene-apt .dong-container .scroll-menu-container .arrow-right {
  right: -6px;
  top: 3px;
}
.scene-apt .dong-container .scroll-menu-container .arrow-left {
  top: 3px;
}
.scene-apt .dong-container .scroll-menu-container .gradient-right {
  top: 6px;
}
.scene-apt .dong-container .btn-dong-info {
  background-color: #fff;
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 47px;
  line-height: 47px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .dong-container .dong-wrap .area-title {
  padding: 10px 0 0 25px;
  font-size: 13px;
  font-weight: 300;
}
.scene-apt .dong-container .dong-wrap .scroll-menu-container {
  padding-top: 0;
}
.scene-apt .dong-container .dong-wrap .dong-info {
  padding: 20px;
  position: relative;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap {
  position: relative;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group {
  position: relative;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group.real {
  color: #4337de;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group.trade {
  top: 0px;
  right: 0px;
  text-align: right;
  position: absolute;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .dong {
  color: #000;
  font-size: 21px;
  margin-right: 6px;
  font-weight: bold;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .dong-sub-title {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  padding-bottom: 6px;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .dong-sub-title .icon {
  padding-left: 6px;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .badge {
  position: relative;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .badge:after {
  display: inline-block;
  padding-right: 3px;
  font-family: 'fontello';
  color: #5963d9;
  content: '\E844';
  font-size: 15px;
  top: 2px;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .price {
  display: inline-block;
  font-weight: 600;
  font-size: 21px;
  line-height: 1;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap .price-group .price.empty {
  font-weight: 300;
}
.scene-apt .dong-container .dong-wrap .dong-info .price-wrap p {
  font-size: 14px;
  color: #555;
  background-color: #efefef;
  line-height: 22px;
  margin: 10px 0px;
  padding: 10px 15px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list {
  display: block;
  position: relative;
  margin-top: 10px;
  margin-bottom: -8px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list .item {
  float: left;
  display: block;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-border-radius: 22.5px;
  -moz-border-radius: 22.5px;
  -ms-border-radius: 22.5px;
  -o-border-radius: 22.5px;
  border-radius: 22.5px;
  background-color: #fff;
  color: #555;
  border: 1px solid #ececec;
  position: relative;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  line-height: 35px;
  padding: 1px 15px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list .item.crown {
  padding-left: 25px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list .item.activate {
  background-color: #5963d9;
  color: #fff;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #5963d9;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list .item .popular {
  position: absolute;
  left: 7px;
  top: 4px;
  line-height: 19px;
  color: #5963d9;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-list .item .popular:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 17px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap {
  display: block;
  padding-right: 10px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .dong-title {
  margin-top: 15px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list {
  display: block;
  position: relative;
  margin-top: 5px;
  margin-bottom: -8px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list .item {
  float: left;
  display: block;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-border-radius: 22.5px;
  -moz-border-radius: 22.5px;
  -ms-border-radius: 22.5px;
  -o-border-radius: 22.5px;
  border-radius: 22.5px;
  background-color: #fff;
  color: #555;
  border: 1px solid #ececec;
  position: relative;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  line-height: 35px;
  padding: 1px 15px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list .item.crown {
  padding-left: 25px;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list .item.activate {
  background-color: #5963d9;
  color: #fff;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #5963d9;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list .item .popular {
  position: absolute;
  left: 7px;
  top: 4px;
  line-height: 19px;
  color: #5963d9;
}
.scene-apt .dong-container .dong-wrap .dong-info .dong-info-wrap .area-list .item .popular:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 17px;
}
.scene-apt .dong-container .trade-dong {
  position: relative;
  background-color: #ececec;
}
.scene-apt .dong-container .trade-dong .btn-dong-trade {
  background-color: #fff;
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 47px;
  line-height: 47px;
  font-size: 17px;
  color: #4337de;
  margin-top: 2px;
}
.scene-apt .dong-container .trade-dong .empty-trade-list {
  background-color: #ececec;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #4337de;
}
.scene-apt .dong-container .trade-dong .loading {
  position: relative;
  height: 48px;
}
.scene-apt .dong-container .trade-dong .loading .spinner {
  top: 20px!important;
}
.scene-apt .dong-container .trade-dong .title {
  padding: 15px 20px 5px 20px;
  color: #4337de;
  font-size: 15px;
}
.scene-apt .dong-container .trade-dong .toggle-simple-mode {
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 10px;
  background-color: #fff;
  line-height: 28px;
  padding: 0 10px;
  font-size: 15px;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-apt .dong-container .trade-dong .toggle-simple-mode.activate {
  background-color: #5963d9;
  color: #fff;
}
.scene-apt .dong-container .trade-dong .trade-dong-list {
  position: relative;
  background-color: #eaebed;
  padding-bottom: 1px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .loading-more {
  position: relative;
  height: 48px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .loading-more .spinner {
  top: 20px!important;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .sub-title {
  display: inline-block;
  color: #4337de;
  font-size: 15px;
  padding: 15px 20px 0;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .sub-title:after {
  font-family: fontello;
  content: '\E810';
  margin-left: 6px;
  color: #8880f7;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .trade {
  position: relative;
  border-top: 1px solid #eaebed;
  padding: 18px 0 0;
  margin: 10px 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.scene-apt .dong-container .trade-dong .trade-dong-list .trade:nth-child(2) {
  margin-top: 5px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group {
  padding: 0 20px 18px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .price {
  display: block;
  margin-top: 1px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .profile {
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 135px;
  box-sizing: border-box;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .profile-image {
  position: absolute;
  right: 115px;
  top: 20px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .date {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #c1c1c1;
  padding-left: 1px;
  text-align: right;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .description {
  display: block;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  line-height: 1.3;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .etc {
  margin-top: 5px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .etc span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 0 10px;
  background-color: #efefef;
  font-size: 14px;
  margin-right: 6px;
  margin-top: 5px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .info-group .etc span:last-child {
  margin-right: 0;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .btn-call {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #5963d9;
  width: 85px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple {
  padding: 12px 10px 11px;
  position: relative;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .price {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .etc {
  display: inline-block;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .etc .etc-item {
  margin-left: 5px;
  color: #888;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .date {
  display: block;
  font-size: 13px;
  color: #c1c1c1;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .btn-toggle-simple {
  display: block;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .simple .btn-toggle-simple:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7.5px;
  content: '';
}
.scene-apt .dong-container .trade-dong .trade-dong-list .btn-more-trade {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  height: 48px;
  padding-top: 5px;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .btn-more-trade span:after {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  margin-left: -5px;
  top: 27px;
  content: '';
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments {
  border-top: 1px solid #eaebed;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .input-comment {
  border-top: 1px solid #eaebed;
  display: block;
  font-size: 15px;
  padding: 0 20px;
  line-height: 48px;
  width: 100%;
  box-sizing: border-box;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .input-comment:first-child {
  border-top: 0;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .comment-list {
  position: relative;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .comment-list:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .profile h5 {
  font-weight: normal;
  font-size: 13px;
  display: block;
  padding: 0 5px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .date {
  display: inline-block;
  color: #c1c1c1;
  font-size: 11px;
  padding: 5px 5px 0;
  vertical-align: bottom;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .question,
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer {
  float: left;
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding: 10px 15px 0;
  margin-top: 5px;
  box-sizing: border-box;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .question:after,
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .question:last-child,
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer:last-child {
  margin-bottom: 10px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .content {
  min-width: 200px;
  display: inline-block;
  word-wrap: break-word;
  background-color: #f2f2f2;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 12px 16px;
  margin-top: 5px;
  box-sizing: border-box;
  max-width: 250px;
  text-align: left;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer {
  text-align: right;
  float: right;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer .profile {
  text-align: right;
  color: #5963d9;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .answer .content {
  background-color: #5963d9;
  color: #fff;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .btn-more-comment {
  color: #888;
  text-align: center;
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 38px;
  top: -5px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments .btn-more-comment span:after {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  vertical-align: middle;
  margin-left: 6px;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments input:-moz-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments input::-moz-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments input:-ms-input-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments textarea:-moz-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments textarea::-moz-placeholder {
  color: #aaa;
}
.scene-apt .dong-container .trade-dong .trade-dong-list .comments textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-apt .baseInfo {
  position: relative;
  font-size: 16px;
  padding: 20px 20px 12px;
}
.scene-apt .baseInfo .title {
  font-weight: 400;
  font-size: 14px;
}
.scene-apt .baseInfo ul {
  margin-left: 15px;
}
.scene-apt .baseInfo ul:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .baseInfo ul li {
  float: left;
  width: 50%;
  line-height: 1.5;
  list-style-type: disc;
  padding-right: 15px;
  box-sizing: border-box;
  color: #555;
}
.scene-apt .baseInfo ul li.right {
  padding-right: 0;
}
.scene-apt .baseInfo ul li .icon {
  color: #d1d1d1;
}
.scene-apt .floorplan {
  position: relative;
  padding: 0;
  font-size: 15px;
  border-top: 1px solid #f2f2f2;
  display: block;
}
.scene-apt .floorplan .btn-naver-floorplan {
  display: block;
  position: relative;
  height: 52px;
}
.scene-apt .floorplan .btn-naver-floorplan:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .floorplan .btn-naver-floorplan .caption {
  float: left;
  padding-left: 20px;
  line-height: 52px;
  font-size: 15px;
}
.scene-apt .floorplan .btn-naver-floorplan .caption .icon-street-view {
  margin-right: 6px;
  color: #4337de;
  font-size: 15px;
}
.scene-apt .floorplan .btn-naver-floorplan .icon-angle-right {
  padding-right: 20px;
  line-height: 52px;
  display: block;
  float: right;
  height: 52px;
  vertical-align: middle;
}
.scene-apt .parking {
  position: relative;
  padding: 25px 20px 25px;
  font-size: 16px;
  border-top: 1px solid #f2f2f2;
}
.scene-apt .parking .status {
  color: #3DAB6A;
  font-weight: bold;
}
.scene-apt .parking .status.warning {
  color: red;
  font-weight: bold;
}
.scene-apt .parking .status.normal {
  color: #5f846b;
}
.scene-apt .parking .icon.icon-help-circled {
  margin-left: 5px;
  color: #ccc;
}
.scene-apt .parking .cont {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  left: 150px;
  top: 25px;
  right: 30px;
}
.scene-apt .parking .cont .bar {
  position: relative;
  background-color: #f2f2f2;
  width: 100%;
  height: 8px;
  line-height: 1;
}
.scene-apt .parking .cont .bar .bar-gauge {
  background-color: #24AF52;
  height: 100%;
  line-height: 1;
}
.scene-apt .parking .cont .bar .limiter0 {
  position: absolute;
  top: 0;
  left: 40%;
  width: 1px;
  background-color: #777;
  height: 11px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scene-apt .parking .cont .bar .limiter1 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  background-color: #777;
  height: 11px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scene-apt .parking .cont .label {
  position: absolute;
  font-size: 12px;
  top: 12px;
}
.scene-apt .parking .cont .label.label-left {
  text-align: left;
}
.scene-apt .parking .cont .label.label0 {
  left: 40%;
  margin-left: -5px;
}
.scene-apt .parking .cont .label.label1 {
  left: 50%;
  margin-left: -5px;
}
.scene-apt .parking .cont .label.label-right {
  right: 0;
  text-align: right;
}
.scene-apt .parking .cont.warning .bar-gauge {
  background-color: #dd2222;
}
.scene-apt .parking .cont.normal .bar-gauge {
  background-color: #70ab83;
}
.scene-apt .manageCost {
  position: relative;
}
.scene-apt .manageCost .title {
  padding: 20px 20px 0px;
  font-weight: 400;
  font-size: 15px;
}
.scene-apt .manageCost .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 13px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.scene-apt .manageCost .caption a {
  color: #777;
  cursor: pointer;
}
.scene-apt .manageCost .caption a:hover {
  text-decoration: underline;
  color: #000;
}
.scene-apt .manageCost ul {
  display: table;
  width: 100%;
  padding: 10px 20px 20px;
  box-sizing: border-box;
}
.scene-apt .manageCost ul li {
  display: table-cell;
  width: 33%;
}
.scene-apt .manageCost ul li.center {
  text-align: center;
}
.scene-apt .manageCost ul li.right {
  text-align: right;
}
.scene-apt .manageCost .type {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.scene-apt .manageCost .month {
  color: #999;
  font-weight: 400;
  font-size: 13px;
}
.scene-apt .manageCost .cost {
  margin-top: 8px;
  font-weight: 500;
  font-size: 19px;
}
.scene-apt .relatedApts {
  position: relative;
}
.scene-apt .relatedApts .apts {
  width: 100%;
  padding: 0 0 10px 0;
}
.scene-apt .relatedApts .apts .name {
  display: inline-block;
  width: 190px;
}
.scene-apt .relatedApts .apts .text {
  position: absolute;
  display: block;
  right: 20px;
  top: 0;
  font-weight: 600;
  text-align: right;
  color: #333;
}
.scene-apt .relatedApts .apts .text .subtext {
  display: block;
  color: #777;
  font-size: 13px;
  font-weight: 200;
}
.scene-apt .relatedApts .apts a {
  position: relative;
  display: block;
  padding: 0px 20px;
  height: 35px;
  line-height: 35px;
}
.scene-apt .relatedApts .apts a:hover {
  background-color: #f5f5f5;
}
.scene-apt .relatedApts .apts a .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}
.scene-apt .relatedApts .apts a.selected .name,
.scene-apt .relatedApts .apts a.selected .text {
  color: #4337de;
}
.scene-apt .relatedApts .apts a .text {
  overflow: hidden;
  font-size: 15px;
}
.scene-apt .aptKeywords {
  position: relative;
  border-top: 1px solid #f2f2f2;
}
.scene-apt .aptKeywords .keywords {
  display: block;
  position: relative;
  padding: 20px 20px 12px;
}
.scene-apt .aptKeywords .keywords:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .aptKeywords .keywords li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #555;
  padding: 3px 12px;
  background-color: #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-apt .aptKeywords .btn-more-keyword {
  display: block;
  position: relative;
  font-size: 15px;
  color: #4337de;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  height: 54px;
  line-height: 54px;
}
.scene-apt .areaInfo {
  position: relative;
}
.scene-apt .areaInfo .title-group-row {
  position: relative;
}
.scene-apt .areaInfo .title-group-row:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-apt .areaInfo .title-group {
  float: left;
  padding: 20px;
  width: 92px;
}
.scene-apt .areaInfo .title-group .title {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.scene-apt .areaInfo .title-group .count {
  display: block;
  position: relative;
  margin-top: 8px;
  font-weight: 600;
  font-size: 19px;
  line-height: 1;
}
.scene-apt .areaInfo .title-group .count:after {
  position: absolute;
  font-family: 'fontello';
  content: '\e822';
  color: #d1d1d1;
  font-size: 15px;
  font-weight: normal;
  padding-left: 8px;
  width: 15px;
}
.scene-apt .areaInfo .title-group .list {
  display: none;
  position: absolute;
  z-index: 99;
  border: 1px solid #e2e3e5;
  padding: 12px;
  background-color: #fff;
}
.scene-apt .areaInfo .title-group .list li {
  line-height: 25px;
  white-space: nowrap;
}
.scene-apt .areaInfo .title-group .list .title {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  width: 60px;
}
.scene-apt .areaInfo .title-group .list .title.area {
  width: 40px;
}
.scene-apt .areaInfo .title-group .list .price {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
}
.scene-apt .areaInfo .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 13px;
  font-weight: 200;
  color: #777;
  text-align: right;
  width: 80px;
}
.scene-apt .aptStaticMap {
  position: relative;
}
.scene-apt .aptStaticMap .static-map {
  position: relative;
  height: 150px;
}
.scene-apt .aptStaticMap .pin {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -32px;
  z-index: 5;
  overflow: visible!important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -31px -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .aptStaticMap .pin.offer {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .apt-draggable-map {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.scene-apt .apt-draggable-map .static-map {
  position: relative;
  height: 180px;
}
.scene-apt .apt-draggable-map .map-expand-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.scene-apt .apt-draggable-map .dong-position-button {
  position: absolute;
  top: 46px;
  right: 10px;
}
.scene-apt .apt-draggable-map .dong-position-button .btn-dong-position {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: static;
  margin-top: 10px;
  width: 54px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  color: #fff;
  background-color: #565eb6;
}
.scene-apt .apt-draggable-map .pin {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -32px;
  z-index: 5;
  overflow: visible!important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -31px -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .apt-draggable-map .pin.offer {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share {
  position: relative;
  background-color: #354088;
  padding-bottom: 30px;
  border-bottom: 1px solid #2F3A90;
  text-align: center;
}
.scene-apt .share p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  height: 40px;
  color: #d3d4e2;
  padding-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .share .copy-url {
  padding: 0 20px 10px;
}
.scene-apt .share .copy-url .url {
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  line-height: 36px;
  color: #8e8eca;
  background-color: #413279;
  border-top: 1px solid #322f6f;
  border-left: 1px solid #322f6f;
  border-right: 1px solid #4c4b94;
  border-bottom: 1px solid #4c4b94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .share ul {
  text-align: center;
}
.scene-apt .share li {
  display: inline-block;
  width: 45px;
  padding-right: 10px;
}
.scene-apt .share li a {
  display: block;
  height: 45px;
}
.scene-apt .share li a.facebook span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share li a.twitter span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share li a.kakaotalk span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -94px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share li a.kakaostory span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share li a.band span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt .share li:first-child {
  margin-top: 0;
}
.scene-apt .share li:last-child {
  padding-right: 0;
}
.scene-apt .safeNotification .title {
  padding: 15px 20px 0;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.scene-apt .safeNotification .desc {
  position: relative;
  padding: 20px;
  color: #555;
  font-size: 16px;
  line-height: 1.3;
}
.scene-apt .safeNotification .desc .desc-icon {
  position: absolute;
  left: 33px;
  top: 27px;
  font-size: 50px;
  color: #3C3ACA;
}
.scene-apt .safeNotification .desc .desc-content {
  padding-left: 82px;
}
.scene-apt .safeNotification .desc .highlight {
  font-weight: 700;
  color: #3C3ACA;
}
.scene-apt .safeNotification .btn-add-safe-notification {
  text-align: center;
  display: block;
  position: relative;
  font-size: 17px;
  height: 58px;
  line-height: 58px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e1e1e1;
  color: #000;
}
.scene-apt .safeNotification .btn-add-safe-notification.without-list {
  border-top: 1px solid #e2e3e5;
  border-bottom: 0;
  background: #fff;
  color: #4337de;
}
.scene-apt .loan-list {
  border-top: 1px solid #f2f2f2;
  background-color: #fff;
}
.scene-apt .loan-list:first-child {
  border-top: 0;
}
.scene-apt .loan-list .company {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 190px;
  line-height: 1.3;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .loan-list .agent {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 80px;
  line-height: 1.3;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .loan-list .title {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 200px;
  line-height: 1.3;
  font-size: 15px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt .loan-list .title.highlight {
  color: #ab731b;
}
.scene-apt .loan-list .interest {
  position: absolute;
  right: 105px;
  top: 28px;
  font-size: 18px;
  text-align: right;
  vertical-align: top;
}
.scene-apt .loan-list .interest .rate-type {
  display: inline-block;
  font-size: 13px;
  color: gray;
  margin-right: 5px;
  margin-top: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  line-height: 16px;
  padding: 0 7px;
  background-color: #efefef;
  vertical-align: top;
}
.scene-apt .loan-list > li {
  position: relative;
  border-top: 1px solid #f2f2f2;
  padding: 20px 0;
}
.scene-apt .loan-list > li:first-child {
  border-top: 0;
}
.scene-apt .loan-list .partner-desc {
  display: block;
  padding: 10px 20px 0;
  line-height: 1.4;
  color: #555;
}
.scene-apt .loan-list .partner-desc strong {
  font-weight: bold;
  color: #4337de;
}
.scene-apt .loan-list .btn-call {
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  background-color: #5963d9;
  width: 80px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.scene-apt .loan-list .btn-call.call-agent {
  top: 11px;
}
.scene-apt .loan-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.scene-apt .loan-list .btn-consult {
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  background-color: #5963d9;
  width: 80px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.scene-apt .loan-list .btn-consult span {
  text-align: center;
  display: block;
  line-height: 36px;
  color: #fff;
  font-size: 15px;
}
.scene-apt .btn-more-loan {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .consult-info {
  background-color: #fff;
}
.scene-apt .consult-info p {
  padding: 20px;
}
.scene-apt .consult-info .btn-consult {
  display: block;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #4337de;
}
.scene-apt .consult-info .btn-consult:after {
  display: inline-block;
  content: 'BETA';
  vertical-align: top;
  font-size: 11px;
  color: red;
  margin-top: -5px;
  margin-left: 3px;
}
.scene-apt .btn-top {
  height: 61px;
  background-color: #444d92;
  display: block;
  overflow: hidden;
  line-height: 999em;
}
.scene-apt .btn-top:before {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -179px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 21px auto 20px;
  content: '';
}
.scene-apt .survey {
  position: relative;
  text-align: center;
  background-color: #5F66B5;
}
.scene-apt .survey a {
  padding: 16px 40px 15px 20px;
  display: block;
  color: #fff;
}
.scene-apt .survey:after {
  right: 10px;
  top: 50%;
  margin-top: -12px;
  position: absolute;
  font-family: 'fontello';
  content: '\E80E';
  color: #fff;
}
.scene-apt .photo-container {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
}
.scene-apt .photo-container .swipe-item {
  position: relative;
  display: block;
}
.scene-apt .photo-container .img-wrapper {
  display: block;
  width: 100%;
}
.scene-apt .photo-container .img-wrapper img {
  display: block;
  width: 100%;
}
.scene-apt .photo-container .img-wrapper figcaption {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  padding: 10px 15px;
  color: #fff;
  font-size: 15px;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.65);
}
.scene-apt .offerInfo {
  position: relative;
  height: auto;
  color: #242424;
  border-bottom: 1px solid #e2e3e5;
}
.scene-apt .offerInfo h3 {
  padding: 20px 20px 10px;
  font-weight: normal;
  font-size: 15px;
  color: #333;
}
.scene-apt .offerInfo .summary {
  padding: 20px 20px 0;
}
.scene-apt .offerInfo .summary > h3 {
  padding: 0;
  padding-bottom: 15px;
  font-size: 16px;
}
.scene-apt .offerInfo .summary .summary-title {
  width: 60px;
  font-weight: 500;
  padding: 13px 12px 11px;
  font-size: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.scene-apt .offerInfo .summary .summary-content {
  font-size: 15px;
  padding: 13px 12px 11px;
  border-bottom: 1px solid #e7e7e7;
}
.scene-apt .offerInfo .summary .summary-content .btn-doc {
  cursor: pointer;
  color: #4337de;
}
.scene-apt .offerInfo .summary .summary-content .btn-doc:after {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -305px -141px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  top: 1px;
  margin-left: 5px;
  content: '';
}
.scene-apt .offerInfo .summary:last-child {
  padding: 20px;
}
.scene-apt .offerInfo .btn-vr {
  display: block;
  position: relative;
  line-height: 52px;
  padding: 0 20px;
  font-size: 16px;
  border-bottom: 1px solid #e2e3e5;
  color: #4337de;
}
.scene-apt .offerInfo .btn-vr:before {
  font-family: fontello;
  content: '\E811';
  color: #4337de;
  margin-right: 8px;
}
.scene-apt .offerInfo .btn-vr:after {
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 52px;
  font-family: fontello;
  font-size: 20px;
  content: '\E802';
  color: #999;
}
.scene-apt .offerInfo .btn-homepage {
  display: block;
  line-height: 58px;
  padding: 0 20px;
  font-size: 17px;
  text-align: center;
  border-bottom: 1px solid #e2e3e5;
  color: #4337de;
}
.scene-apt .offerInfo .btn-homepage:last-child {
  border-bottom: 0;
}
.scene-apt .offerInfo .btn-kakaotalk {
  display: block;
  background-color: #fae100;
  margin: 20px;
  margin-bottom: 0px;
  line-height: 52px;
  font-size: 17px;
  text-align: center;
  position: relative;
  padding-left: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-apt .offerInfo .btn-kakaotalk:last-child {
  margin-bottom: 20px;
}
.scene-apt .offerInfo .btn-kakaotalk:before {
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -229px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
}
.scene-apt .offerInfo .description {
  display: block;
  padding: 20px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: center;
}
.scene-apt .offerBenefit {
  position: relative;
  border-bottom: 1px solid #eaebed;
}
.scene-apt .offerBenefit h3 {
  padding: 20px 20px 0;
  font-weight: 400;
  font-size: 15px;
  color: #333;
}
.scene-apt .offerBenefit ul {
  padding: 20px 20px;
  margin: 0 20px;
}
.scene-apt .offerBenefit li {
  list-style-type: disc;
  line-height: 1.8;
  font-size: 16px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-top: 8px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul {
  padding: 0 10px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li {
  line-height: 39px;
  height: 41px;
  box-sizing: border-box;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li .scroll-link {
  display: inline-block;
  font-size: 17px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li .scroll-link.applied {
  color: #333;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li .badge {
  padding-right: 14px;
  position: relative;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li .badge:after {
  font-family: 'fontello';
  content: '\E844';
  font-size: 15px;
  color: #5963d9;
  position: absolute;
  padding-left: 3px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container ul li .text.has-badge {
  padding-left: 14px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container .arrow-right {
  right: -6px;
  top: 3px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container .arrow-left {
  top: 3px;
}
.scene-apt .offer-schedule-wrap .scroll-menu-container .gradient-right {
  top: 6px;
}
.scene-apt .offerSchedule {
  border-bottom: 1px solid #eaebed;
  position: relative;
}
.scene-apt .offerSchedule h3 {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  padding: 25px 20px 0;
}
.scene-apt .offerSchedule .non-ranking-info-btn {
  position: absolute;
  top: 26px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
  vertical-align: middle;
}
.scene-apt .offerSchedule .non-ranking-info-btn .icon-help-circled {
  color: #CECECE;
  margin-left: 3px;
}
.scene-apt .offerSchedule .schedule {
  padding: 10px 20px 20px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .offerSchedule .schedule.bold {
  font-weight: bold;
}
.scene-apt .offerSchedule .schedule li {
  position: relative;
  padding: 0 15px;
  border-bottom: 1px solid #f2f2f2;
}
.scene-apt .offerSchedule .schedule li:last-child {
  border-bottom: 0;
}
.scene-apt .offerSchedule .schedule li.today {
  background-color: #f3f4fc;
}
.scene-apt .offerSchedule .schedule li.today .name,
.scene-apt .offerSchedule .schedule li.today .dday {
  font-weight: bold;
}
.scene-apt .offerSchedule .schedule li.expired .item .dday {
  color: #999;
}
.scene-apt .offerSchedule .schedule li .item {
  height: 42px;
  line-height: 42px;
}
.scene-apt .offerSchedule .schedule li .item .date {
  display: inline-block;
  font-size: 14px;
  color: #888;
  width: 90px;
}
.scene-apt .offerSchedule .schedule li .item .badge {
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
  color: #888888;
  background-color: #eef0f3;
  line-height: 12px;
  padding: 3px 5px 1px;
  margin-right: 5px;
  line-height: 21px;
}
.scene-apt .offerSchedule .schedule li .item .name {
  font-size: 15px;
  display: inline;
}
.scene-apt .offerSchedule .schedule li .item .dday {
  position: absolute;
  right: 15px;
  font-size: 14px;
  color: #4337de;
  text-align: right;
}
.scene-apt .offerSchedule .schedule li .visitor {
  height: 29px;
  margin-top: -8px;
  font-size: 13px;
  color: #555;
  text-align: right;
}
.scene-apt .offerSchedule .visit-trend h3 {
  padding-top: 5px;
}
.scene-apt .offerSchedule .event {
  border-top: 1px solid #f2f2f2;
  font-size: 0;
}
.scene-apt .offerSchedule .event img {
  width: 100%;
}
.scene-apt .offerSchedule .description {
  display: block;
  padding: 20px 20px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-align: center;
}
.layer-apt-select-area {
  background-color: #fff;
  max-height: 380px;
  line-height: 1.33;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.layer-apt-select-area.bold {
  font-weight: bold;
}
.layer-apt-select-area h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 18px 24px 16px 24px;
  color: #484848;
}
.layer-apt-select-area .list-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 322px;
  box-sizing: border-box;
}
.layer-apt-select-area .item {
  display: flex;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  height: 70px;
  padding: 12px 24px;
}
.layer-apt-select-area .item .py-container {
  position: relative;
  width: 19%;
}
.layer-apt-select-area .item .py-container span {
  position: absolute;
  display: block;
}
.layer-apt-select-area .item .py-container .py {
  top: 14.3px;
  font-size: 18px;
  font-weight: bold;
}
.layer-apt-select-area .item .py-container .py.two {
  top: 1px;
}
.layer-apt-select-area .item .py-container .household {
  bottom: 2px;
  font-size: 12px;
  color: #7f7e92;
  white-space: nowrap;
}
.layer-apt-select-area .item .area-container {
  position: relative;
  width: 40%;
  font-size: 14px;
  color: #7f7e92;
}
.layer-apt-select-area .item .area-container span {
  position: absolute;
  display: block;
}
.layer-apt-select-area .item .area-container .public {
  top: 1px;
}
.layer-apt-select-area .item .area-container .private {
  bottom: 1.72px;
}
.layer-apt-select-area .item .price-container {
  position: relative;
  width: 40%;
  font-size: 15px;
  font-weight: bold;
}
.layer-apt-select-area .item .price-container div {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
}
.layer-apt-select-area .item .price-container div span {
  display: block;
}
.layer-apt-select-area .item .price-container .new-badge {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -209px -147px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  top: 1px;
  vertical-align: middle;
  left: 32px;
}
.layer-apt-select-area .item .price-container .trade {
  top: 14.3px;
}
.layer-apt-select-area .item .price-container .trade.two {
  top: 2px;
}
.layer-apt-select-area .item .price-container .rent {
  bottom: 14.3px;
}
.layer-apt-select-area .item .price-container .rent.two {
  bottom: 1px;
}
.layer-apt-select-area .item .bottom-line {
  position: absolute;
  bottom: 0px;
  width: 88%;
  height: 0.5px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.layer-apt-select-area .item:last-child .bottom-line {
  border-bottom: 0;
}
.layer-apt-select-area .item.selected span {
  color: #4337de !important;
  font-weight: bold;
}
.layer-apt-select-area .btn-close {
  position: absolute;
  right: 0px !important;
  top: 0px !important;
  padding: 22px 24px 15px 24px !important;
}
.layer-apt-select-area .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.layer-apt-select-policy {
  background-color: #fff;
  max-height: 380px;
}
.layer-apt-select-policy h3 {
  font-size: 19px;
  font-weight: bold;
  padding: 21px 30px 10px 20px;
}
.layer-apt-select-policy .list-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 325px;
  box-sizing: border-box;
}
.layer-apt-select-policy .item {
  display: block;
  height: 62px;
  line-height: 62px;
  position: relative;
  margin: 0 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.layer-apt-select-policy .item.bold {
  font-weight: bold;
}
.layer-apt-select-policy .item:last-child {
  border-bottom: 0;
  height: 70px;
}
.layer-apt-select-policy .item .date {
  margin-right: 5px;
}
.layer-apt-select-policy .item.selected {
  font-weight: bold;
}
.apt-option-dimmed-layer {
  z-index: 1001;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.apt-option-dimmed-layer > a {
  display: block;
  height: 100%;
}
.apt-option-layer {
  position: fixed;
  z-index: 1002;
  bottom: -180px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  opacity: 0;
}
.apt-option-layer.show {
  transform: translate3d(0, -180px, 0);
  -webkit-transform: translate3d(0, -180px, 0);
  -moz-transform: translate3d(0, -180px, 0);
  -ms-transform: translate3d(0, -180px);
  -webkit-transition: transform 0.35s, opacity 0.1s;
  -moz-transition: transform 0.35s, opacity 0.1s;
  -ms-transition: transform 0.35s, opacity 0.1s;
  -o-transition: transform 0.35s, opacity 0.1s;
  transition: transform 0.35s, opacity 0.1s;
  opacity: 1;
}
.apt-option-layer.hide {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0);
  -webkit-transition: transform 0.3s, opacity 1s;
  -moz-transition: transform 0.3s, opacity 1s;
  -ms-transition: transform 0.3s, opacity 1s;
  -o-transition: transform 0.3s, opacity 1s;
  transition: transform 0.3s, opacity 1s;
}
.apt-option-layer > ul {
  padding: 10px 0;
}
.apt-option-layer > ul li a {
  line-height: 52px;
  display: block;
  padding: 0 20px;
  font-size: 17px;
}
.apt-option-layer > ul li a:hover {
  background-color: #fafafa;
}
.apt-option-layer > ul li a:before {
  position: relative;
  margin-right: 8px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  vertical-align: middle;
  line-height: 1;
}
.apt-option-layer > ul li a.subscribed:before {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  line-height: 1;
}
.subscription-layer .loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.subscription-layer .subscription-wrap {
  padding: 30px 20px;
}
.subscription-layer .subscription-wrap h2 {
  font-size: 24px;
  font-weight: 100;
  margin-top: -7px;
}
.subscription-layer .subscription-wrap h3 {
  font-size: 20px;
  font-weight: 200;
}
.subscription-layer .subscription-wrap h4 {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 5px;
}
.subscription-layer .subscription-wrap .button-wrap {
  margin-top: 15px;
}
.subscription-layer .subscription-wrap .alternative-button {
  margin-top: 6px;
}
.subscription-layer .subscription-wrap .pys {
  position: relative;
  margin-bottom: -6px;
}
.subscription-layer .subscription-wrap .pys .py {
  display: block;
  position: relative;
}
.subscription-layer .subscription-wrap .pys .py:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.subscription-layer .subscription-wrap .pys .py button {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
  font-size: 16px;
  padding: 10px 17px;
  color: #555;
  font-weight: normal;
  background-color: #ffffff;
  border: solid 1px #e1e1e1;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.subscription-layer .subscription-wrap .pys .py button.active {
  color: #fff;
  background-color: #5963d9;
}
.subscription-layer .subscription-wrap .btn-trade-option {
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
}
.subscription-layer .subscription-wrap .type-select-group button {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 34%;
  border: 1px solid #CCC;
  border-right: 0;
  height: 44px;
}
.subscription-layer .subscription-wrap .type-select-group button:first-child {
  width: 33%;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.subscription-layer .subscription-wrap .type-select-group button:last-child {
  width: 33%;
  border-right: 1px solid #CCC;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.subscription-layer .subscription-wrap .type-select-group button.selected {
  color: #F3F3F3;
  background-color: #5963d9;
}
.subscription-layer .subscription-wrap .option-desc {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 300;
}
.subscription-layer .button-group {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 15px;
  font-weight: 400;
}
.subscription-layer .button-group .unregister-btn,
.subscription-layer .button-group .register-btn {
  display: inline-block;
  color: #888;
  background-color: #ffffff;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
}
.subscription-layer .button-group .unregister-btn:before,
.subscription-layer .button-group .register-btn:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -311px -75px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
  content: '';
}
.subscription-layer .button-group .register-btn:before {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -292px -35px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 5px;
  margin-top: -1px;
  vertical-align: middle;
  content: '';
}
.subscription-layer .button-group .move-subscribe-btn {
  position: absolute;
  right: 1px;
  display: inline-block;
  color: #888;
  background-color: #ffffff;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
}
.agent-board-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border-top: 8px solid #EAEBED;
  border-bottom: 8px solid #EAEBED;
}
.agent-board-container.bold {
  font-weight: bold;
}
.card .agent-board-container {
  border-top: none;
  border-bottom: none;
}
.agent-board-container.sample {
  border-top: 0;
  border-bottom: 0;
}
.agent-board-container .main-slot {
  position: relative;
  padding-bottom: 20px;
}
.agent-board-container .main-slot .blocked {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.5;
  background-color: #d8d8d8;
}
.agent-board-container .main-slot .header {
  position: relative;
  overflow: hidden;
}
.agent-board-container .main-slot .title-group {
  padding: 20px 24px 0;
  color: #484848;
}
.agent-board-container .main-slot .super-title {
  display: inline-block;
  padding: 5px 7px;
  margin-bottom: 12px;
  line-height: 1.17;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.agent-board-container .main-slot .agent-name {
  display: block;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #484848;
}
.agent-board-container .main-slot .agent-name span {
  display: block;
}
.agent-board-container .main-slot .sub-description {
  display: block;
  margin-top: 7px;
  font-size: 15px;
  font-weight: 600;
  color: #7f7e92;
  line-height: 1.33;
}
.agent-board-container .main-slot .ad-tag {
  position: absolute;
  z-index: 4;
  top: 25px;
  right: 24px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #A3A3A3;
}
.agent-board-container .main-slot.super-main-slot .header {
  padding: 0;
}
.agent-board-container .main-slot.super-main-slot .title-group {
  position: absolute;
  z-index: 10;
  left: 24px;
  right: 24px;
  padding: 0;
  margin-top: 36px;
  max-width: 50%;
  color: #FFFFFF;
}
@media only screen and (max-width: 355px) {
  .agent-board-container .main-slot.super-main-slot .title-group {
    max-width: 60%;
  }
}
.agent-board-container .main-slot.super-main-slot .title-group.title-group-multiline {
  margin-top: 21px;
}
.agent-board-container .main-slot.super-main-slot .super-title,
.agent-board-container .main-slot.super-main-slot .agent-name,
.agent-board-container .main-slot.super-main-slot .sub-description,
.agent-board-container .main-slot.super-main-slot .ad-tag {
  color: #FFFFFF;
}
.agent-board-container .main-slot.super-main-slot .agent-name {
  font-size: 20px;
  line-height: 1.32;
  text-shadow: 0 0.5px 2.5px rgba(0, 0, 0, 0.24);
}
.agent-board-container .main-slot.super-main-slot .sub-description {
  margin-top: 9px;
  line-height: 1.29;
  font-size: 15px;
  text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.agent-board-container .main-slot.super-main-slot .ad-tag {
  opacity: 0.6;
  top: 11.5px;
  right: 14px;
}
.agent-board-container .main-slot .photo-banner {
  position: relative;
  width: 100%;
  min-height: 195px;
}
.agent-board-container .main-slot .photo-banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05);
}
.agent-board-container .main-slot .photo-banner img {
  display: block;
  width: 100%;
}
.agent-board-container .main-slot .photo-banner .photo-banner-placeholder {
  min-height: inherit;
  background-color: #cecece;
}
.agent-board-container .main-slot .body {
  padding: 20px 24px 0;
}
.agent-board-container .main-slot .body.super-agent-body {
  padding-top: 0;
  margin-top: -17px;
}
.agent-board-container .main-slot .body .trade-info-group {
  -webkit-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  -moz-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  cursor: pointer;
}
.agent-board-container .main-slot .ad-description {
  padding: 15px 24px 0;
  font-size: 15px;
  color: #7f7e92;
  line-height: 1.47;
  word-break: break-all;
}
.agent-board-container .main-slot .ad-description.super {
  padding: 20px 24px 0;
}
.agent-board-container .main-slot .ad-description.standalone {
  color: #484848;
}
.agent-board-container .main-slot .ad-description .btn-expand {
  color: #a3a3a3;
  margin-left: 3px;
}
.agent-board-container .main-slot .btn-group {
  padding: 20px 24px 0;
  text-align: center;
}
.agent-board-container .main-slot .btn-group::after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.agent-board-container .main-slot .btn-basic {
  width: calc(50% - 3px);
  height: 56px;
  line-height: 55px;
  font-size: 18px;
}
.agent-board-container .main-slot .btn-basic.btn-agent-detail {
  background-color: #f3f4fc;
  color: #584de4;
  float: left;
}
.agent-board-container .main-slot .btn-basic.btn-call {
  background-color: #584de4;
  color: #ffffff;
  float: right;
}
@media only screen and (min-width: 415px) {
  .agent-board-container .main-slot {
    max-width: 375px;
    margin: 0 auto;
  }
}
.agent-board-container .btn-more-agents {
  text-align: center;
  display: block;
  border-top: 1px solid #e5e5e5;
  width: 100%;
  height: 54px;
  line-height: 53px;
  font-size: 16px;
  color: #7f7e92;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-board-container .btn-more-agents.bold {
  font-weight: bold;
}
.partner-status-wrap {
  border-bottom: 1px solid #e5e5e5;
}
.partner-status-wrap .partner-status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  justify-content: space-between;
  padding: 14px 24px;
  font-size: 14px;
  color: #484848;
}
.partner-status-wrap .partner-status.bold {
  font-weight: bold;
}
.partner-status-wrap .partner-status.ad .left-text:before {
  content: '';
  display: inline-block;
  margin-right: 7px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.partner-status-wrap .partner-status.ad-on .left-text:before {
  background-color: #62d27d;
}
.partner-status-wrap .partner-status.ad-stop {
  padding: 14px 0 14px 24px;
}
.partner-status-wrap .partner-status.ad-stop .left-text {
  white-space: nowrap;
}
.partner-status-wrap .partner-status.ad-stop .left-text:before {
  background-color: #fc541b;
}
.partner-status-wrap .right-text.em {
  color: #584de4;
}
.scene-apt-sub-officialTax {
  background-color: #f8f8f8;
}
.scene-region #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
}
.scene-region #header > .title {
  position: relative;
  height: 58px;
}
.scene-region #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  color: #fff;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
}
.scene-region #header > .title h1 .title-text {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: auto;
  max-width: 240px;
  margin: 0 auto;
}
.scene-region #header > .title h1 > a {
  color: #fff;
}
.scene-region #header > .title h1 > .btn-info {
  width: 28px;
  height: 61px;
  display: inline-block;
  overflow: hidden;
  line-height: 999em;
  white-space: nowrap;
}
.scene-region #header > .title h1 > .btn-info:before {
  position: absolute;
  margin-top: 26px;
  margin-left: 8px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-region #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-region #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-region #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.scene-region #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-region #header > .info {
  display: none;
  height: 30px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: #d3d4e2;
}
.scene-region #header.opened > .title .btn-info {
  transform-origin: 14.5px 29px;
  transform: rotateZ(180deg);
  -webkit-transform-origin: 14.5px 29px;
  -webkit-transform: rotateZ(180deg);
  -moz-transform-origin: 14.5px 29px;
  -moz-transform: rotateZ(180deg);
  -ms-transform-origin: 14.5px 29px;
  -ms-transform: rotateZ(180deg);
}
.scene-region #header.opened > .info {
  display: block;
}
.scene-region #header > .select-group {
  width: 100%;
  display: table;
  background-color: #4d55b2;
  border-top: 1px solid #565eb6;
  height: 49px;
}
.scene-region #header > .select-group > li {
  display: table-cell;
  border-right: 1px solid #565eb6;
  width: 25%;
}
.scene-region #header > .select-group > li.comment {
  text-align: center;
  width: 25%;
}
.scene-region #header > .select-group > li.comment a {
  display: block;
  color: #fff;
  font-weight: 200;
  line-height: 49px;
  font-size: 18px;
}
.scene-region #header > .select-group > li.comment a:before {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  top: 13px;
  content: '';
}
.scene-region #header > .select-group > li.convert {
  position: relative;
  text-align: center;
}
.scene-region #header > .select-group > li.convert a {
  display: block;
  color: #fff;
  font-weight: 200;
  line-height: 49px;
  padding-left: 21px;
}
.scene-region #header > .select-group > li.convert:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -7px;
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -164px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-region #header > .select-group > li .select {
  position: relative;
  padding-right: 29px;
}
.scene-region #header > .select-group > li .select button {
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-left: 21px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 49px;
  text-align: left;
}
.scene-region #header > .select-group > li .select:before {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: 45px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-region #container {
  padding-top: 109px;
}
.scene-region #container .btn-more {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.scene-region #container .btn-more span {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  bottom: 10px;
  margin-left: -7px;
}
.scene-region #container .opened .btn-more {
  height: 92px;
}
.scene-region #container .opened .btn-more span {
  transform-origin: 50% 50%;
  transform: rotateZ(180deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotateZ(180deg);
  -ms-transform-origin: 50% 50%;
  -ms-transform: rotateZ(180deg);
  -moz-transform-origin: 50% 50%;
  -moz-transform: rotateZ(180deg);
}
.scene-region #container .no-result {
  padding: 22px 20px 13px;
}
.scene-region #container .head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  height: 48px;
  border-bottom: 1px solid #ededed;
  padding: 22px 20px 13px;
  font-size: 14px;
  color: #666;
}
.scene-region #container .type {
  font-size: 15px;
  line-height: 42px;
  font-weight: normal;
  color: #333;
  padding: 5px 20px 0 20px;
  background-color: #eee;
}
.scene-region #container .region-list {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.scene-region #container .region-list .name {
  display: block;
  margin-bottom: 6px;
  width: 100%;
}
.scene-region #container .region-list .area {
  display: inline-block;
  width: 50px;
}
.scene-region #container .region-list .price {
  display: inline-block;
  width: 80px;
  color: #4337de;
}
.scene-region #container .region-list .price.dimmed {
  color: #aaa;
}
.scene-region #container .region-list a {
  display: block;
  padding: 20px 20px 10px;
  border-top: 1px solid #f2f2f2;
}
.scene-region #container .region-list a .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.scene-region #container .region-list a .area {
  overflow: hidden;
  font-size: 16px;
  color: #666;
}
.scene-region #container .region-list a .price {
  overflow: hidden;
  font-size: 16px;
}
.scene-region #container .btn-top {
  height: 61px;
  background-color: #444d92;
  display: block;
  overflow: hidden;
  line-height: 999em;
}
.scene-region #container .btn-top:before {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -179px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 21px auto 20px;
  content: '';
}
.scene-region .card-container {
  position: relative;
  height: auto;
  background-color: #fff;
}
.scene-poi#wrap.agent {
  background-color: #333;
}
.scene-poi #header {
  background-color: #49A973;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
}
.scene-poi #header > .title {
  position: relative;
  height: 58px;
}
.scene-poi #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  color: #fff;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
}
.scene-poi #header > .title h1 .title-text {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: auto;
  max-width: 190px;
  margin: 0 auto;
}
.scene-poi #header > .title h1 .type {
  box-sizing: border-box;
  display: inline-block;
  margin-top: 19px;
  line-height: 22px;
  height: 20px;
  font-size: 13px;
  margin-right: 4px;
  padding: 0 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  background-color: #7F756C;
  vertical-align: top;
}
.scene-poi #header > .title h1 > a {
  color: #fff;
}
.scene-poi #header > .title h1 > .btn-info {
  width: 28px;
  height: 61px;
  display: inline-block;
  overflow: hidden;
  line-height: 999em;
  white-space: nowrap;
}
.scene-poi #header > .title h1 > .btn-info:before {
  position: absolute;
  margin-top: 26px;
  margin-left: 8px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-poi #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-poi #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.scene-poi #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi #header .info {
  display: none;
  margin: 0 20px 10px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: #E2E2E2;
}
.scene-poi #header .info h2 {
  font-weight: 300;
  font-size: 14px;
  line-height: inherit;
  height: auto;
  color: #E2E2E2;
}
.scene-poi #header .sub-info {
  display: block;
  margin-top: 2px;
}
.scene-poi #header .btn-group {
  position: relative;
  border-bottom: 1px solid #4FB17A;
  border-top: 1px solid #4FB17A;
}
.scene-poi #header .btn-group ul {
  display: table;
  width: 100%;
}
.scene-poi #header .btn-group ul li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  width: 33%;
  height: 49px;
  border-right: 1px solid #4FB17A;
}
.scene-poi #header .btn-group ul li:last-child {
  border: 0;
}
.scene-poi #header .btn-group ul li > a,
.scene-poi #header .btn-group ul li > span {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  color: #eee;
  line-height: 49px;
}
.scene-poi #header .btn-group ul li .icon-phone {
  margin-right: 5px;
}
.scene-poi #header .btn-group ul li .tel-empty {
  font-size: 14px;
  color: #84D8A8;
}
.scene-poi #header .btn-group ul li .btn-like .like {
  display: inline-block;
  margin-left: 5px;
}
.scene-poi #header .btn-group ul li .btn-like .like-count {
  display: inline-block;
  margin-left: 4px;
}
.scene-poi #header .btn-group ul li .btn-like .cancel {
  display: none;
}
.scene-poi #header .btn-group ul li .btn-like.liked .like-count {
  display: inline;
}
.scene-poi #header .btn-group ul li .btn-like.liked .like {
  display: none;
}
.scene-poi #header .btn-group ul li .btn-like.liked .cancel {
  display: none;
}
.scene-poi #header .btn-group ul li .btn-view-review:before {
  font-family: 'fontello';
  content: '\E815';
  margin-right: 5px;
}
.scene-poi #header.opened > .title .btn-info {
  transform-origin: 14.5px 29px;
  transform: rotateZ(180deg);
  -webkit-transform-origin: 14.5px 29px;
  -webkit-transform: rotateZ(180deg);
  -moz-transform-origin: 14.5px 29px;
  -moz-transform: rotateZ(180deg);
  -ms-transform-origin: 14.5px 29px;
  -ms-transform: rotateZ(180deg);
}
.scene-poi #header.opened > .info {
  display: block;
}
.scene-poi #header.agent {
  background-color: #222;
}
.scene-poi #header.agent .title h1 .type {
  background-color: #44584C;
}
.scene-poi #header.agent .info {
  color: #999;
  margin-bottom: 10px;
}
.scene-poi #header.agent .btn-group {
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
}
.scene-poi #header.agent ul li {
  border-right: 1px solid #333;
}
.scene-poi #header.bus {
  border-bottom: 1px solid #4366c9;
  background-color: #385bbe;
}
.scene-poi .poi-detail.bus #container {
  padding-top: 58px;
}
.scene-poi .poi-detail.bus .poi-body {
  background-color: #385bbe;
}
.scene-poi .poi-detail.bus .share {
  background-color: #385bbe;
  border-top: 1px solid #4366c9;
}
.scene-poi .poi-detail.bus .share .copy-url .url {
  color: #8f9bc1;
  background-color: #2e4f9c;
  border-top: 1px solid #2a498e;
  border-left: 1px solid #2a498e;
  border-right: 1px solid #7080a7;
  border-bottom: 1px solid #7080a7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-poi .poi-detail.bus .cs-post {
  background-color: #385bbe;
  border-top: 1px solid #4366c9;
}
.scene-poi .poi-detail.bus .cs-post .btn-write-cs {
  color: #c1c1c1;
  border-top: 1px solid #4366c9;
}
.scene-poi .poi-detail.bus .footer,
.scene-poi .poi-detail.bus .btn-top {
  background-color: #385bbe;
  border-top: 1px solid #4366c9;
}
.scene-poi #container {
  padding-top: 108px;
  background-color: #fff;
}
.scene-poi #container .card {
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed;
  background-color: #fff;
}
.scene-poi #container .card:first-child {
  border-top: 0;
}
.scene-poi #container .card:last-child {
  border-bottom: 0;
}
.scene-poi #container .card.no-border {
  border-bottom: 0;
}
.scene-poi #container .childcare-cert,
.scene-poi #container .childcare-fee {
  position: relative;
}
.scene-poi #container .childcare-cert h3,
.scene-poi #container .childcare-fee h3 {
  font-weight: 400;
  font-size: 15px;
  color: #333;
}
.scene-poi #container .childcare-cert h3 .icon,
.scene-poi #container .childcare-fee h3 .icon {
  cursor: pointer;
  color: #dbdbdb;
  margin-left: 4px;
  display: inline-block;
}
.scene-poi #container .childcare-cert h3 .icon:hover,
.scene-poi #container .childcare-fee h3 .icon:hover {
  color: #c1c1c1;
}
.scene-poi #container .childcare-cert .score,
.scene-poi #container .childcare-fee .score,
.scene-poi #container .childcare-cert .price,
.scene-poi #container .childcare-fee .price {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-poi #container .childcare-cert .sub-price,
.scene-poi #container .childcare-fee .sub-price {
  display: block;
  color: #555;
  font-size: 15px;
  margin-top: 0;
}
.scene-poi #container .childcare-cert .sub-price .price,
.scene-poi #container .childcare-fee .sub-price .price {
  display: inline-block;
  font-size: 16px;
  margin-left: 5px;
  color: #000;
}
.scene-poi #container .childcare-cert .score_date,
.scene-poi #container .childcare-fee .score_date,
.scene-poi #container .childcare-cert .caption,
.scene-poi #container .childcare-fee .caption {
  display: block;
  position: absolute;
  right: 20px;
  top: 28px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
  width: 100px;
}
.scene-poi #container .childcare-cert .date,
.scene-poi #container .childcare-fee .date {
  position: absolute;
  right: 20px;
  top: 28px;
}
.scene-poi #container .childcare-cert .row,
.scene-poi #container .childcare-fee .row {
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
}
.scene-poi #container .childcare-cert .row.first,
.scene-poi #container .childcare-fee .row.first {
  margin-top: 18px;
}
.scene-poi #container .childcare-cert .title,
.scene-poi #container .childcare-fee .title {
  font-weight: 600;
  margin-right: 8px;
}
.scene-poi #container .card-link {
  position: relative;
  display: block;
}
.scene-poi #container .card-link .icon-angle-right {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  line-height: 40px;
  margin-top: -20px;
}
.scene-poi #container .card-homepage {
  background-color: #fff;
  height: 52px;
  line-height: 53px;
  padding: 0 20px;
  font-size: 15px;
}
.scene-poi #container .card-homepage a {
  display: block;
  color: #595959;
}
.scene-poi #container .card-homepage a:before {
  font-family: 'fontello';
  content: '\E83C';
  color: #ccc;
  margin-right: 5px;
}
.scene-poi #container .childcare-cert,
.scene-poi #container .childcare-student,
.scene-poi #container .childcare-teacher,
.scene-poi #container .childcare-fee,
.scene-poi #container .childcare-activity {
  padding: 28px 20px;
}
.scene-poi #container .childcare-cert h3,
.scene-poi #container .childcare-student h3,
.scene-poi #container .childcare-teacher h3,
.scene-poi #container .childcare-fee h3,
.scene-poi #container .childcare-activity h3 {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
}
.scene-poi #container .childcare-cert .date,
.scene-poi #container .childcare-student .date,
.scene-poi #container .childcare-teacher .date,
.scene-poi #container .childcare-fee .date,
.scene-poi #container .childcare-activity .date {
  color: #777;
  font-size: 14px;
}
.scene-poi #container .childcare-student .student-count {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-poi #container .childcare-teacher .count {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.scene-poi #container .childcare-teacher .row {
  position: relative;
}
.scene-poi #container .childcare-teacher .row:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-poi #container .childcare-teacher .col {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.scene-poi #container .childcare-activity {
  position: relative;
}
.scene-poi #container .childcare-activity:after {
  display: block;
  clear: both;
  content: '';
}
.scene-poi #container .childcare-activity .activities {
  margin-top: 10px;
}
.scene-poi #container .childcare-activity .activities li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #555;
  padding: 3px 12px;
  background-color: #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-poi #container .roadview {
  position: relative;
  background-color: #fff;
}
.scene-poi #container .roadview .btn-view-roadview {
  display: block;
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
  color: #777;
  border-bottom: 1px solid #eaebed;
}
.scene-poi #container .roadview .btn-view-roadview .icon {
  display: inline-block;
  margin-right: 8px;
}
.scene-poi #container .roadview .map-daum {
  display: none;
  left: 0;
  right: 0;
  height: 150px;
}
.scene-poi #container .roadview.opened {
  display: block;
}
.scene-poi #container .roadview.opened .map-daum {
  display: block;
}
.scene-poi #container .school .caption {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.scene-poi #container .school .current {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 22px;
}
.scene-poi #container .school .current-empty {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 200;
  font-size: 22px;
  color: #aaa;
}
.scene-poi #container .school .tip {
  display: block;
  font-size: 14px;
  color: #777;
}
.scene-poi #container .school .icon {
  cursor: pointer;
  color: #dbdbdb;
  margin-left: 4px;
  display: inline-block;
}
.scene-poi #container .school .icon:hover {
  color: #c1c1c1;
}
.scene-poi #container .school-innovation h3 {
  padding: 20px 20px 0;
  font-size: 16px;
  font-weight: 600;
}
.scene-poi #container .school-innovation p {
  padding: 8px 20px 20px;
  font-size: 15px;
  color: #777;
}
.scene-poi #container .school-innovation .btn-link {
  height: 52px;
  line-height: 52px;
  text-align: center;
  display: block;
  border-top: 1px solid #e2e3e5;
  font-size: 17px;
  color: #2B8854;
}
.scene-poi #container .school-apt-list .caption {
  padding: 20px 20px 0 20px;
  color: #777;
}
.scene-poi #container .school-apt-list ul {
  padding: 0 20px 10px 20px;
  margin-top: 15px;
}
.scene-poi #container .school-apt-list ul li {
  position: relative;
  line-height: 36px;
  height: 36px;
}
.scene-poi #container .school-apt-list ul li .name {
  display: inline-block;
  width: 280px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-poi #container .school-apt-list ul li .price {
  position: absolute;
  right: 0;
  color: #4337de;
}
.scene-poi #container .school-apt-list ul li .area {
  position: absolute;
  right: 55px;
  color: #666;
  font-weight: normal;
}
.scene-poi #container .school-career {
  padding: 28px 20px;
}
.scene-poi #container .chart-high {
  display: inline-block;
  width: 330px;
  padding: 0px 20px 0 20px;
}
.scene-poi #container .school-2col {
  position: relative;
  padding: 28px 0;
}
.scene-poi #container .school-2col.has-more {
  padding-bottom: 0;
}
.scene-poi #container .school-2col:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-poi #container .school-2col .col {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0px 20px;
}
.scene-poi #container .school-2col .row {
  position: relative;
  padding-bottom: 0;
  padding-bottom: 24px;
  margin-bottom: 0;
  border-bottom: 0;
}
.scene-poi #container .school-2col .row:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-poi #container .school-2col .row:first-child {
  margin-bottom: 24px;
  border-bottom: 1px solid #f2f2f2;
}
.scene-poi #container .school-2col .region {
  display: block;
  font-size: 14px;
  font-weight: 200;
  color: #777;
}
.scene-poi #container .school-2col .region .count {
  color: #000;
  font-weight: normal;
  margin-left: 5px;
  line-height: 20px;
}
.scene-poi #container .agent .select-cont {
  position: relative;
  border-top: 1px solid #e1e1e1;
}
.scene-poi #container .agent .select-cont select {
  width: 100%;
  position: relative;
  z-index: 2;
  line-height: 58px;
  height: 58px;
  padding: 0 20px;
  font-size: 18px;
  box-sizing: border-box;
}
.scene-poi #container .agent .select-cont:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 20px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-poi #container .agent .agent-info p {
  padding: 20px;
  line-height: 1.5;
}
.scene-poi #container .agent .btn-more {
  display: block;
  line-height: 52px;
  height: 52px;
  background-color: #eaebed;
  color: #777;
  text-align: center;
}
.scene-poi #container .agent .btn-more:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-poi #container .agent .loading {
  background-color: #eaebed;
  position: relative;
  display: block;
  height: 52px;
}
.scene-poi #container .agent .empty-trade {
  padding: 45px;
  text-align: center;
  color: #777;
  font-size: 16px;
}
.scene-poi #container .btn-outlink {
  display: block;
  font-size: 17px;
  border-top: 1px solid #e2e3e5;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #2B8854;
  background-color: #fff;
}
.scene-poi #container .btn-homepage {
  display: inline;
  text-decoration: underline;
}
.scene-poi #container .bus-list {
  background-color: #fff;
  padding: 20px 20px 10px;
}
.scene-poi #container .bus-list .caption {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #777;
}
.scene-poi #container .bus-list .caption .icon {
  cursor: pointer;
  color: #dbdbdb;
  margin-left: 4px;
  display: inline-block;
}
.scene-poi #container .bus-list .caption .icon:hover {
  color: #c1c1c1;
}
.scene-poi #container .bus-list ul {
  margin-top: 15px;
  color: #333;
}
.scene-poi #container .bus-list ul li {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  height: 36px;
}
.scene-poi #container .bus-list ul .name {
  display: inline-block;
  font-size: 17px;
  width: 70px;
  font-weight: 700;
}
.scene-poi #container .bus-list ul .start {
  line-height: 36px;
  font-size: 15px;
  color: #666;
}
.scene-poi #container .bus-list ul .end {
  line-height: 36px;
  font-size: 15px;
  color: #666;
}
.scene-poi #container .card > .blocked {
  padding: 50px 20px;
  text-align: center;
  color: gray;
}
.scene-poi #container .card > .blocked:before {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 33px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -240px -115px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 0 auto;
  text-align: center;
  content: '';
  margin-bottom: 15px;
}
.scene-poi .share {
  position: relative;
  background-color: #095A41;
  padding-bottom: 30px;
  border-top: 1px solid #0A6549;
  text-align: center;
}
.scene-poi .share p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  height: 40px;
  color: #c1c1c1;
  padding-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-poi .share .copy-url {
  padding: 0 20px 10px;
}
.scene-poi .share .copy-url .url {
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  line-height: 36px;
  color: #438b7e;
  background-color: #085039;
  border-top: 1px solid #084c37;
  border-left: 1px solid #084c37;
  border-right: 1px solid #0a684b;
  border-bottom: 1px solid #0a684b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-poi .share ul {
  text-align: center;
}
.scene-poi .share li {
  display: inline-block;
  width: 45px;
  padding-right: 10px;
}
.scene-poi .share li a {
  display: block;
  height: 45px;
}
.scene-poi .share li a.facebook span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi .share li a.twitter span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi .share li a.kakaotalk span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -94px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi .share li a.kakaostory span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi .share li a.band span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-poi .share li:first-child {
  margin-top: 0;
}
.scene-poi .share li:last-child {
  padding-right: 0;
}
.scene-poi .cs-post {
  border-top: 1px solid #0A6549;
  background-color: #095A41;
  color: #c1c1c1;
}
.scene-poi .cs-post .btn-write-cs {
  color: #c1c1c1;
  border-top: 1px solid #0b6449;
}
.scene-poi .btn-top {
  border-top: 1px solid #0A6549;
  height: 61px;
  background-color: #095A41;
  display: block;
  overflow: hidden;
  line-height: 999em;
}
.scene-poi .btn-top:before {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -179px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 21px auto 20px;
  content: '';
}
.scene-poi.agent .share {
  background-color: #1F1F1F;
  border-top: 1px solid #3C3C3C;
}
.scene-poi.agent .btn-top {
  border-top: 1px solid #3C3C3C;
  background-color: #333;
}
.scene-poi .cs-post p {
  padding: 20px;
  font-size: 15px;
  text-align: center;
}
.scene-poi .btn-write-cs {
  display: block;
  height: 52px;
  line-height: 51px;
  font-size: 17px;
  border-top: 1px solid #eaebed;
  text-align: center;
}
.draggable-footer-layer .labs-tool-layer {
  background-color: #fff;
  margin: 0;
  padding: 25px 23px;
}
.draggable-footer-layer .labs-tool-layer h4 {
  font-size: 20px;
}
.draggable-footer-layer .labs-tool-layer h5 {
  font-size: 14px;
  margin-top: 6px;
  font-weight: normal;
  color: #aaa;
  margin-bottom: 20px;
}
.draggable-footer-layer .labs-tool-layer ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
}
.draggable-footer-layer .labs-tool-layer li {
  position: relative;
  flex: 0 0 33.3%;
  box-sizing: border-box;
  padding: 0 4px 8px 3px;
  text-align: center;
  font-size: 16px;
  height: 50px;
  background-color: #fff;
}
.draggable-footer-layer .labs-tool-layer li:first-child {
  padding-left: 0;
}
.draggable-footer-layer .labs-tool-layer li:last-child {
  padding-right: 0;
}
.draggable-footer-layer .labs-tool-layer .item {
  position: relative;
  display: block;
  width: 100%;
  background-color: #eeeffc;
  color: #584de4;
  line-height: 42px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.draggable-footer-layer .labs-tool-layer .item .new {
  position: relative;
}
.draggable-footer-layer .labs-tool-layer .item .new:before {
  content: '';
  position: absolute;
  right: -9px;
  top: -1px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: red;
}
.draggable-footer-layer .view-option-round {
  position: absolute;
  top: -75px;
  right: 15px;
  height: 40px;
  padding: 6px 8px;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.draggable-footer-layer .view-option-round .btn-type {
  height: 28px;
  display: inline-block;
  font-size: 16px;
  padding: 0 10px;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 29px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
.draggable-footer-layer .view-option-round .btn-type.on {
  background: #5963d9;
  color: #F3F3F3;
}
.draggable-footer-layer .view-option-round .btn-type:first-child {
  margin-right: -3px;
}
.draggable-footer-layer .view-option {
  position: absolute;
  top: 0px;
  height: 38px;
  padding: 4px;
  background-color: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
}
.draggable-footer-layer .view-option .btn-type {
  height: 31px;
  display: inline-block;
  font-size: 16px;
  padding: 0px 10px;
  color: #7f7e92;
  font-weight: 400;
  text-align: center;
  line-height: 33px;
  border: 0;
  background-color: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.draggable-footer-layer .view-option .btn-type.on {
  background: #ffffff;
  color: #584de4;
  box-shadow: 0 1px 1px 0 rgba(195, 197, 230, 0.29);
}
.draggable-footer-layer .slider-wrap {
  position: relative;
  margin: 0px 15px;
  padding-bottom: 10px;
}
.draggable-footer-layer .slider-wrap .slider-sample {
  position: relative;
  height: 20px;
  padding: 5px 0;
}
.draggable-footer-layer .slider-wrap .slider-sample li {
  position: absolute;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  text-align: center;
  transform: translateX(-50%);
  color: #333;
}
.draggable-footer-layer .slider-wrap .slider-sample li:before {
  background-color: #fff;
  width: 1px;
  height: 9px;
  line-height: 1;
  content: '';
  position: absolute;
  display: block;
  top: -22px;
  left: 50%;
}
.draggable-footer-layer .slider-wrap .slider-sample li:first-child:before,
.draggable-footer-layer .slider-wrap .slider-sample li:last-child:before {
  content: none;
}
.draggable-footer-layer .slider-wrap .slider-sample li a {
  display: block;
}
.draggable-footer-layer .labs-layer {
  padding: 0 12px;
  background-color: #fff;
  opacity: 0.97;
}
.draggable-footer-layer .labs-layer .upside {
  padding-bottom: 10px;
}
.draggable-footer-layer .labs-layer .btn-close {
  top: -7px !important;
}
.draggable-footer-layer .labs-layer .title {
  display: inline-block;
  font-size: 19px;
  color: #333;
  font-weight: bold;
  margin-top: 6px;
  margin-left: 3px;
}
.draggable-footer-layer .labs-layer .icon.icon-help-circled {
  color: #ccc;
  padding-left: 5px;
  font-size: 18px;
}
.draggable-footer-layer .labs-layer .spinner-small-inline {
  display: inline-block;
  position: relative;
  top: -6px;
  left: 14px;
}
.draggable-footer-layer .labs-layer .highlight {
  color: #4337de;
  font-weight: bold;
}
.draggable-footer-layer .labs-layer .duration-date {
  color: #7f7e92;
  padding: 3px 0 0 3px;
  font-size: 16px;
  font-weight: normal;
}
.draggable-footer-layer .tool-new-high {
  padding: 0 0 15px;
}
.draggable-footer-layer .tool-new-high .upside {
  padding: 0 12px;
}
.draggable-footer-layer .tool-new-high .address {
  font-size: 14px;
  color: #7f7e92;
  padding-left: 10px;
}
.draggable-footer-layer .tool-new-high .bottom {
  padding: 5px 15px 0;
}
.draggable-footer-layer .tool-new-high.on .toggle {
  background-color: #565eb6;
  color: #fff;
}
.draggable-footer-layer .tool-new-high .filter-period-button {
  position: relative;
  display: inline-block;
  margin: 10px 0 15px 0;
}
.draggable-footer-layer .tool-new-high .detail-btn {
  position: absolute;
  top: 45px;
  right: 15px;
  color: #5e68da;
  font-size: 15px;
  padding: 9px 15px;
  background: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.draggable-footer-layer .tool-time-diff .view-option {
  right: 50px;
}
.draggable-footer-layer .tool-time-diff .slider-wrap .slider-sample li:first-child {
  left: 0;
}
.draggable-footer-layer .tool-time-diff .slider-wrap .slider-sample li:nth-child(2) {
  left: 28.5%;
}
.draggable-footer-layer .tool-time-diff .slider-wrap .slider-sample li:nth-child(3) {
  left: 57%;
}
.draggable-footer-layer .tool-time-diff .slider-wrap .slider-sample li:nth-child(4) {
  left: 85.5%;
}
.draggable-footer-layer .tool-time-diff .slider-wrap .slider-sample li:last-child {
  left: 100%;
}
.draggable-footer-layer .tool-population .population-layer {
  position: relative;
  background-color: #fff;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.draggable-footer-layer .tool-population .upside {
  font-size: 19px;
  font-weight: bold;
}
.draggable-footer-layer .tool-population .upside .view-option {
  right: 46px;
}
.draggable-footer-layer .tool-population .upside .btn-population-type {
  display: inline-block;
  height: 36px;
  font-size: 16px;
  padding: 0 13px;
  background-color: #fff;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  box-sizing: border-box;
  border: 1px solid #dbd9d1;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.draggable-footer-layer .tool-population .upside .btn-population-type.on {
  border-color: #646464;
  background: #565eb6;
  color: #F3F3F3;
}
.draggable-footer-layer .tool-population .upside .btn-population-type:first-child {
  margin-right: -1px;
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.draggable-footer-layer .tool-population .upside .btn-population-type:last-child {
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.draggable-footer-layer .tool-population .upside .icon.icon-help-circled {
  display: inline-block;
  font-size: 18px;
  padding-right: 5px;
  color: #ccc;
}
.draggable-footer-layer .tool-population .upside .btn-reset-wrap {
  display: inline-block;
  height: 36px;
  font-size: 16px;
  padding: 0 13px;
  background-color: #fff;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  box-sizing: border-box;
  border: 1px solid #dbd9d1;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  top: 26px;
  right: 53px;
  position: absolute;
}
.draggable-footer-layer .tool-population .upside .btn-reset-wrap:first-child {
  margin-right: -1px;
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.draggable-footer-layer .tool-population .slider-wrap .slider-sample li:first-child {
  left: 0;
}
.draggable-footer-layer .tool-population .slider-wrap .slider-sample li:nth-child(2) {
  left: 33.3%;
}
.draggable-footer-layer .tool-population .slider-wrap .slider-sample li:nth-child(3) {
  left: 66.6%;
}
.draggable-footer-layer .tool-population .slider-wrap .slider-sample li:last-child {
  left: 100%;
}
.draggable-footer-layer .tool-supply-household .view-option {
  right: 50px;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:first-child {
  left: 0;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:last-child {
  left: 100%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:nth-child(2) {
  left: 16.66%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:nth-child(3) {
  left: 33.32%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:nth-child(4) {
  left: 49.98%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:nth-child(5) {
  left: 66.64%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li:nth-child(6) {
  left: 83.3%;
}
.draggable-footer-layer .tool-supply-household .slider-wrap .slider-sample li.current {
  color: red;
  font-weight: 600;
}
.draggable-footer-layer .tool-slope .view-option {
  right: 50px;
}
.draggable-footer-layer .tool-slope .duration-date.unselected {
  color: #888;
}
.draggable-footer-layer .tool-slope .color-container {
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
}
.draggable-footer-layer .tool-slope .color-container .low {
  position: absolute;
  font-size: 13px;
  left: 20px;
  bottom: 10px;
  color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.draggable-footer-layer .tool-slope .color-container .high {
  position: absolute;
  font-size: 13px;
  right: 20px;
  bottom: 10px;
  color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 8px;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap a {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  height: 15px;
  box-sizing: border-box;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap a:first-child {
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  -ms-border-radius: 15px 0 0 15px;
  -o-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap a:last-child {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap a:hover {
  background-color: #f2f2f2;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a {
  width: 10%;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a .sample-item {
  position: absolute;
  bottom: -22px;
  right: -8px;
  display: block;
  font-size: 13px;
  color: #333;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:first-child {
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  -ms-border-radius: 15px 0 0 15px;
  -o-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
  background: -webkit-linear-gradient(to right, #eee 0%, #bddf26 100%);
  background: linear-gradient(to right, #eee 0%, #bddf26 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(2) {
  background: -webkit-linear-gradient(to right, #bddf26 0%, #a2da37 100%);
  background: linear-gradient(to right, #bddf26 0%, #a2da37 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(3) {
  background: -webkit-linear-gradient(to right, #a2da37 0%, #7cd250 100%);
  background: linear-gradient(to right, #a2da37 0%, #7cd250 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(4) {
  background: -webkit-linear-gradient(to right, #7cd250 0%, #5ac864 100%);
  background: linear-gradient(to right, #7cd250 0%, #5ac864 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(5) {
  background: -webkit-linear-gradient(to right, #5ac864 0%, #28ae80 100%);
  background: linear-gradient(to right, #5ac864 0%, #28ae80 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(6) {
  background: -webkit-linear-gradient(to right, #28ae80 0%, #218e8d 100%);
  background: linear-gradient(to right, #28ae80 0%, #218e8d 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(7) {
  background: -webkit-linear-gradient(to right, #218e8d 0%, #31688e 100%);
  background: linear-gradient(to right, #218e8d 0%, #31688e 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:nth-child(8) {
  background: -webkit-linear-gradient(to right, #31688e 0%, #3a538b 100%);
  background: linear-gradient(to right, #31688e 0%, #3a538b 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.elevation a:last-child {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
  background: -webkit-linear-gradient(to right, #3a538b 0%, #440154 100%);
  background: linear-gradient(to right, #3a538b 0%, #440154 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a {
  width: 20%;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a .sample-item {
  position: absolute;
  bottom: -22px;
  right: -4px;
  display: block;
  font-size: 13px;
  color: #333;
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a:first-child {
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  -ms-border-radius: 15px 0 0 15px;
  -o-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
  background: -webkit-linear-gradient(to right, #ffcf06 0%, #c6de00 100%);
  background: linear-gradient(to right, #ffcf06 0%, #c6de00 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a:nth-child(2) {
  background: -webkit-linear-gradient(to right, #c6de00 0%, #8cd92e 100%);
  background: linear-gradient(to right, #c6de00 0%, #8cd92e 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a:nth-child(3) {
  background: -webkit-linear-gradient(to right, #8cd92e 0%, #0a9e00 100%);
  background: linear-gradient(to right, #8cd92e 0%, #0a9e00 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a:nth-child(4) {
  background: -webkit-linear-gradient(to right, #0a9e00 0%, #5876FA 100%);
  background: linear-gradient(to right, #0a9e00 0%, #5876FA 100%);
}
.draggable-footer-layer .tool-slope .color-container .color-wrap.slope a:nth-child(5) {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
  background: -webkit-linear-gradient(to right, #5876FA 0%, #7809CD 100%);
  background: linear-gradient(to right, #5876FA 0%, #7809CD 100%);
}
.draggable-footer-layer .tool-commute-list .select-layer {
  background: #fff;
  height: 380px;
  width: 100%;
}
.draggable-footer-layer .tool-commute-list .select-layer h4 {
  font-size: 19px;
  padding: 21px 30px 10px 20px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap {
  max-height: 324px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list.selected .name {
  font-weight: bold;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a {
  padding: 18px 0px;
  display: block;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .name {
  font-size: 17px;
  vertical-align: middle;
  padding-right: 10px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list {
  position: absolute;
  right: 0px;
  top: 17px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list .badge {
  display: inline-block;
  padding: 0px 9px;
  line-height: 24px;
  margin-right: 4px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list .badge:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list .badge-number {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list .badge-number span {
  position: absolute;
  top: 49.5%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  color: #fff;
}
.draggable-footer-layer .tool-commute-list .select-layer .scroll-wrap .list a .badge-list .badge-number:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-commute-list .select-layer .btn-close {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 15px;
}
.draggable-footer-layer .tool-commute-list .select-layer .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.draggable-footer-layer .tool-commute {
  padding: 0;
}
.draggable-footer-layer .tool-commute .upside {
  padding: 0 10px 10px 10px;
}
.draggable-footer-layer .tool-commute .info {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  padding: 0 5px 15px 40px;
}
.draggable-footer-layer .tool-commute .info .poi-name-button {
  padding: 10px 15px;
  border: 1px solid #ececec;
  background-color: #ececec;
}
.draggable-footer-layer .tool-commute .target {
  position: relative;
  padding-bottom: 5px;
}
.draggable-footer-layer .tool-commute .target .selected-box {
  margin: 10px 12px;
  display: block;
  box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 15px;
  height: 52px;
}
.draggable-footer-layer .tool-commute .target .selected-box .spinner {
  margin-top: -8px;
}
.draggable-footer-layer .tool-commute .target .selected-box h4 {
  padding: 30px 0;
}
.draggable-footer-layer .tool-commute .target .selected-box .name {
  font-size: 17px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list {
  position: absolute;
  display: inline-block;
  right: 54px;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list .badge {
  display: inline-block;
  vertical-align: top;
  padding: 0px 9px;
  line-height: 24px;
  margin-right: 4px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list .badge:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list .badge-number {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: top;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list .badge-number span {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  color: #fff;
}
.draggable-footer-layer .tool-commute .target .selected-box .badge-list .badge-number:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-commute .target .btn-open {
  position: absolute;
  right: 30px;
  top: 8px;
  padding: 15px;
}
.draggable-footer-layer .tool-commute .target .btn-open span {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -311px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.draggable-footer-layer .tool-commute .color-container {
  text-align: center;
  margin: 0 0 30px 0;
  width: 100%;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap {
  display: inline-block;
  width: 95%;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a {
  position: relative;
  display: inline-block;
  height: 15px;
  white-space: nowrap;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  border-right: 1px solid #ececec;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:first-child {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  background: -webkit-linear-gradient(to right, #0a9e00 0%, #68be00 100%);
  background: linear-gradient(to right, #0a9e00 0%, #68be00 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:nth-child(2) {
  background: -webkit-linear-gradient(to right, #68be00 0%, #ffcf06 100%);
  background: linear-gradient(to right, #68be00 0%, #ffcf06 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:nth-child(3) {
  background: -webkit-linear-gradient(to right, #ffcf06 0%, #ff7613 100%);
  background: linear-gradient(to right, #ffcf06 0%, #ff7613 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:nth-child(4) {
  background: -webkit-linear-gradient(to right, #ff7613 0%, #ff1d22 100%);
  background: linear-gradient(to right, #ff7613 0%, #ff1d22 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:nth-child(5) {
  background: -webkit-linear-gradient(to right, #ff1d22 0%, #365bda 100%);
  background: linear-gradient(to right, #ff1d22 0%, #365bda 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:last-child {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  background: -webkit-linear-gradient(to right, #365bda 0%, #7809cd 100%);
  background: linear-gradient(to right, #365bda 0%, #7809cd 100%);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap a:hover {
  background-color: #f2f2f2;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap.commute a {
  width: 16%;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap.commute a .sample-item {
  position: absolute;
  display: block;
  bottom: -20px;
  right: -8px;
  font-size: 13px;
  color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.draggable-footer-layer .tool-commute .color-container .color-wrap.commute a:last-child .sample-item {
  right: 0px;
}
.draggable-footer-layer .tool-commute .color-container .color-wrap.commute a:first-child .sample-item {
  right: -13px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer {
  background: #fff;
  height: 380px;
  width: 100%;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer h4 {
  font-size: 19px;
  padding: 21px 30px 10px 20px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap {
  max-height: 324px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list.selected .name {
  font-weight: bold;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a {
  padding: 18px 0px;
  display: block;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .name {
  font-size: 17px;
  vertical-align: middle;
  padding-right: 10px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list {
  position: absolute;
  right: 0px;
  top: 17px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list .badge {
  display: inline-block;
  padding: 0px 9px;
  line-height: 24px;
  margin-right: 4px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list .badge:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list .badge-number {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list .badge-number span {
  position: absolute;
  top: 49.5%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  color: #fff;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .scroll-wrap .list a .badge-list .badge-number:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .btn-close {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 15px;
}
.draggable-footer-layer .tool-quantile-map-datatypes .select-layer .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.draggable-footer-layer .tool-quantile-map {
  padding: 0;
}
.draggable-footer-layer .tool-quantile-map .upside {
  padding: 0 10px 10px 10px;
}
.draggable-footer-layer .tool-quantile-map .info {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  padding: 0 5px 15px 40px;
}
.draggable-footer-layer .tool-quantile-map .info .poi-name-button {
  padding: 10px 15px;
  border: 1px solid #ececec;
  background-color: #ececec;
}
.draggable-footer-layer .tool-quantile-map .target {
  position: relative;
  padding-bottom: 5px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box {
  margin: 10px 12px;
  display: block;
  box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 15px;
  height: 52px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .spinner {
  margin-top: -8px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box h4 {
  padding: 30px 0;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .name {
  font-size: 17px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list {
  position: absolute;
  display: inline-block;
  right: 54px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list .badge {
  display: inline-block;
  vertical-align: top;
  padding: 0px 9px;
  line-height: 24px;
  margin-right: 4px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list .badge:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list .badge-number {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  margin-right: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: top;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list .badge-number span {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  color: #fff;
}
.draggable-footer-layer .tool-quantile-map .target .selected-box .badge-list .badge-number:last-child {
  margin-right: 0px;
}
.draggable-footer-layer .tool-quantile-map .target .btn-open {
  position: absolute;
  right: 30px;
  top: 8px;
  padding: 15px;
}
.draggable-footer-layer .tool-quantile-map .target .btn-open span {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -311px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.draggable-footer-layer .tool-quantile-map .color-container {
  text-align: center;
  margin: 9px 0 40px 0;
  padding: 0 3px;
}
.draggable-footer-layer .tool-quantile-map .color-container.empty {
  margin: 24px 0 25px 0;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap {
  display: inline-block;
  width: 100%;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a {
  position: relative;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  box-sizing: border-box;
  border-right: 1px solid #ececec;
  width: 25%;
  min-width: 3%;
  transition-property: width;
  transition-duration: 300ms;
  color: #fff;
  font-size: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.bold {
  font-weight: bold;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:hover {
  background-color: #f2f2f2;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .proportions {
  font-size: 12px;
  line-height: 16px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item {
  position: absolute;
  right: -2px;
  display: block;
  font-size: 12px;
  bottom: -24px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item .spinner-small-inline {
  left: unset;
  right: 10px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item::after {
  content: '';
  display: block;
  position: absolute;
  top: -7px;
  right: 1px;
  width: 10px;
  height: 7px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item.text-bottom {
  bottom: -40px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item.text-bottom::after {
  width: 10px;
  top: -23px;
  height: 23px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item.text-top {
  bottom: 21px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a .sample-item.text-top::after {
  width: 10px;
  top: 13px;
  height: 7px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child .sample-item::after {
  top: -17px;
  right: 2px;
  height: 16px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child .sample-item.text-bottom {
  bottom: -40px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child .sample-item.text-bottom::after {
  top: -31px;
  height: 31px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child .sample-item.text-top {
  bottom: 21px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a:last-child .sample-item.text-top::after {
  top: 13px;
  height: 15px;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-1 .sample-item {
  color: #979da3;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-1 .sample-item::after {
  border-right: 1px #979da3 solid;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-2 .sample-item {
  color: #FFCF03;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-2 .sample-item::after {
  border-right: 1px #FFCF03 solid;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-3 .sample-item {
  color: #FC541B;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-3 .sample-item::after {
  border-right: 1px #FC541B solid;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-4 .sample-item {
  color: #3f24d6;
}
.draggable-footer-layer .tool-quantile-map .color-container .color-wrap.quantile a.legend-4 .sample-item::after {
  border-right: 1px #3f24d6 solid;
}
.draggable-footer-layer .tool-trade-count .view-option {
  right: 50px;
}
.draggable-footer-layer .tool-trade-count .slider-wrap .slider-sample li:first-child {
  left: 0;
}
.draggable-footer-layer .tool-trade-count .slider-wrap .slider-sample li:nth-child(2) {
  left: 33.33%;
}
.draggable-footer-layer .tool-trade-count .slider-wrap .slider-sample li:nth-child(3) {
  left: 66.66%;
}
.draggable-footer-layer .tool-trade-count .slider-wrap .slider-sample li:last-child {
  left: 100%;
}
.draggable-footer-layer .tool-academy,
.draggable-footer-layer .tool-store {
  padding: 0;
  height: 100%;
}
.draggable-footer-layer .tool-academy .upside,
.draggable-footer-layer .tool-store .upside {
  padding: 0 10px 10px 10px;
}
.draggable-footer-layer .tool-academy .upside .sub-title,
.draggable-footer-layer .tool-store .upside .sub-title {
  padding: 5px 0 0 3px;
  font-size: 16px;
  color: #7f7e92;
}
.draggable-footer-layer .tool-academy .view-option,
.draggable-footer-layer .tool-store .view-option {
  right: 45px;
}
.draggable-footer-layer .tool-academy .color-container,
.draggable-footer-layer .tool-store .color-container {
  text-align: center;
  width: 100%;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap,
.draggable-footer-layer .tool-store .color-container .color-wrap {
  position: relative;
  display: inline-block;
  width: 95%;
  height: 50px;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item,
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item {
  position: relative;
  display: inline-block;
  height: 15px;
  white-space: nowrap;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  border-right: 1px solid #ececec;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item .sample-item,
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item .sample-item {
  font-size: 13px;
  color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  top: 20px;
  right: -11px;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:first-child,
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:first-child {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  background-color: #8cd92e;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:nth-child(2),
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:nth-child(2) {
  background-color: #ffcf06;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:nth-child(3),
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:nth-child(3) {
  background-color: #ff7613;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:nth-child(4),
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:nth-child(4) {
  background-color: #ff1d22;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:nth-child(5),
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:nth-child(5) {
  background-color: #365bda;
}
.draggable-footer-layer .tool-academy .color-container .color-wrap .color-item:last-child,
.draggable-footer-layer .tool-store .color-container .color-wrap .color-item:last-child {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  background-color: #7809CD;
}
.draggable-footer-layer .tool-goodnews {
  padding: 0 0 12px 0;
}
.draggable-footer-layer .tool-goodnews .upside {
  padding: 0 12px;
}
.draggable-footer-layer .tool-goodnews .msg {
  font-size: 14px;
  padding: 7px 3px 5px;
  color: #747481;
}
.draggable-footer-layer .tool-goodnews .msg.center {
  padding: 5px 5px 15px 5px;
  text-align: center;
}
.draggable-footer-layer .tool-goodnews .svgs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  margin-top: 12px;
  padding: 15px 10px 0 10px;
  border-top: 1px solid #f0f0f0;
}
.draggable-footer-layer .tool-goodnews .svg {
  flex: 0 0 33%;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  color: #747481;
}
.draggable-footer-layer .tool-goodnews .svg svg {
  width: 50px;
  height: 20px;
}
.draggable-footer-layer .tool-goodnews .svg div {
  color: #aaa;
  margin-top: 3px;
}
.draggable-footer-layer .tool-goodnews .btn-report {
  display: block;
  text-align: center;
  color: #584de4;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  background-color: #eeeffc;
}
.draggable-footer-layer .tool-trade-ratio .detail-btn {
  position: absolute;
  top: 59px;
  right: 16px;
  color: #5e68da;
  font-size: 15px;
  padding: 9px 15px;
  background: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.draggable-footer-layer .tool-trade-ratio .filter-period-button {
  top: 60px;
  left: 15px;
}
.draggable-footer-layer .tool-trade-ratio .slider-wrap {
  margin: 45px 15px 0;
}
.draggable-footer-layer .tool-trade-ratio .slider-wrap .slider-sample li:first-child {
  left: 0;
}
.draggable-footer-layer .tool-trade-ratio .slider-wrap .slider-sample li:nth-child(2) {
  left: 33.33%;
}
.draggable-footer-layer .tool-trade-ratio .slider-wrap .slider-sample li:nth-child(3) {
  left: 66.66%;
}
.draggable-footer-layer .tool-trade-ratio .slider-wrap .slider-sample li:last-child {
  left: 100%;
}
.scene-tradeRatio-rank {
  background-color: #EEF0F3;
}
.scene-tradeRatio-rank #header {
  background-color: #FFF;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
}
.scene-tradeRatio-rank #header > .title {
  position: relative;
  height: 58px;
}
.scene-tradeRatio-rank #header > .title h1 {
  display: block;
  position: relative;
  font-size: 16px;
  height: auto;
  font-weight: bold;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
}
.scene-tradeRatio-rank #header > .title h1 a {
  color: #484848;
}
.scene-tradeRatio-rank #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-tradeRatio-rank #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-tradeRatio-rank #header .tab ul {
  height: 50px;
  display: table;
  width: 100%;
}
.scene-tradeRatio-rank #header .tab ul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 25%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.scene-tradeRatio-rank #header .tab ul li a {
  display: block;
  line-height: 47px;
  padding-top: 3px;
  color: #484848;
  opacity: 0.6;
}
.scene-tradeRatio-rank #header .tab ul li:last-child {
  border-right: 0;
}
.scene-tradeRatio-rank #header .tab ul li.selected {
  border-bottom: 2px solid #584de4;
}
.scene-tradeRatio-rank #header .tab ul li.selected a {
  color: #584de4;
  font-weight: 500;
  opacity: 1;
}
.scene-tradeRatio-rank #container {
  padding-top: 103px;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fff;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list.bold {
  font-weight: bold;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .tiny-scroll {
  position: relative;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li {
  width: 100%;
  box-sizing: border-box;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li:first-child {
  height: 86px;
  padding-top: 20px;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a {
  display: block;
  padding: 5px 20px;
  position: relative;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff {
  position: absolute;
  left: 17px;
  top: 39px;
  width: 25px;
  text-align: center;
  font-size: 12px;
  color: #666;
  opacity: 0.8;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff.new {
  color: #3d9752;
  font-size: 10px;
  font-weight: bold;
  transform: scaleX(0.8);
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff.up {
  color: #fc541b;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff.up:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E848';
  transform: scaleX(0.8);
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff.down {
  color: #584de4;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank-diff.down:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E847';
  transform: scaleX(0.8);
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  width: 17px;
  margin-top: 7px;
  display: inline-block;
  color: #7f7e92;
  text-align: center;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .rank.top {
  color: #584de4;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .name {
  padding-left: 12px;
  font-size: 16px;
  text-align: left;
  color: #484848;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .total {
  display: block;
  line-height: 30px;
  font-size: 14px;
  text-align: left;
  margin-left: 29px;
  color: #7f7e92;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .desc {
  position: absolute;
  right: 22px;
  top: -6px;
  font-size: 9px;
  color: #7f7e92;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .scale {
  position: absolute;
  right: 82px;
  top: 41px;
  width: 70px;
  height: 16px;
  background-color: #5963d9;
  color: #fff;
  text-align: center;
  font-size: 9px;
  vertical-align: middle;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right {
  width: 100px;
  height: 66px;
  position: absolute;
  right: 0;
  top: 3px;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .percent {
  position: absolute;
  top: 11px;
  right: 22px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #484848;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .bar-range {
  position: absolute;
  right: 24px;
  top: 33px;
  width: 30px;
  box-sizing: border-box;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .bar-range .bar {
  height: 8px;
  font-size: 4px;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .bar-range .bar.seoul {
  background-color: #584de4;
  display: inline-block;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .bar-range .bar.etc {
  background-color: #f4f5fa;
  display: inline-block;
}
.scene-tradeRatio-rank #container .trade-ratio-wrap .tool-trade-ratio-list .result ul li a .right .seoul-text {
  position: absolute;
  top: 39px;
  right: 59px;
  width: 69px;
  font-size: 10px;
  color: #7f7e92;
  text-align: right;
}
/**
 * 검색 화면
 */
.scene-search {
  position: relative;
}
.scene-search #header {
  margin-bottom: 0;
  height: 58px;
  position: fixed;
  left: 0;
  right: 0;
}
.scene-search#wrap {
  overflow-x: hidden;
}
.scene-search #container {
  box-sizing: border-box;
  padding-top: 58px;
  height: 100%;
}
.scene-search .result {
  position: relative;
  width: 100%;
  background-color: #fff;
}
.scene-search .result.all .search-list {
  padding-bottom: 10px;
}
.scene-search .result.all h3 {
  border-top: 1px solid #f2f2f2;
  padding: 18px 17px 10px;
  font-weight: normal;
  font-size: 15px;
  color: #4D55B2;
}
.scene-search .result.all a {
  display: block;
  padding: 10px 17px;
  font-weight: normal;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-search .result.all a .aptType {
  margin-left: 5px;
}
.scene-search .result.all .btn-more {
  position: relative;
  display: block;
  padding: 0 17px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.scene-search .result.all .btn-more span {
  display: block;
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -4px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.scene-search .result.all .desc {
  font-size: 14px;
  color: #888;
}
.scene-search .result.all .desc .household {
  display: inline-block;
  margin-right: 6px;
}
.scene-search .result.all .desc .startDate {
  display: inline-block;
}
.scene-search .result.all .desc .label-container {
  box-sizing: border-box;
  display: inline-block;
  margin-top: 3px;
  margin-right: 5px;
  margin-left: -2px;
  height: 27px;
  -webkit-border-radius: 13.5px;
  -moz-border-radius: 13.5px;
  -ms-border-radius: 13.5px;
  -o-border-radius: 13.5px;
  border-radius: 13.5px;
  background-color: #f5f5f5;
  padding: 5px 8px 0;
  font-size: 14px;
}
.scene-search .result.all .highlight {
  color: #4337de;
  font-weight: 600;
}
.scene-search .result .empty {
  padding: 82px 20px 13px;
}
.scene-search .realtime-rank-list .list-mode {
  position: relative;
  padding: 5px 20px 10px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-search .realtime-rank-list .list-mode.bold {
  font-weight: bold;
}
.scene-search .realtime-rank-list .list-mode .title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.scene-search .realtime-rank-list .list-mode .btn-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 40px;
  line-height: 52px;
  text-align: center;
  color: #666;
}
.scene-search .realtime-rank-list .list-mode .btn-close:after {
  font-family: 'fontello';
  font-weight: 300;
  font-size: 13px;
  content: '\E80F';
  color: #666;
}
.scene-search .realtime-rank-list .list-mode .rank-group {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.scene-search .realtime-rank-list .list-mode .rank-group .rank-group-item {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 42px;
  border-bottom: 2px solid transparent;
  text-align: center;
  color: #484848;
}
.scene-search .realtime-rank-list .list-mode .rank-group .rank-group-item.on {
  font-weight: bold;
  color: #584de4;
  border-color: #584de4;
}
.scene-search .realtime-rank-list .list-mode .rank-group .tab-border {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  line-height: 0;
  width: 100%;
  background: #f5f5f5;
}
.scene-search .realtime-rank-list .list-mode .apt-rank-type-checkbox {
  height: 40px;
  line-height: 35px;
  font-size: 14px;
  color: #484848;
}
.scene-search .realtime-rank-list .list-mode .apt-rank-type-checkbox label {
  display: inline-block;
  margin-bottom: 2px;
  margin-left: 2px;
}
.scene-search .realtime-rank-list .list-mode .desc {
  position: absolute;
  right: 20px;
  top: 66px;
  color: #7f7e92;
  font-size: 13px;
  font-weight: 300;
}
.scene-search .realtime-rank-list .list-mode .list {
  padding-top: 10px;
}
.scene-search .realtime-rank-list .list-mode .list .item {
  display: block;
  position: relative;
  margin-bottom: 12px;
  font-weight: 14px;
}
.scene-search .realtime-rank-list .list-mode .list .item .rank {
  display: inline-block;
  width: 21px;
  margin-right: 7px;
  text-align: center;
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff {
  position: absolute;
  top: 21px;
  left: 0;
  width: 21px;
  text-align: center;
  font-size: 11px;
  color: #666;
  opacity: 0.8;
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff.new {
  top: 22px;
  color: #3d9752;
  font-size: 10px;
  font-weight: bold;
  transform: scaleX(0.8);
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff.up {
  color: #fc541b;
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff.up:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E848';
  transform: scaleX(0.8);
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff.down {
  color: #584de4;
}
.scene-search .realtime-rank-list .list-mode .list .item .rank-diff.down:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E847';
  transform: scaleX(0.8);
}
.scene-search .realtime-rank-list .list-mode .list .item .name {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-search .realtime-rank-list .list-mode .list .item .visitor {
  position: absolute;
  display: block;
  right: 0;
  text-align: right;
  top: 2px;
}
.scene-search .realtime-rank-list .list-mode .list .item .info {
  display: block;
  margin-left: 28px;
  font-size: 13px;
  color: #999;
}
.scene-search .realtime-rank-list .list-mode .update-time {
  margin: 10px 0 15px;
  text-align: right;
  font-size: 13px;
  font-weight: 300;
  color: #484848;
}
.scene-search .realtime-rank-list .empty {
  padding: 80px 0 0 0;
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
  color: #7f7e92;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-search .realtime-rank-list .empty.bold {
  font-weight: bold;
}
.scene-search .realtime-rank-list .empty .btn-reload {
  box-sizing: border-box;
  display: inline-block;
  margin: 30px auto;
  height: 40px;
  padding: 0 20px;
  line-height: 43px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #584de4;
  background-color: #f3f4fc;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
.search-group {
  position: absolute;
  width: 100%;
  z-index: 100;
}
.search-group.filter-open {
  transform: translate3d(0, -59px, 0);
  -webkit-transform: translate3d(0, -59px, 0);
  -moz-transform: translate3d(0, -59px, 0);
  -ms-transform: translate3d(0, -59px);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  z-index: 10;
}
.search-group.filter-close {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0);
  -webkit-transition: transform 0.1s;
  -moz-transition: transform 0.1s;
  -ms-transition: transform 0.1s;
  -o-transition: transform 0.1s;
  transition: transform 0.1s;
}
.search-group .sub-filter {
  position: relative;
  width: 100%;
  z-index: -1;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.search-group .sub-filter .sub-filter-layer {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
  background-color: #fff;
}
@keyframes rotateAnimationX {
  from {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
.search-group .sub-filter .sub-filter-layer .sub-filter-container-saved ul li:nth-child(1) .scroll-link.applied {
  transform: rotateX(0deg);
  animation: rotateAnimationX .35s;
  animation-delay: calc(1s * .15 + 1s);
}
.search-group .sub-filter .sub-filter-layer .sub-filter-container-saved ul li:nth-child(2) .scroll-link.applied {
  transform: rotateX(0deg);
  animation: rotateAnimationX .35s;
  animation-delay: calc(2s * .15 + 1s);
}
.search-group .sub-filter .sub-filter-layer .sub-filter-container-saved ul li:nth-child(3) .scroll-link.applied {
  transform: rotateX(0deg);
  animation: rotateAnimationX .35s;
  animation-delay: calc(3s * .15 + 1s);
}
.search-group .sub-filter .sub-filter-layer .sub-filter-container-saved ul li:nth-child(4) .scroll-link.applied {
  transform: rotateX(0deg);
  animation: rotateAnimationX .35s;
  animation-delay: calc(4s * .15 + 1s);
}
.search-group .sub-filter .sub-filter-layer .sub-filter-container-saved ul li:nth-child(5) .scroll-link.applied {
  transform: rotateX(0deg);
  animation: rotateAnimationX .35s;
  animation-delay: calc(5s * .15 + 1s);
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container {
  padding-top: 2px;
  position: relative;
  border-bottom: 1px solid #ececec;
  height: 43px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul {
  padding: 0 8px;
  height: 43px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li {
  height: 40px;
  box-sizing: border-box;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li.has-more {
  line-height: 24px;
  height: 24px;
  margin-bottom: 6px;
  margin-top: 6px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li a {
  padding: 5px 4px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li a.applied {
  padding: 5px 3px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li:first-child a.applied {
  padding-left: 4px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li:last-child {
  padding-right: 15px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li .scroll-link {
  font-size: 16px;
  padding: 0 2px;
  height: 28px;
  line-height: 29px;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li .scroll-link.applied {
  padding: 0 9px;
  border: solid 1px #584de4;
  border-radius: 2px;
  color: #584de4;
  font-weight: normal;
  background-color: #fff;
  box-sizing: border-box;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container ul li .scroll-link.select {
  padding: 0 9px;
  border: solid 1px #584de4;
  border-radius: 2px;
  color: #584de4;
  font-weight: normal;
  background-color: #eef0f3;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more {
  height: 100%;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more ul {
  height: 100%;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more ul li {
  float: left;
  width: 50%;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more ul li .scroll-link {
  padding: 1px 10px;
  display: inline-block;
  max-width: 100%;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more ul li .scroll-link.applied {
  padding: 0 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.search-group .sub-filter .sub-filter-layer .scroll-menu-container.has-more ul li .scroll-link.select {
  padding: 0 9px;
}
.search-group .sub-filter .sub-filter-layer .slider {
  margin-top: 5px;
  padding: 0px 30px;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul {
  position: relative;
  padding: 9px 14px 0px 14px;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul.has-top {
  padding: 3px 14px 0px 14px;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  font-size: 15px;
  background-color: #efefef;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul li.selected {
  background-color: #5963d9;
  color: #efefef;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul li a {
  display: block;
  line-height: 30px;
  padding: 1px 11px 0;
}
.search-group .sub-filter .sub-filter-layer .sample-list .sample-ul li a.selected {
  color: #efefef;
}
.search-group .sub-filter .sub-filter-layer h4 {
  font-weight: normal;
  line-height: 1.3;
  margin-top: 5px;
  padding: 0 10px;
}
.search-group .sub-filter .sub-filter-layer .status {
  position: absolute;
  right: 120px;
  top: 15px;
  font-size: 14px;
  margin-left: 5px;
  color: #565eb6;
  height: 44px;
  text-align: right;
}
.search-group .sub-filter .sub-filter-layer .status span {
  display: block;
}
.search-group .sub-filter .sub-filter-layer .select-group {
  position: relative;
  margin: 0px 10px 10px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.search-group .sub-filter .sub-filter-layer .select-group .select {
  position: relative;
  z-index: 2;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  padding-right: 38px;
  padding-left: 10px;
}
.search-group .sub-filter .sub-filter-layer .select-group .list-layer {
  position: absolute;
  background-color: #fff;
  left: -1px;
  right: -1px;
  z-index: 99;
  border: 1px solid #c1c1c1;
}
.search-group .sub-filter .sub-filter-layer .select-group .list-layer li {
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
}
.search-group .sub-filter .sub-filter-layer .select-group .list-layer li a {
  display: block;
}
.search-group .sub-filter .sub-filter-layer .select-group .list-layer li.applied {
  background-color: #565eb6;
}
.search-group .sub-filter .sub-filter-layer .select-group .list-layer li.applied a {
  color: #fff;
}
.search-group .sub-filter .sub-filter-layer .select-group:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.search-group .sub-filter .sub-filter-layer .more-group {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
  text-align: right;
  border-bottom: 1px solid #ececec;
}
.search-group .sub-filter .sub-filter-layer .more-group .btn-more {
  display: block;
  padding-right: 8px;
  line-height: 41px;
  color: #555;
  margin-top: 2px;
}
.search-group .sub-filter .sub-filter-layer .more-group .btn-more:before {
  font-size: 18px;
  font-family: 'fontello';
  content: '\E80C';
  padding: 10px 6px 14px 10px;
}
.search-group .sub-filter .sub-filter-layer .more-group.has-reset {
  display: none;
}
.search-group .sub-filter .sub-filter-layer .tool-group {
  width: 100%;
  background-color: #f6f6f6;
  position: relative;
  height: 51px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.search-group .sub-filter .sub-filter-layer .tool-group .button-group {
  padding: 10px 14px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .button-group::after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn.bold {
  font-weight: bold;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn:before {
  font-family: 'fontello';
  margin-right: 8px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn:disabled {
  opacity: 0.3;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-left {
  display: block;
  padding: 5px 10px 6px;
  float: left;
  font-size: 14px;
  background-color: #ffffff;
  color: #484848;
  border: 1px solid #cecfdc;
  border-radius: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-left:not(:last-child) {
  margin-right: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-absolute {
  display: block;
  position: absolute;
  top: 0;
  line-height: 51px;
  height: 51px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-save {
  display: block;
  padding: 5px 10px 6px;
  float: left;
  font-size: 14px;
  background-color: #ffffff;
  color: #484848;
  border: 1px solid #cecfdc;
  border-radius: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-save:not(:last-child) {
  margin-right: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .date-saved {
  padding-left: 10px;
  height: 31px;
  line-height: 31px;
  float: left;
  font-size: 14px;
  color: #484848;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .sub-filter .sub-filter-layer .tool-group .date-saved.bold {
  font-weight: bold;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-restore {
  display: block;
  padding: 5px 10px 6px;
  float: left;
  font-size: 14px;
  background-color: #ffffff;
  color: #484848;
  border: 1px solid #cecfdc;
  border-radius: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-restore:not(:last-child) {
  margin-right: 6px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-reset-all {
  display: block;
  position: absolute;
  top: 0;
  line-height: 51px;
  height: 51px;
  right: 57px;
  font-size: 14px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-reset-all:before {
  font-family: 'fontello';
  content: '\E820';
  font-size: 15px;
  margin-right: 3.5px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-close {
  display: block;
  position: absolute;
  top: 0;
  line-height: 51px;
  height: 51px;
  right: 0;
  width: 16px;
  padding: 0 15px;
}
.search-group .sub-filter .sub-filter-layer .tool-group .btn-close:before {
  font-family: 'fontello';
  font-size: 18px;
  content: '\E80F';
}
.search-group .sub-filter .sub-filter-layer .filter-group {
  background: #fff;
  padding: 5px 0;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap {
  margin-bottom: 27px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption {
  position: absolute;
  left: 30px;
  right: 31px;
  height: 20px;
  padding-bottom: 15px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li {
  position: absolute;
  font-size: 12px;
  text-align: center;
  width: 45px;
  margin-left: -22.5px;
  white-space: nowrap;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li:before {
  background-color: #e1e1e1;
  width: 1px;
  height: 5px;
  line-height: 1;
  content: '';
  position: relative;
  display: block;
  top: -5px;
  left: 50%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li:first-child {
  left: 0px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li:last-child {
  left: 100%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-1-3 {
  left: 33.3%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-2-3 {
  left: 66.6%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-1-2,
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-2-4,
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-4-8,
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-5 {
  left: 50%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-1-4,
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-2-8 {
  left: 25%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-3-4,
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-6-8 {
  left: 75%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-1-8 {
  left: 12.5%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-3-8 {
  left: 37.5%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-5-8 {
  left: 62.5%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-7-8 {
  left: 87.5%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-1 {
  left: 10%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-2 {
  left: 20%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-3 {
  left: 30%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-4 {
  left: 40%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-5-9 {
  left: 55%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-6 {
  left: 60%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-7 {
  left: 70%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-8 {
  left: 80%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption li.caption-item-9 {
  left: 90%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .slider-wrap .slider-caption a {
  display: block;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute {
  width: 100%;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .commute-container button {
  position: relative;
  padding-left: 15px;
  width: 100%;
  text-align: left;
  line-height: 51px;
  z-index: 2;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute {
  border-right: 0;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute p {
  padding: 8px 15px 6px;
  font-size: 14px;
  color: gray;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute .btn-view {
  position: relative;
  color: #F1F1F5;
  background-color: #666FD6;
  font-size: 16px;
  padding: 0 15px;
  line-height: 48px;
  text-align: center;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute .btn-view:after {
  display: none;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul {
  display: block;
  border-top: 0;
  margin-top: 3px;
  position: relative;
  top: 0;
  border-top: 1px solid #ececec;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  position: relative;
  line-height: 48px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li button {
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
  padding-left: 21px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li select {
  padding-left: 21px;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 16px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li .btn-reset {
  background-color: #ededed;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li .btn-reset:before {
  position: absolute;
  top: 0px;
  right: 13px;
  font-family: 'fontello';
  content: '\e820';
  background: none;
  color: gray;
}
.search-group .sub-filter .sub-filter-layer .filter-group .commute .select-commute ul li .btn-reset:after {
  display: none;
}
.search-group .sub-filter .sub-filter-layer .caption {
  white-space: normal;
  padding: 7px 20px;
  background-color: #333;
  line-height: 1.5;
  color: #aaa;
}
.search-group .sub-filter .sub-filter-layer .subfilter-toggle-group {
  text-align: center;
  padding: 7px 10px 7px 10px;
}
.search-group .sub-filter .sub-filter-layer .subfilter-toggle-group button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 50%;
}
.search-group .sub-filter .sub-filter-layer .subfilter-toggle-group button:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.search-group .sub-filter .sub-filter-layer .subfilter-toggle-group button:last-child {
  border-left: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-group .sub-filter .sub-filter-layer .subfilter-toggle-group button.on {
  background-color: #565eb6;
  color: #fff;
  border-bottom: 1px solid #4d49a9;
  border-right: 1px solid #4d49a9;
}
.search-group .keyword-group {
  position: relative;
  height: 58px;
  background-color: #4d55b2;
}
.search-group .keyword-group .btn-back {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 58px;
}
.search-group .keyword-group .btn-back span {
  position: absolute;
  left: 16px;
  top: 20px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .realtime-rank-placeholder {
  position: absolute;
  left: 52px;
  top: 0;
  width: 300px;
  height: 59px;
  line-height: 58px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
  overflow: hidden;
}
.search-group .keyword-group .realtime-rank-placeholder .rolling-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 45px;
  height: 59px;
}
.search-group .keyword-group .realtime-rank-placeholder .rolling-container.trans {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.search-group .keyword-group .realtime-rank-placeholder .rolling-container .rolling-item {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 59px;
  line-height: 59px;
}
.search-group .keyword-group .realtime-rank-placeholder .rolling-container .rolling-item .name {
  position: absolute;
  display: block;
  top: 0;
  left: 18px;
  right: 60px;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.search-group .keyword-group form {
  overflow: hidden;
}
.search-group .keyword-group .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 52px;
  padding-right: 74px;
  height: 58px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background-color: transparent;
}
.search-group .keyword-group .keyword::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
}
.search-group .keyword-group .keyword:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
}
.search-group .keyword-group .keyword::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
}
.search-group .keyword-group .keyword:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
}
.search-group .keyword-group .tool-group {
  position: absolute;
  top: 0;
  right: 0;
}
.search-group .keyword-group .btn-reset {
  position: absolute;
  top: 0;
  right: 0px;
  height: 58px;
  width: 45px;
  animation-duration: 0.35s;
  animation-name: slide;
  animation-iteration-count: finite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-name: slide;
  -webkit-animation-iteration-count: finite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.35s;
  -moz-animation-name: slide;
  -moz-animation-iteration-count: finite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.35s;
  -ms-animation-name: slide;
  -ms-animation-iteration-count: finite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes slide {
  from {
    right: 95px;
  }
  to {
    right: 0px;
  }
}
.search-group .keyword-group .btn-reset span {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -320px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .btn-search {
  position: relative;
  display: inline-block;
  height: 58px;
  width: 50px;
  line-height: 58px;
}
.search-group .keyword-group .btn-search span {
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -181px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .btn-search-focused {
  position: absolute;
  top: 0;
  right: 30px;
  height: 58px;
  width: 50px;
  animation-duration: 0.3s;
  animation-name: slideSearch;
  animation-iteration-count: finite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: slideSearch;
  -webkit-animation-iteration-count: finite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: slideSearch;
  -moz-animation-iteration-count: finite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.3s;
  -ms-animation-name: slideSearch;
  -ms-animation-iteration-count: finite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes slideSearch {
  from {
    right: 95px;
  }
  to {
    right: 30px;
  }
}
.search-group .keyword-group .btn-search-focused span {
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -181px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .btn-noti {
  position: relative;
  display: inline-block;
  height: 58px;
  width: 50px;
  line-height: 58px;
}
.search-group .keyword-group .btn-noti .noti-icon {
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 22px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -204px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .btn-noti .new-badge {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -18px;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -209px -147px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .btn-my {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 58px;
  line-height: 58px;
}
.search-group .keyword-group .btn-my .text {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -227px -91px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.search-group .keyword-group .dev-login-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  user-select: none;
  line-height: initial;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  color: #333;
  background: #fff;
  border: 1px solid #666;
  z-index: 99999;
  overflow: scroll;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer.bold {
  font-weight: bold;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .title {
  font-size: 12px;
  line-height: 29px;
  padding: 0 10px;
  color: #777;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .title .dev-close {
  position: absolute;
  top: 0;
  right: 10px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer.dev-real .caution {
  color: #fff;
  background: #fa4444;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group {
  box-sizing: border-box;
  margin-top: 20px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-group-name {
  margin: 0 0 10px 15px;
  font-size: 13px;
  font-weight: bold;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-content: flex-start;
  align-items: stretch;
  padding: 0 10px;
  overflow: scroll;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-list .account-item {
  position: relative;
  flex: 1 1 auto;
  box-sizing: border-box;
  margin: 5px;
  font-size: 13px;
  padding: 5px 10px 6px;
  cursor: pointer;
  background: #f3f4fc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-list .account-item .username {
  display: none;
  font-size: 12px;
  color: #999;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-list .account-item.logged-in {
  background: #4d55b2;
  font-weight: bold;
  color: #fff;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .account-list .account-item .delete {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  font-size: 12px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .btn-more-item {
  text-align: center;
  padding: 0 15px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-group .btn-more-item button {
  display: inline-block;
  padding: 5px 0 4px;
  background: #f3f4fc;
  width: 80%;
  font-size: 13px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-add-button {
  margin: 20px 10px 10px 10px;
  padding: 5px;
  box-sizing: border-box;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-add-button .desc {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 7px;
  padding: 6px 10px 5px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-add-button .desc::placeholder {
  color: #999;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-add-button .btn-add {
  box-sizing: border-box;
  width: 100%;
  padding: 7px 10px 8px;
  border: 1px solid #666;
  background: #666;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .account-add-button .btn-add.active {
  background: #5866d7;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer {
  position: relative;
  padding: 10px;
  text-align: left;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .user-id {
  display: inline-block;
  margin: 7px 5px;
  width: 100px;
  padding: 5px 10px 6px;
  border: 1px solid #999;
  font-size: 14px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .user-id.bold {
  font-weight: bold;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .user-id::placeholder {
  color: #999;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .btn-user-id {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px 6px;
  border: 1px solid #666;
  background: #666;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .btn-user-id.bold {
  font-weight: bold;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .account-change-button .btn-user-id.active {
  background: #5866d7;
}
.search-group .keyword-group .dev-login-helper .dev-login-helper-layer .footer .btn-logout {
  position: absolute;
  top: 20px;
  right: 15px;
  padding: 5px 10px;
  font-size: 13px;
  color: #333;
  background: #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.search-group .keyword-group .btn-partner {
  position: relative;
  display: inline-block;
  height: 58px;
  width: 51px;
}
.search-group .keyword-group .btn-partner:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px;
  content: 'P';
  font-weight: bold;
  font-family: 'arial';
  color: #fff;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-color: #673daf;
  text-align: center;
  line-height: 36px;
  -webkit-box-shadow: 1px 1px 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 0 0 0 rgba(0, 0, 0, 0.2);
}
.search-group .keyword-group .suggestion {
  position: absolute;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.search-group .keyword-group .suggestion .suggestion-block {
  border-top: 0.5px solid #ededed;
  margin-bottom: 7px;
}
.search-group .keyword-group .suggestion .suggestion-block .title-group {
  margin: 14px 0 6.5px;
  padding: 0 20px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .suggestion-block .title-group.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .suggestion-block .title-group:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.search-group .keyword-group .suggestion .suggestion-block .title {
  float: left;
  font-size: 13px;
  font-weight: 400;
  color: #808080;
}
.search-group .keyword-group .suggestion .suggestion-block .btn-hide {
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  transform: translateY(1px);
  outline: none;
}
.search-group .keyword-group .suggestion .suggestion-block .empty {
  padding: 33px 0 49px;
}
.search-group .keyword-group .suggestion .suggestion-block .empty .empty-text {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #808080;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .suggestion-block .empty .empty-text.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .search-result {
  padding: 5px 0;
}
.search-group .keyword-group .suggestion .search-result:not(:first-child) {
  border-top: 1px solid #ededed;
}
.search-group .keyword-group .suggestion .search-result li a {
  line-height: 44px;
}
.search-group .keyword-group .suggestion .suggestion-list:first-child {
  border: 0;
}
.search-group .keyword-group .suggestion .suggestion-list li a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 36px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .suggestion-list li a.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .suggestion-list li a .icon {
  padding-right: 7px;
  color: #aaa;
}
.search-group .keyword-group .suggestion .suggestion-list li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.search-group .keyword-group .suggestion .suggestion-list li a .aptType {
  margin-left: 5px;
}
.search-group .keyword-group .suggestion .delete-block {
  padding: 0 20px;
  line-height: 41px;
  background-color: #f2f2f2;
  font-size: 13px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .delete-block.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .delete-block::after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.search-group .keyword-group .suggestion .delete-block a {
  color: #777;
  display: block;
}
.search-group .keyword-group .suggestion .delete-block .btn-remove-history {
  float: left;
}
.search-group .keyword-group .suggestion .delete-block .btn-close {
  float: right;
}
.search-group .keyword-group .suggestion .address-list {
  padding: 5px 0;
}
.search-group .keyword-group .suggestion .address-list:first-child {
  border: 0;
}
.search-group .keyword-group .suggestion .address-list li a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 36px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .address-list li a.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .address-list li a .icon {
  padding-right: 7px;
  color: #aaa;
}
.search-group .keyword-group .suggestion .address-list li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.search-group .keyword-group .suggestion .address-list li a .aptType {
  margin-left: 5px;
}
.search-group .keyword-group .suggestion .address-list:not(:first-child) {
  border-top: 1px solid #ededed;
}
.search-group .keyword-group .suggestion .address-list li a {
  line-height: 44px;
}
.search-group .keyword-group .suggestion .apt-list-wrap {
  padding: 5px 0;
}
.search-group .keyword-group .suggestion .apt-list-wrap:first-child {
  border: 0;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 36px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a .icon {
  padding-right: 7px;
  color: #aaa;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a .aptType {
  margin-left: 5px;
}
.search-group .keyword-group .suggestion .apt-list-wrap:not(:first-child) {
  border-top: 1px solid #ededed;
}
.search-group .keyword-group .suggestion .apt-list-wrap li a {
  line-height: 44px;
}
.search-group .keyword-group .suggestion .apt-list .user-top + li:not(.user-top):before {
  content: '';
  display: block;
  margin: 5px 0;
  width: 100%;
  height: 1px;
  background-color: #ededed;
}
.search-group .keyword-group .suggestion .user-top-title {
  margin: 11px 0 5px;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #808080;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .user-top-title.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .history-list li,
.search-group .keyword-group .suggestion .history-apt-list li {
  position: relative;
}
.search-group .keyword-group .suggestion .history-list li a,
.search-group .keyword-group .suggestion .history-apt-list li a {
  padding-left: 20px;
}
.search-group .keyword-group .suggestion .history-list li a:before,
.search-group .keyword-group .suggestion .history-apt-list li a:before {
  position: absolute;
  left: 17px;
  top: 50%;
  margin-top: -8px;
  content: '';
}
.search-group .keyword-group .suggestion .history-list li .price,
.search-group .keyword-group .suggestion .history-apt-list li .price {
  margin-left: 5px;
  color: #4337de;
}
.search-group .keyword-group .suggestion .history-list li .condition,
.search-group .keyword-group .suggestion .history-apt-list li .condition {
  margin-left: 5px;
  color: gray;
}
.search-group .keyword-group .suggestion .realtime-top-visitors {
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.search-group .keyword-group .suggestion .realtime-top-visitors.bold {
  font-weight: bold;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode {
  position: relative;
  height: 52px;
  overflow: hidden;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .title {
  height: 52px;
  padding-left: 20px;
  line-height: 52px;
  font-size: 14px;
  color: #555;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 52px;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container.trans {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container .rolling-item {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 52px;
  line-height: 52px;
  color: #333;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container .rolling-item .rank {
  display: inline-block;
  width: 18px;
  font-weight: bold;
  text-align: left;
  color: #4337de;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container .rolling-item .name {
  position: absolute;
  display: block;
  top: 0;
  left: 18px;
  right: 60px;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .rolling-container .rolling-item .visitor {
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  text-align: right;
  font-weight: 300;
  color: #000;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .btn-more-list {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #666;
}
.search-group .keyword-group .suggestion .realtime-top-visitors .single-mode .btn-more-list:after {
  font-family: 'fontello';
  font-weight: 300;
  font-size: 13px;
  content: '\E80c';
  color: #666;
}
.search-group .keyword-group.partner .keyword {
  padding-right: 200px;
}
.search-group .keyword-group.partner .btn-search,
.search-group .keyword-group.partner .btn-noti,
.search-group .keyword-group.partner .btn-my {
  width: 45px;
}
.search-group .keyword-group.partner .btn-my {
  margin-right: 5px;
}
.search-group.map-tool-hidden-target .partner .keyword {
  padding-right: 74px;
}
/* 인증 */
.scene-auth #container {
  padding: 57px 0 65px;
  position: relative;
  min-height: 100%;
}
.scene-auth #container .cs-desc {
  padding: 20px 20px 0;
  display: block;
}
.scene-auth #container .cs-desc a {
  color: #4337de;
}
.scene-auth #container .top {
  text-align: center;
}
.scene-auth #container.noheader {
  padding-top: 0;
}
.scene-auth #header h2 {
  box-sizing: border-box;
  padding-left: 60px;
  padding-right: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-auth .btn_x,
.scene-my .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-auth .btn_x span,
.scene-my .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-auth .btn_x2,
.scene-my .btn_x2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-auth .btn_x2 span,
.scene-my .btn_x2 span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 2px;
}
.scene-auth .btn_cancel,
.scene-my .btn_cancel {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0px 20px;
  font-size: 17px;
  text-align: right;
  line-height: 59px;
  color: #000;
}
.scene-auth .btn-ok,
.scene-my .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 12px 20px 25px;
  height: 52px;
  line-height: 52px;
  background-color: #4337de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-auth .btn-ok.v2,
.scene-my .btn-ok.v2 {
  background: #9197a1;
}
.scene-auth .input,
.scene-my .input {
  display: block;
  box-sizing: border-box;
  margin: 7px 0 0;
  padding: 10px 22px;
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 50px;
  font-size: 15px;
}
.scene-auth .input::placeholder,
.scene-my .input::placeholder {
  font-weight: 300;
  color: #717485;
}
.scene-auth .input:focus,
.scene-my .input:focus {
  border: 1px solid #4337de;
}
.scene-auth .input.inline,
.scene-my .input.inline {
  display: inline;
}
.scene-auth .input.inline.year,
.scene-my .input.inline.year {
  margin-right: 7px;
  width: 80px;
}
.scene-auth .button-group,
.scene-my .button-group {
  display: inline;
  float: right;
}
.scene-auth .button-group .button,
.scene-my .button-group .button {
  position: relative;
  box-sizing: border-box;
  margin: 7px 0 0;
  padding: 10px 22px;
  width: 70px;
  border: 1px solid #e7e7e7;
  height: 50px;
  font-size: 15px;
  font-weight: 300;
  color: #717485;
}
.scene-auth .button-group .button:last-child,
.scene-my .button-group .button:last-child {
  margin-left: -1px;
}
.scene-auth .button-group .button.checked,
.scene-my .button-group .button.checked {
  border: 1px solid #4337de;
  z-index: 1;
  color: #4337de;
}
.scene-auth .button-group:after,
.scene-my .button-group:after {
  clear: both;
}
.scene-auth .login-icon,
.scene-my .login-icon {
  margin: 90px auto;
  text-align: center;
}
.scene-auth .login-icon .logo,
.scene-my .login-icon .logo {
  display: inline-block;
  overflow: hidden;
  width: 220px;
  height: 112px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0px -512px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auth .login-icon .logo-email,
.scene-my .login-icon .logo-email {
  display: inline-block;
  overflow: hidden;
  width: 106px;
  height: 88px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -107px -423px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auth .login-icon .logo-mobile,
.scene-my .login-icon .logo-mobile {
  display: inline-block;
  overflow: hidden;
  width: 106px;
  height: 88px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0px -423px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auth .login-icon .logo-facebook,
.scene-my .login-icon .logo-facebook {
  display: inline-block;
  overflow: hidden;
  width: 115px;
  height: 100px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -323px -423px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auth .login-icon .logo-kakao,
.scene-my .login-icon .logo-kakao {
  display: inline-block;
  overflow: hidden;
  width: 115px;
  height: 100px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -441px -423px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auth .join-mode,
.scene-my .join-mode {
  margin: 0 20px;
}
.scene-auth .join-mode .btn-mode,
.scene-my .join-mode .btn-mode {
  height: 50px;
  color: #9ea1ae;
  font-size: 15px;
  font-weight: 300;
  width: 50%;
  border: 0;
  border-bottom: 3px solid #e5e5e5;
}
.scene-auth .join-mode .btn-mode.active,
.scene-my .join-mode .btn-mode.active {
  color: #4d55b2;
  border-bottom: 3px solid #4d55b2;
  font-weight: bold;
}
.scene-auth input::-webkit-input-placeholder,
.scene-my input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-auth input:-moz-placeholder,
.scene-my input:-moz-placeholder {
  color: #aaa;
}
.scene-auth input::-moz-placeholder,
.scene-my input::-moz-placeholder {
  color: #aaa;
}
.scene-auth input:-ms-input-placeholder,
.scene-my input:-ms-input-placeholder {
  color: #aaa;
}
.scene-auth textarea::-webkit-input-placeholder,
.scene-my textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-auth textarea:-moz-placeholder,
.scene-my textarea:-moz-placeholder {
  color: #aaa;
}
.scene-auth textarea::-moz-placeholder,
.scene-my textarea::-moz-placeholder {
  color: #aaa;
}
.scene-auth textarea:-ms-input-placeholder,
.scene-my textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-auth .mobile-auth .txt,
.scene-my .mobile-auth .txt {
  padding: 23px 20px 0;
  background: #fff;
}
.scene-auth .mobile-auth .txt strong,
.scene-my .mobile-auth .txt strong {
  font-weight: normal;
  color: #4337de;
}
.scene-auth .mobile-auth .txt em,
.scene-my .mobile-auth .txt em {
  font-size: 17px;
}
.scene-auth .mobile-auth .txt a,
.scene-my .mobile-auth .txt a {
  color: #4337de;
  text-decoration: underline;
}
.scene-auth .mobile-auth .txt .s,
.scene-my .mobile-auth .txt .s {
  margin-top: 3px;
  font-size: 15px;
  line-height: 1.5;
}
.scene-auth .mobile-auth .input-group,
.scene-my .mobile-auth .input-group {
  position: relative;
  margin: 20px 20px 0;
}
.scene-auth .mobile-auth .code-group,
.scene-my .mobile-auth .code-group {
  margin: 0 20px;
}
.scene-auth .mobile-auth .code-group .btn-ok,
.scene-my .mobile-auth .code-group .btn-ok {
  margin: 10px 0;
}
.scene-auth .auth .txt,
.scene-my .auth .txt {
  position: relative;
  border-bottom: 0;
  padding: 60px 50px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -1.1px;
  text-align: center;
  color: #584de4;
}
.scene-auth .auth .txt .highlight,
.scene-my .auth .txt .highlight {
  font-weight: bold;
}
.scene-auth .auth .btn-login,
.scene-my .auth .btn-login {
  display: block;
  box-sizing: border-box;
  padding: 16px 22px;
  background-color: #4d55b2;
  width: 100%;
  height: 54px;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
}
.scene-auth .auth .btn-login.disabled,
.scene-my .auth .btn-login.disabled {
  background-color: #9197a1;
}
.scene-auth .auth .btn-find-password,
.scene-my .auth .btn-find-password {
  display: block;
  text-align: right;
  color: #717485;
  text-decoration: underline;
  line-height: 40px;
  font-size: 15px;
  font-weight: 300;
}
.scene-auth .auth .seperator,
.scene-my .auth .seperator {
  margin: 45px 20px 0px;
  display: block;
  position: relative;
  text-align: center;
  padding: 0 0 10px 0;
  color: #4d55b2;
  font-size: 15px;
  font-weight: bold;
}
.scene-auth .auth .seperator.first,
.scene-my .auth .seperator.first {
  padding-bottom: 0;
  font-size: 15px;
  color: #000;
}
.scene-auth .auth .seperator.first:before,
.scene-my .auth .seperator.first:before {
  margin-top: 2px;
}
.scene-auth .auth .seperator.first:after,
.scene-my .auth .seperator.first:after {
  margin-top: 2px;
}
.scene-auth .auth .seperator .highlight,
.scene-my .auth .seperator .highlight {
  font-weight: 700;
  color: #4337de;
}
.scene-auth .auth .seperator:after,
.scene-my .auth .seperator:after {
  position: absolute;
  width: 100%;
  height: 3px;
  top: 100%;
  margin-top: 5px;
  left: 0;
  background-color: #4d55b2;
  content: '';
}
.scene-auth .auth .hogangnono-login,
.scene-my .auth .hogangnono-login {
  position: relative;
  margin: 30px 20px 30px 20px;
  display: block;
}
.scene-auth .auth .hogangnono-login .btn-login,
.scene-my .auth .hogangnono-login .btn-login {
  margin: 10px 0;
}
.scene-auth .auth .hogangnono-login .other-group,
.scene-my .auth .hogangnono-login .other-group {
  position: relative;
  margin-top: 18px;
  text-align: center;
  font-size: 15px;
}
.scene-auth .auth .hogangnono-login .other-group .btn-find-password,
.scene-my .auth .hogangnono-login .other-group .btn-find-password {
  display: inline-block;
  line-height: 1.1;
  border-bottom: 1px solid #555;
  color: #555;
}
.scene-auth .auth .hogangnono-login .other-group:after,
.scene-my .auth .hogangnono-login .other-group:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-auth .auth .btn-email,
.scene-my .auth .btn-email {
  text-align: center;
  display: block;
  margin-top: 40px;
  font-size: 17px;
  font-weight: 300;
  color: #333;
}
.scene-auth .auth .btn-email .highlight,
.scene-my .auth .btn-email .highlight {
  color: #4337de;
}
.scene-auth .join,
.scene-my .join {
  background-color: #fff;
  /* 부동산 가입 */
}
.scene-auth .join .btn-find-password,
.scene-my .join .btn-find-password {
  display: inline-block;
  text-align: right;
  width: 50%;
}
.scene-auth .join .btn-find-password a,
.scene-my .join .btn-find-password a {
  display: block;
  color: #717485;
  text-decoration: underline;
  line-height: 50px;
  font-size: 15px;
  font-weight: 300;
}
.scene-auth .join .btn-join,
.scene-my .join .btn-join {
  display: inline-block;
  text-align: left;
  width: 50%;
}
.scene-auth .join .btn-join a,
.scene-my .join .btn-join a {
  display: block;
  color: #717485;
  text-decoration: underline;
  line-height: 50px;
  font-size: 15px;
  font-weight: 300;
}
.scene-auth .join .txt,
.scene-my .join .txt {
  color: #717485;
  font-size: 15px;
  font-weight: 300;
  padding: 0 28px 18px;
  background: #fff;
}
.scene-auth .join .txt strong,
.scene-my .join .txt strong {
  font-weight: normal;
  color: #4337de;
}
.scene-auth .join .txt em,
.scene-my .join .txt em {
  font-size: 17px;
}
.scene-auth .join .txt a,
.scene-my .join .txt a {
  color: #4337de;
  text-decoration: underline;
}
.scene-auth .join .txt .s,
.scene-my .join .txt .s {
  margin-top: 3px;
  font-size: 14px;
}
.scene-auth .join .txt.right,
.scene-my .join .txt.right {
  text-align: right;
}
.scene-auth .join .txt.right a,
.scene-my .join .txt.right a {
  color: #717485;
}
.scene-auth .join .txt.intro-id,
.scene-my .join .txt.intro-id {
  padding-top: 10px;
  font-size: 16px;
}
.scene-auth .join .txt.intro-id .id,
.scene-my .join .txt.intro-id .id {
  color: #4337de;
  font-weight: 700;
}
.scene-auth .join .greeting,
.scene-my .join .greeting {
  height: 235px;
  padding: 50px 0 30px 0;
  position: relative;
}
.scene-auth .join .greeting .hi,
.scene-my .join .greeting .hi {
  display: inline-block;
  width: 100%;
  margin-top: 82.5px;
  font-size: 40px;
  font-weight: 400;
  color: #4d55b2;
  text-align: center;
}
.scene-auth .join .greeting .hi .say,
.scene-my .join .greeting .hi .say {
  font-size: 16px;
  color: #4d55b2;
}
.scene-auth .join .greeting:before,
.scene-my .join .greeting:before {
  background-image: url("https://static.hogangnono.com/img/bg/bg-img-deco.png");
  background-size: 272px 235px;
  width: 272px;
  height: 235px;
  margin-left: -136px;
  display: inline-block;
  position: absolute;
  left: 50%;
  content: '';
}
.scene-auth .join .info,
.scene-my .join .info {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.47;
  text-align: center;
  color: #717485;
}
.scene-auth .join .info .bold,
.scene-my .join .info .bold {
  font-weight: normal;
  color: #000000;
}
.scene-auth .join .input-group,
.scene-my .join .input-group {
  margin: 15px 20px;
}
.scene-auth .join .input-group .apt-search-input .keyword,
.scene-my .join .input-group .apt-search-input .keyword {
  color: #717485;
  font-weight: 300;
}
.scene-auth .join .input-group .apt-search-input.selected .keyword,
.scene-my .join .input-group .apt-search-input.selected .keyword {
  border: 1px solid #4337de;
}
.scene-auth .join .input-group .highlight,
.scene-my .join .input-group .highlight {
  margin-left: 5px;
  color: #4d55b2;
}
.scene-auth .join .select-group,
.scene-my .join .select-group {
  position: relative;
  margin: 7px 7px 0px 0px;
  display: inline-block;
  border: 1px solid #e7e7e7;
}
.scene-auth .join .select-group button,
.scene-my .join .select-group button {
  position: relative;
  z-index: 2;
  font-size: 15px;
  font-weight: 300;
  height: 48px;
  line-height: 48px;
  padding-right: 43px;
  padding-left: 20px;
  color: #717485;
}
.scene-auth .join .select-group.selected,
.scene-my .join .select-group.selected {
  border: 1px solid #4337de;
}
.scene-auth .join .select-group:after,
.scene-my .join .select-group:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -4px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-auth .join .agreement,
.scene-my .join .agreement {
  margin: 30px 20px 0;
}
.scene-auth .join .agreement .agree-all,
.scene-my .join .agreement .agree-all {
  padding: 0 0 0 8px;
}
.scene-auth .join .agreement .box,
.scene-my .join .agreement .box {
  padding: 8px 15px;
  border: 1px solid #e7e7e7;
}
.scene-auth .join .agreement .checkbox-container,
.scene-my .join .agreement .checkbox-container {
  line-height: 40px;
}
.scene-auth .join .agreement .checkbox-container label,
.scene-my .join .agreement .checkbox-container label {
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
}
.scene-auth .join .agreement .checkbox-container label .highlight,
.scene-my .join .agreement .checkbox-container label .highlight {
  margin-left: 5px;
  color: #4d55b2;
}
.scene-auth .join .btn-view-agreement,
.scene-my .join .btn-view-agreement {
  height: 44px;
  line-height: 44px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  color: #000;
  text-decoration: underline;
  text-align: right;
  display: block;
}
.scene-auth .join.agent .intro,
.scene-my .join.agent .intro {
  padding: 25px 20px 0;
  line-height: 1.5;
}
.scene-auth .join.agent .intro strong,
.scene-my .join.agent .intro strong {
  color: #4337de;
  font-weight: 400;
}
.scene-auth .join.agent .desc,
.scene-my .join.agent .desc {
  margin: 10px 0 0;
  line-height: 1.5;
  color: #777;
}
.scene-auth .join.agent .desc strong,
.scene-my .join.agent .desc strong {
  font-weight: normal;
  color: #4337de;
}
.scene-auth .join.agent h4,
.scene-my .join.agent h4 {
  display: block;
  padding-top: 20px;
}
.scene-auth .join.agent h4 .opt,
.scene-my .join.agent h4 .opt {
  font-weight: normal;
  padding-left: 3px;
  color: #777;
}
.scene-auth .join.agent .file-input-btn,
.scene-my .join.agent .file-input-btn {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-top: 12px;
  height: 52px;
  line-height: 52px;
  background-color: #3a3a3a;
  position: relative;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
}
.scene-auth .join.agent .file-input-btn span,
.scene-my .join.agent .file-input-btn span {
  padding-left: 25px;
}
.scene-auth .join.agent .file-input-btn span:before,
.scene-my .join.agent .file-input-btn span:before {
  position: absolute;
  left: 15px;
  font-family: 'fontello';
  margin-right: 6px;
  content: '\E827';
  color: #ccc;
}
.scene-auth .join.agent .agreement,
.scene-my .join.agent .agreement {
  display: block;
  box-sizing: border-box;
  margin: 7px 0 0;
  padding: 10px 22px;
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 50px;
  font-size: 15px;
  height: 200px;
  padding: 15px;
  overflow-y: auto;
}
.scene-auth .join.agent .agreement::placeholder,
.scene-my .join.agent .agreement::placeholder {
  font-weight: 300;
  color: #717485;
}
.scene-auth .join.agent .agreement:focus,
.scene-my .join.agent .agreement:focus {
  border: 1px solid #4337de;
}
.scene-auth .join.agent .agreement.inline,
.scene-my .join.agent .agreement.inline {
  display: inline;
}
.scene-auth .join.agent .agreement.inline.year,
.scene-my .join.agent .agreement.inline.year {
  margin-right: 7px;
  width: 80px;
}
.scene-auth .join.agent .agreement .text,
.scene-my .join.agent .agreement .text {
  font-size: 13px;
}
.scene-auth .join.agent .agreement .text h3,
.scene-my .join.agent .agreement .text h3 {
  font-size: 13px;
  margin: 10px 0;
}
.scene-auth .join.agent .agreement .text h5,
.scene-my .join.agent .agreement .text h5 {
  margin: 10px 0;
  font-weight: bold;
  font-size: 13px;
}
.scene-auth .join.agent .agreement .text ol,
.scene-my .join.agent .agreement .text ol {
  margin: 0 15px;
}
.scene-auth .join.agent .agreement .text ol li,
.scene-my .join.agent .agreement .text ol li {
  margin: 10px 0;
  list-style-type: decimal;
}
.scene-auth .join.agent .agreement .text ul,
.scene-my .join.agent .agreement .text ul {
  margin: 0 15px;
}
.scene-auth .join.agent .agreement .text ul li,
.scene-my .join.agent .agreement .text ul li {
  margin: 10px 0;
  list-style-type: disc;
}
.scene-auth .join.agent .btn-agree,
.scene-my .join.agent .btn-agree {
  display: block;
  line-height: 36px;
  height: 36px;
  margin: 15px 0;
  vertical-align: middle;
}
.scene-auth .join.agent .btn-agree:before,
.scene-my .join.agent .btn-agree:before {
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  display: inline-block;
  line-height: 36px;
  margin-right: 6px;
  content: '';
}
.scene-auth .join.agent .btn-agree.agree:before,
.scene-my .join.agent .btn-agree.agree:before {
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  line-height: 36px;
  vertical-align: middle;
}
.scene-auth .join.agent input[type=checkbox],
.scene-my .join.agent input[type=checkbox] {
  -webkit-appearance: checkbox;
}
.scene-auth .join.agent label,
.scene-my .join.agent label {
  display: inline-block;
  padding: 10px 0 0 8px;
}
.scene-auth .join.agent .select,
.scene-my .join.agent .select {
  position: relative;
}
.scene-auth .join.agent .select:before,
.scene-my .join.agent .select:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -4px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-auth .join.agent .tel,
.scene-my .join.agent .tel {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 28%;
  border: 1px solid #C8C6E6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 44px;
}
.scene-auth .join.agent .dash,
.scene-my .join.agent .dash {
  margin: 0 5px;
  color: gray;
}
.scene-auth .join.agent .img-group .preview,
.scene-my .join.agent .img-group .preview {
  position: relative;
}
.scene-auth .join.agent .img-group .preview canvas,
.scene-my .join.agent .img-group .preview canvas {
  width: 100%;
}
.scene-auth .join.agent .img-group .preview .btn-del,
.scene-my .join.agent .img-group .preview .btn-del {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 15px;
}
.scene-auth .join.agent .img-group .preview .btn-del span::before,
.scene-my .join.agent .img-group .preview .btn-del span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 25%;
  right: 22%;
  width: 55%;
  height: 55%;
  background-color: #fff;
}
.scene-auth .address-input-container,
.scene-my .address-input-container {
  position: relative;
}
.scene-auth .address-input-container .keyword,
.scene-my .address-input-container .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 51px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-auth .address-input-container .keyword input::-webkit-input-placeholder,
.scene-my .address-input-container .keyword input::-webkit-input-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword input:-moz-placeholder,
.scene-my .address-input-container .keyword input:-moz-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword input::-moz-placeholder,
.scene-my .address-input-container .keyword input::-moz-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword input:-ms-input-placeholder,
.scene-my .address-input-container .keyword input:-ms-input-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword textarea::-webkit-input-placeholder,
.scene-my .address-input-container .keyword textarea::-webkit-input-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword textarea:-moz-placeholder,
.scene-my .address-input-container .keyword textarea:-moz-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword textarea::-moz-placeholder,
.scene-my .address-input-container .keyword textarea::-moz-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .keyword textarea:-ms-input-placeholder,
.scene-my .address-input-container .keyword textarea:-ms-input-placeholder {
  color: #adadad;
}
.scene-auth .address-input-container .suggestion,
.scene-my .address-input-container .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.scene-auth .address-input-container .suggestion ul,
.scene-my .address-input-container .suggestion ul {
  padding: 6px 0;
}
.scene-auth .address-input-container .suggestion ul li,
.scene-my .address-input-container .suggestion ul li {
  position: relative;
}
.scene-auth .address-input-container .suggestion ul li.selected,
.scene-my .address-input-container .suggestion ul li.selected {
  background-color: #fafafa;
}
.scene-auth .address-input-container .suggestion ul li a,
.scene-my .address-input-container .suggestion ul li a {
  display: block;
  line-height: 52px;
  padding: 0 20px;
  font-size: 15px;
}
.scene-auth .address-input-container .suggestion ul li a:hover,
.scene-my .address-input-container .suggestion ul li a:hover {
  background-color: #fafafa;
}
.scene-auth .address-input-container .suggestion ul li a .highlight,
.scene-my .address-input-container .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.scene-auth .address-input-container .btn-reset,
.scene-my .address-input-container .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 15px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.verify-login-with-app {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.verify-login-with-app.bold {
  font-weight: bold;
}
.verify-login-with-app #header {
  border-bottom: 0;
}
.verify-login-with-app #container {
  padding: 56px 24px 50px 24px;
  background-color: #fff;
}
.verify-login-with-app .notice {
  margin-top: 16px;
  line-height: 32px;
  font-size: 20px;
  color: #484848;
  font-weight: bold;
}
.verify-login-with-app .notice.sub {
  margin-top: 10px;
  line-height: 22px;
  font-size: 16px;
  color: #7f7e92;
  font-weight: normal;
}
.verify-login-with-app .notice.time {
  margin-top: 30px;
  line-height: 22px;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}
.verify-login-with-app .description {
  font-size: 16px;
}
.verify-login-with-app .input-group {
  box-sizing: border-box;
  position: relative;
  border-bottom: 2px solid #dadada;
  width: 230px;
  height: 76px;
  margin: auto;
  margin-top: 92px;
}
.verify-login-with-app .input-group.filled {
  border-color: #584de4;
}
.verify-login-with-app .input-group .code-input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 0;
  left: 20px;
  width: 205px;
  height: 76px;
  font-size: 35px;
  font-weight: bold;
  color: #584de4;
  letter-spacing: 12.5px;
  border: none;
  background: transparent;
  caret-color: #dadada;
}
.verify-login-with-app .input-group .code-input.bold {
  font-weight: bold;
}
.verify-login-with-app .input-group .code-input.placeholder {
  font-size: 55px;
  font-weight: 300;
  color: #dadada;
}
.verify-login-with-app .input-group .code-input .placeholder {
  width: 27px;
  float: left;
  margin: 15px 3px 0;
}
.verify-login-with-app .btn-login {
  height: 60px;
}
.verify-login-with-app .btn-login.disabled {
  color: #dadada;
  background-color: #f0f0f0;
}
.terms {
  margin: 0 auto;
  line-height: 1.5;
  margin-left: 25px;
  margin-right: 25px;
}
.terms > h2 {
  margin-top: 35px;
  font-size: 21px;
  line-height: 21px;
  font-weight: 600;
}
.terms > ul {
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
}
.terms > ul > li {
  margin-top: 19px;
  font-size: 15px;
  padding-left: 10px;
  position: relative;
}
.terms > ul > li ol {
  margin-top: 10px;
  color: gray;
}
.terms .basic li.item:before {
  position: absolute;
  left: -5px;
  content: '∙';
}
.terms > p {
  margin-top: 19px;
  font-size: 14px;
}
.terms > ol {
  font-size: 14px;
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
}
.terms > ol > li {
  margin-top: 35px;
}
.terms > ol > li > h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 11px;
}
.terms > ol > li > div p {
  margin: 0;
  display: block;
}
.terms > ol > li > div > ol.list-with-title {
  margin-left: 10px;
}
.terms > ol > li > div > ol.list-with-title > li {
  margin-top: 27px;
}
.terms > ol > li > div > ol.list-with-title > li > h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
.terms > ol > li > div > ol > li {
  margin-bottom: 7px;
}
.terms > ol > li > div > ol > li:last-child {
  margin-bottom: 0;
}
.terms > ol > li > div > ol > li > ol,
.terms > ol > li > div > ol > li > ul {
  margin-left: 16px;
  margin-top: 4px;
}
.terms > ol > li > div > ol > li > ol > li,
.terms > ol > li > div > ol > li > ul > li {
  margin-bottom: 3px;
}
.terms > ol > li > div > ol > li > ol > li:last-child,
.terms > ol > li > div > ol > li > ul > li:last-child {
  margin-bottom: 0;
}
.terms > ol:last-child {
  margin-bottom: 35px;
  padding-bottom: 0;
  border-bottom: 0;
}
.scene-term {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-term.bold {
  font-weight: bold;
}
.scene-term #header {
  border: 0;
}
.scene-term #header .btn-prev {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 19px 20px 20px 24px;
  box-sizing: border-box;
  height: 57px;
}
.scene-term #header .btn-prev span {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-term #header .btn-next {
  padding-right: 24px;
}
.scene-term #header .title {
  display: block;
  position: relative;
  height: 60px;
}
.scene-term .terms {
  margin-top: 80px;
}
.scene-term .sub-title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px;
}
.scene-review {
  background: #eeeff0;
  height: 100%;
}
.scene-review #header {
  position: fixed;
  width: 100%;
  height: 58px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}
.scene-review #header h2 {
  display: block;
  color: #000;
  font-size: 19px;
  font-weight: normal;
  line-height: 61px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-review #header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-review #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-review #header .btn-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-review #header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
}
.scene-review #header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-review #container {
  padding: 57px 0 16px 0;
}
.scene-review #container .top {
  text-align: center;
}
.scene-review .btn-write {
  display: block;
  margin: 16px 16px 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  background-color: #5963d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.scene-review .btn-write[disabled],
.scene-review .btn-write.disabled {
  background-color: #bbc1c7;
}
.scene-review .review-intro {
  height: 100%;
  background-color: #fff;
}
.scene-review .review-intro h3 {
  padding: 30px 25px 0;
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -1px;
}
.scene-review .review-intro blockquote {
  padding: 20px 25px 0;
}
.scene-review .review-intro blockquote p {
  line-height: 1.4;
  color: #777;
  font-size: 16px;
  font-weight: 200;
}
.scene-review .review-intro .text {
  padding: 18px 25px 0;
  line-height: 1.4;
  font-size: 16px;
}
.scene-review .review-intro .search-group {
  margin-top: 20px;
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
}
.scene-review .review-intro .search-group .search-input {
  display: block;
  position: relative;
  border: 1px solid #CCC;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  font-size: 19px;
  padding: 0 55px 0 25px;
  color: #000;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-review .review-intro .search-group:after {
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-review .review-intro input::-webkit-input-placeholder {
  color: gray;
}
.scene-review .review-intro input:-moz-placeholder {
  color: gray;
}
.scene-review .review-intro input::-moz-placeholder {
  color: gray;
}
.scene-review .review-intro input:-ms-input-placeholder {
  color: gray;
}
.scene-review .review-intro textarea::-webkit-input-placeholder {
  color: gray;
}
.scene-review .review-intro textarea:-moz-placeholder {
  color: gray;
}
.scene-review .review-intro textarea::-moz-placeholder {
  color: gray;
}
.scene-review .review-intro textarea:-ms-input-placeholder {
  color: gray;
}
.scene-review .review-intro .btn-write {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 58px;
  line-height: 58px;
}
.scene-review .review-post .content-container {
  background-color: #FFF;
}
.scene-review .review-post .content-container .comment {
  box-sizing: border-box;
  margin-top: 0px;
  width: 100%;
  padding: 16px;
  line-height: 1.4;
  height: 176px;
  font-size: 16px;
  background-color: #fff;
  border: 0;
  resize: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-review .review-post .content-container input::-webkit-input-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container input:-moz-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container input::-moz-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container input:-ms-input-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container textarea::-webkit-input-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container textarea:-moz-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container textarea::-moz-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container textarea:-ms-input-placeholder {
  color: #c1c1c1;
}
.scene-review .review-post .content-container.poi-content-container {
  margin-bottom: 10px;
}
.scene-review .review-post .name-container {
  position: relative;
}
.scene-review .review-post .name-container .name {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 120px 0 16px;
  height: 52px;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}
.scene-review .review-post .name-container .caption {
  position: absolute;
  top: 0px;
  right: 16px;
  display: block;
  font-size: 16px;
  font-weight: 200;
  color: #999;
  line-height: 53px;
}
.scene-review .review-post .btn-hint {
  display: block;
  padding: 0px 25px;
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  color: #000;
}
.scene-review .review-post .btn-hint:after {
  color: #aaa;
  font-family: fontello;
  content: '\E810';
  margin-left: 6px;
}
.scene-review .review-post .hint {
  display: none;
  position: absolute;
  background-color: #fff;
  font-size: 14px;
  top: 133px;
  left: 25px;
  right: 25px;
  padding: 18px;
  border: 1px solid #999;
}
.scene-review .review-post .hint p {
  margin-top: 12px;
}
.scene-review .review-post .hint table {
  width: 100%;
}
.scene-review .review-post .hint td {
  font-size: 12px;
  width: 33%;
  padding: 7px 0;
  color: gray;
}
.scene-review .review-post .hint td:before {
  content: '- ';
}
.scene-review .review-post .btn-write {
  margin-top: 0px;
}
.scene-review .review-post .btn-write.disabled {
  background-color: #bbc1c7;
}
.scene-review .review-complete h3 {
  padding: 30px 25px 0;
  font-size: 40px;
  font-weight: 100;
  letter-spacing: -1px;
}
.scene-review .review-complete .text {
  padding: 18px 25px 0;
  line-height: 1.4;
  font-size: 16px;
}
.scene-review .review-complete a {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin: 10px 25px 0;
  padding: 0 12px;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  background-color: #bbc1c7;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.scene-review .review-complete a:last-child {
  background-color: #6067f5;
}
.scene-review .review-complete a.btn-write-review-more {
  margin-top: 25px;
}
.scene-claim {
  background: #eeeff0;
  height: 100%;
}
.scene-claim #header {
  position: fixed;
  width: 100%;
  height: 58px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}
.scene-claim #header h2 {
  display: block;
  color: #000;
  font-size: 19px;
  font-weight: normal;
  line-height: 61px;
  text-align: center;
  margin: 0 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-claim #header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-claim #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-claim #header .btn-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-claim #container {
  padding: 73px 16px 16px;
  background: #FFF;
}
.scene-claim #container .top {
  text-align: center;
}
.scene-claim #container .section {
  margin-bottom: 15px;
}
.scene-claim #container .review-summary-container {
  font-size: 16px;
}
.scene-claim #container .review-summary-container .name {
  font-weight: 600;
}
.scene-claim #container .review-summary-container .hash {
  color: #aaa;
}
.scene-claim #container .review-summary-container .type {
  color: #4337DE;
}
.scene-claim #container .select-reason-container {
  padding: 15px;
  border: solid 1px #e7e7e7;
}
.scene-claim #container .select-reason-container li {
  margin-bottom: 10px;
}
.scene-claim #container .select-reason-container li:last-child {
  margin-bottom: 0;
}
.scene-claim #container .write-reason-container .content-container {
  height: 100px;
  padding-bottom: 0px;
  margin: 0 0 10px;
  border: 1px solid #eaebed;
  padding: 10px;
}
.scene-claim #container .write-reason-container .content-container input::-webkit-input-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container input:-moz-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container input::-moz-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container input:-ms-input-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container textarea::-webkit-input-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container textarea:-moz-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container textarea::-moz-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container textarea:-ms-input-placeholder {
  color: #c1c1c1;
}
.scene-claim #container .write-reason-container .content-container .content {
  width: 100%;
  height: 100%;
  line-height: 1.4;
  font-size: 16px;
  border: 0;
  resize: none;
}
.scene-claim #container .write-reason-container .info {
  background-color: #f2f2f2;
  border: 1px solid #eaebed;
  padding: 15px;
  line-height: 1.5;
}
.scene-claim #container .info {
  font-size: 14px;
  color: #555555;
}
.scene-claim #container .btn-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.scene-claim #container .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -83px -53px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-claim #container .privacy .btn-privacy {
  font-size: 14px;
}
.scene-claim #container .privacy .btn-privacy span {
  color: #4337de;
  text-decoration: underline;
}
.scene-claim .btn-container {
  padding: 16px 15px;
  position: relative;
}
.scene-claim .btn-container .btn-write {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  background-color: #6067f5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.scene-claim .btn-container .btn-write[disabled],
.scene-claim .btn-container .btn-write.disabled {
  background-color: #bbc1c7;
}
.scene-claim .btn-container.step-write {
  padding-left: 103px;
}
.scene-claim .btn-container .btn-prev {
  position: absolute;
  left: 15px;
  width: 80px;
  background-color: #bbc1c8;
  color: #FFF;
}
.scene-apt .review {
  background-color: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt .review.bold {
  font-weight: bold;
}
.scene-apt .review .btn-more {
  display: block;
  line-height: 52px;
  width: 100%;
  height: 52px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.scene-apt .review .btn-more:after {
  font-size: 15px;
  font-family: 'fontello';
  content: '\E80C';
  margin-left: 6px;
}
.scene-apt .review .loading {
  position: relative;
  height: 52px;
}
.scene-apt .review .review-image-scroll-view-container {
  margin-top: 10px;
}
.scene-apt .review .review-image-scroll-view-container .notice {
  margin: 0 10px;
  display: block;
  padding: 20px 8px 17px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
}
.scene-apt .review .review-image-scroll-view-container .notice span {
  position: relative;
  top: 0;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -86px -262px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
}
.scene-apt .review .review-list {
  padding: 20px 0;
}
.scene-apt .review .review-list.empty {
  padding: 20px 0;
}
.scene-apt .review .btn-more-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-apt .review .empty-text {
  display: block;
  padding: 28px 20px 22px;
  color: #484848;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.scene-apt .review .btn-write-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-apt .review .btn-write-review:before {
  position: relative;
  top: 50%;
  margin-top: -11px;
  margin-right: 6px;
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-goodnews .review {
  background-color: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-goodnews .review.bold {
  font-weight: bold;
}
.scene-goodnews .review .btn-more {
  display: block;
  line-height: 52px;
  width: 100%;
  height: 52px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.scene-goodnews .review .btn-more:after {
  font-size: 15px;
  font-family: 'fontello';
  content: '\E80C';
  margin-left: 6px;
}
.scene-goodnews .review .loading {
  position: relative;
  height: 52px;
}
.scene-goodnews .review .review-image-scroll-view-container {
  margin-top: 10px;
}
.scene-goodnews .review .review-image-scroll-view-container .notice {
  margin: 0 10px;
  display: block;
  padding: 20px 8px 17px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
}
.scene-goodnews .review .review-image-scroll-view-container .notice span {
  position: relative;
  top: 0;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -86px -262px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
}
.scene-goodnews .review .review-list {
  padding: 20px 0;
}
.scene-goodnews .review .review-list.empty {
  padding: 20px 0;
}
.scene-goodnews .review .btn-more-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-goodnews .review .empty-text {
  display: block;
  padding: 28px 20px 22px;
  color: #484848;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.scene-goodnews .review .btn-write-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-goodnews .review .btn-write-review:before {
  position: relative;
  top: 50%;
  margin-top: -11px;
  margin-right: 6px;
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-poi .review {
  background-color: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-poi .review.bold {
  font-weight: bold;
}
.scene-poi .review .btn-more {
  display: block;
  line-height: 52px;
  width: 100%;
  height: 52px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.scene-poi .review .btn-more:after {
  font-size: 15px;
  font-family: 'fontello';
  content: '\E80C';
  margin-left: 6px;
}
.scene-poi .review .loading {
  position: relative;
  height: 52px;
}
.scene-poi .review .review-image-scroll-view-container {
  margin-top: 10px;
}
.scene-poi .review .review-image-scroll-view-container .notice {
  margin: 0 10px;
  display: block;
  padding: 20px 8px 17px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
}
.scene-poi .review .review-image-scroll-view-container .notice span {
  position: relative;
  top: 0;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -86px -262px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
}
.scene-poi .review .review-list {
  padding: 20px 0;
}
.scene-poi .review .review-list.empty {
  padding: 20px 0;
}
.scene-poi .review .btn-more-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-poi .review .empty-text {
  display: block;
  padding: 28px 20px 22px;
  color: #484848;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.scene-poi .review .btn-write-review {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #584de4;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.scene-poi .review .btn-write-review:before {
  position: relative;
  top: 50%;
  margin-top: -11px;
  margin-right: 6px;
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-poi-sub-review #container {
  padding-top: 58px;
}
.scene-apt-select {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt-select.bold {
  font-weight: bold;
}
.scene-apt-select #header.search-header {
  width: 100%;
  position: fixed;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  height: 56px;
}
.scene-apt-select #header.search-header .btn {
  position: relative;
  top: 1px;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  color: #484848;
}
.scene-apt-select #header.search-header .prev-btn {
  position: relative;
  top: 1px;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  color: #484848;
  left: 0;
  padding: 0 15px 0 24px;
}
.scene-apt-select #header.search-header .inp_sch {
  display: block;
  position: relative;
}
.scene-apt-select #header.search-header .inp_sch input::-webkit-input-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch input:-moz-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch input::-moz-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch input:-ms-input-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch textarea::-webkit-input-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch textarea:-moz-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch textarea::-moz-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch textarea:-ms-input-placeholder {
  color: #adadad;
}
.scene-apt-select #header.search-header .inp_sch input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-weight: bold;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  padding: 0 91px 0 61px;
  font-size: 17px;
  color: #484848;
}
.scene-apt-select #header.search-header .inp_sch input.bold {
  font-weight: bold;
}
.scene-apt-select #header.search-header .inp_sch .btn-reset {
  position: relative;
  top: 1px;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  color: #484848;
  right: 61px;
  padding: 16px 0px 18px 10px;
}
.scene-apt-select #header.search-header .inp_sch.v2 input {
  padding-right: 90px;
}
.scene-apt-select #header.search-header .search-tag {
  position: relative;
  top: 1px;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  color: #484848;
  right: 0;
  padding: 0 24px 0 15px;
}
.scene-apt-select .search-suggestion-container#container {
  padding: 56px 0 10px;
}
.scene-apt-select .search-suggestion-container .title {
  padding: 20px 24px 8px 24px;
  font-size: 16px;
  line-height: 1.33;
  color: #484848;
}
.scene-apt-select .search-suggestion-container > ul {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.scene-apt-select .search-suggestion-container .closest-apt-container .title:last-of-type {
  border-top: 0.5px solid rgba(0, 0, 0, 0.1);
}
.scene-apt-select .search-suggestion-container .closest-apt-container.empty {
  padding: 40px 0;
}
.scene-apt-select .search-suggestion-container .closest-apt-container.empty p {
  text-align: center;
  font-size: 16px;
  color: #7f7e92;
  padding-top: 10px;
}
.scene-apt-select .search-suggestion-container .closest-apt-container .loading {
  padding-top: 40px;
  text-align: center;
  font-size: 16px;
  color: #7f7e92;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item {
  position: relative;
  padding: 16px 24px;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item:last-child {
  padding-bottom: 20px;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item .name {
  font-size: 17px;
  width: 80%;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item .name.empty {
  width: 100%;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item .name .highlight {
  color: #584de4;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item .address {
  margin-top: 2px;
  font-size: 15px;
  color: #7f7e92;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-apt-select .search-suggestion-container .suggestion-apt-item .dist {
  position: absolute;
  color: #484848;
  top: 20px;
  right: 24px;
  font-size: 14px;
}
.scene-apt-select .search-button {
  display: block;
  text-align: center;
  padding-top: 50px;
  color: #584de4;
}
.scene-apt-select .apt-add-button {
  position: fixed;
  bottom: 0;
}
/* 인증 */
.scene-my {
  background-color: #f8f8f9;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-my.bold {
  font-weight: bold;
}
.scene-my #container {
  padding-top: 56px;
}
.scene-my #container .top {
  text-align: center;
}
.scene-my #container.withtab {
  padding: 56px 0 0;
}
.scene-my #container.subscription {
  padding-top: 118px;
}
.scene-my #container.no-padding {
  padding-top: 0px;
}
.scene-my #header {
  border-bottom: 0;
}
.scene-my #header .setting {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -147px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-my #header .tab {
  width: 100%;
  position: absolute;
  background: white;
  margin-top: 0;
  background-color: #4d55b2;
  font-size: 17px;
}
.scene-my #header .tab ul {
  height: 52px;
  display: table;
  width: 100%;
}
.scene-my #header .tab ul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 25%;
  border-bottom: 3px solid #4d55b2;
}
.scene-my #header .tab ul li a {
  display: block;
  line-height: 49px;
  padding-top: 3px;
  font-weight: 300;
  color: #fff;
  opacity: 0.5;
}
.scene-my #header .tab ul li a span:before {
  font-size: 15px;
}
.scene-my #header .tab ul li:last-child {
  border-right: 0;
}
.scene-my #header .tab ul li.selected {
  border-bottom: 3px solid #fff;
}
.scene-my #header .tab ul li.selected a {
  color: #fff;
  font-weight: 500;
  opacity: 1;
}
.scene-my .btn {
  display: block;
  box-sizing: border-box;
  margin: 12px 0;
  height: 52px;
  line-height: 56px;
  background-color: #4337de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-my .btn.v2 {
  background: #9197a1;
}
.scene-my .my .logged-in .safe-notification .icon.icon-help-circled {
  display: inline-block;
  margin-left: 5px;
  color: #ccc;
}
.scene-my .my .logged-in .safe-notification .sub-info-container {
  padding: 10px 10px 0px 20px;
  height: 40px;
}
.scene-my .my .logged-in .safe-notification .sub-info-container .count-info {
  font-size: 14px;
  color: #555555;
  line-height: 40px;
}
.scene-my .my .logged-in .safe-notification .sub-info-container .select-container {
  display: inline-block;
  position: absolute;
  right: 10px;
  background: #FFF;
  border: solid 1px #d8d8d8;
  z-index: 30;
  cursor: pointer;
}
.scene-my .my .logged-in .safe-notification .sub-info-container .select-container > button {
  position: relative;
  top: 2px;
  color: #555555;
  line-height: 36px;
  padding: 0 10px;
}
.scene-my .my .logged-in .safe-notification .sub-info-container .select-container > button:after {
  margin-left: 5px;
  font-family: 'fontello';
  content: '\E80C';
  font-size: 12px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container {
  position: relative;
  padding: 0;
  background-color: #fff;
  margin: 10px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container {
  position: relative;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container .title {
  font-size: 17px;
  padding: 0;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container .title:after {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 20px;
  font-family: 'fontello';
  content: '\e806';
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul {
  margin-top: 18px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info {
  position: relative;
  margin-bottom: 5px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info .card-summary-container {
  position: relative;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info .card-summary-container .card-title {
  line-height: 52px;
  font-size: 17px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info .card-summary-container .card-value {
  position: absolute;
  right: 0px;
  font-size: 18px;
  line-height: 52px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info .card-summary-container .card-value.loan {
  color: red;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info:last-child {
  margin-bottom: 0;
  margin-top: 10px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .summary-info-container ul .card-info:last-child .card-value {
  font-size: 20px;
  font-weight: 700;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info {
  position: relative;
  padding: 25px 15px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-summary-container {
  position: relative;
  height: 35px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-summary-container .card-title {
  position: absolute;
  top: 0px;
  font-size: 17px;
  font-weight: 500;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-summary-container .card-value {
  position: absolute;
  top: -3px;
  right: 0px;
  font-size: 24px;
  font-weight: 300;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container {
  position: relative;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div {
  position: relative;
  margin-top: 10px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div:first-child {
  margin-top: 15px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div .apt {
  display: inline-block;
  font-size: 16px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div .apt span {
  display: block;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div .apt span.dongho {
  margin-top: 2px;
  font-size: 15px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div .value {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 50%;
  text-align: right;
  font-size: 16px;
  line-height: 1.2;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info .card-detail-info-container > div .value .title {
  padding: 0;
  font-size: 12px;
  color: #888888;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info:first-child {
  border-bottom: dashed 1.5px #e7e7e7;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info:last-child {
  border: solid 1px #4337de;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .detail-info-container .card-info:last-child .card-value {
  font-weight: 500;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .sub-title {
  font-size: 14px;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .danger {
  color: #fb3535;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .primary {
  color: #4337de;
}
.scene-my .my .logged-in .safe-notification .total-summary-container .total-summary-info .sub {
  color: #888888;
}
.scene-my .my .logged-in .safe-notification .total-summary-container.fold {
  padding: 20px 20px 10px 20px;
  border: 1px solid #4337de;
  cursor: pointer;
}
.scene-my .my .logged-in .safe-notification .apt-card .card-title {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  background-color: #fff;
}
.scene-my .my .logged-in .safe-notification .apt-card .card-title:first-child {
  margin-top: 0;
  border-top: 0;
}
.scene-my .my .logged-in .btn-more {
  display: block;
  line-height: 52px;
  height: 52px;
  background-color: #eaebed;
  color: #777;
  text-align: center;
}
.scene-my .my .logged-in .loading {
  position: relative;
  background-color: #eaebed;
  height: 52px;
}
.scene-my .my .logged-out {
  margin: 30px 25px 0;
}
.scene-my .card {
  padding: 20px 24px 10px;
  background-color: #fff;
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-my .card.bold {
  font-weight: bold;
}
.scene-my .card h5 {
  font-size: 15px;
  color: #484848;
  font-weight: normal;
  padding-bottom: 10px;
}
.scene-my .card.no-title {
  padding-top: 10px;
}
.scene-my .card .item {
  display: block;
  line-height: 52px;
  height: 52px;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
}
.scene-my .card .info-item {
  position: relative;
  display: block;
  line-height: 52px;
  min-height: 52px;
  font-size: 16px;
  color: #7f7e92;
}
.scene-my .card .info-item h5 {
  font-size: 16px;
  font-weight: normal;
}
.scene-my .card .info-item .right {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 52px;
  color: #7f7e92;
  line-height: 52px;
  font-size: 16px;
}
.scene-my .my .me {
  background-color: #fff;
  display: block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
}
.scene-my .my .me a {
  display: block;
}
.scene-my .my .me .image-wrap {
  display: inline-block;
  margin: 0 0 0 24px;
}
.scene-my .my .me .profile-image {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
  border-radius: 27px;
}
.scene-my .my .me .profile-image.scroll-down {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-my .my .me .name-wrap {
  position: absolute;
  left: 102px;
  top: 16px;
}
.scene-my .my .me .name-wrap.empty {
  top: 17px;
}
.scene-my .my .me .name-wrap .username {
  display: inline-block;
  vertical-align: middle;
  max-width: 215px;
  font-size: 20px;
  font-weight: bold;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-my .my .me .name-wrap .username .id {
  font-weight: bold;
}
.scene-my .my .me .name-wrap .username .status {
  font-size: 14px;
  color: #aaa;
}
.scene-my .my .me .name-wrap .email {
  display: block;
  padding-top: 5px;
  font-size: 14px;
  color: #484848;
}
.scene-my .favorite-region {
  background-color: #fff;
}
.scene-my .favorite-region .txt {
  padding: 10px 24px;
  word-break: keep-all;
  line-height: 1.5;
}
.scene-my .favorite-region .txt strong {
  font-weight: normal;
  color: #4337de;
}
.scene-my .favorite-region .txt em {
  font-size: 17px;
}
.scene-my .favorite-region .txt a {
  color: #4337de;
  text-decoration: underline;
}
.scene-my .favorite-region .txt .s {
  margin-top: 3px;
  font-size: 14px;
}
.scene-my .favorite-region .txt.intro-id {
  padding-top: 10px;
}
.scene-my .favorite-region .txt.intro-id .id {
  color: #4337de;
  font-weight: 700;
}
.scene-my .favorite-region .input-group {
  padding: 10px 24px 20px;
}
.scene-my .favorite-region .input-group .checkbox {
  position: relative;
  display: inline-block;
  width: 50%;
}
.scene-my .favorite-region .input-group .checkbox .blind {
  width: 0;
  height: 0;
}
.scene-my .favorite-region .input-group .checkbox label {
  line-height: 45px;
  cursor: pointer;
  margin-top: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
}
.scene-my .favorite-region .input-group .checkbox label:before {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 10px;
  content: '';
}
.scene-my .favorite-region .input-group .checkbox label span {
  vertical-align: middle;
}
.scene-my .favorite-region .input-group .checkbox.checked label {
  cursor: pointer;
  font-weight: bold;
}
.scene-my .favorite-region .input-group .checkbox.checked label:before {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: relative;
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 10px;
  border: 0;
  content: '';
}
.my-setting .section {
  display: block;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 20px;
}
.my-setting .section .title {
  font-size: 16px;
}
.my-setting .section.toggle {
  padding: 0;
}
.my-setting .section.toggle .title {
  padding-left: 20px;
  display: inline;
  line-height: 60px;
}
.my-setting .section.toggle .date {
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.my-setting .section.toggle .toggle-container {
  float: right;
  padding: 0 20px;
  line-height: 60px;
}
.my-setting .section.toggle .toggle-container:after {
  clear: both;
}
.my-safe-detail #header {
  border-bottom: 1px solid #e7e7e7;
}
.scene-trade {
  width: 100%;
  background-color: #fff;
}
.scene-trade .btn_close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.scene-trade .btn_close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -83px -53px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-trade #container.add-trade {
  padding: 57px 0 0;
  position: relative;
}
.scene-trade #container.add-trade .title {
  padding: 30px 20px 10px;
  font-size: 36px;
  font-weight: 100;
}
.scene-trade #container.add-trade .title .highlight {
  color: #4337de;
  font-weight: 300;
}
.scene-trade #container.add-trade .loading {
  position: relaitve;
  height: 100%;
}
.scene-trade #container.add-trade .description {
  line-height: 1.3;
  font-size: 18px;
  padding: 10px 20px 20px;
}
.scene-trade #container.add-trade.trade-list {
  padding-top: 102px;
}
.scene-trade #container.add-trade.trade-list .btn-more {
  position: relative;
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.scene-trade #container.add-trade.trade-list .btn-more:after {
  position: relative;
  z-index: 1;
  top: 50%;
  margin-top: -3px;
  left: 7px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-trade #container.add-trade .top {
  text-align: center;
}
.scene-trade #container.add-trade .intro {
  padding: 25px 20px 0px;
  line-height: 1.5;
}
.scene-trade #container.add-trade .intro strong {
  color: #4337de;
  font-weight: 400;
}
.scene-trade #container.add-trade .price-form-container {
  position: relative;
}
.scene-trade #container.add-trade .input-group {
  position: relative;
  margin: 0 20px;
}
.scene-trade #container.add-trade .input-group .btn-select {
  display: block;
  margin: 10px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: 300;
}
.scene-trade #container.add-trade .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-trade #container.add-trade .input-group h4 {
  padding-top: 20px;
}
.scene-trade #container.add-trade .input-group h4 .opt {
  font-weight: normal;
  padding-left: 5px;
  color: #777;
}
.scene-trade #container.add-trade .input-group .priceText {
  position: absolute;
  top: 62px;
  right: 15px;
  color: #584de4;
}
.scene-trade #container.add-trade .input-group .priceText.warning {
  color: #fc541b;
  line-height: 20px;
}
.scene-trade #container.add-trade .input-group .priceText.warning .mark {
  background-color: #fc541b;
  color: #fff;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 3px 8px;
  line-height: 19px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.scene-trade #container.add-trade .input-group .txt {
  margin: 10px 0;
  color: #888;
}
.scene-trade #container.add-trade .input-group .inline-select-box {
  margin-top: 5px;
}
.scene-trade #container.add-trade .input-group .btn-direct {
  font-size: 15px;
  text-decoration: underline;
  color: #666;
  margin-left: 5px;
}
.scene-trade #container.add-trade .input-group .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-trade #container.add-trade .input-group .input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-trade #container.add-trade .input-group .input.direct {
  display: inline-block;
  width: 200px;
  margin-right: 6px;
}
.scene-trade #container.add-trade .input-group .desc {
  margin: 10px 0;
  line-height: 1.5;
  color: #777;
}
.scene-trade #container.add-trade .input-group .desc strong {
  font-weight: normal;
  color: #4337de;
}
.scene-trade #container.add-trade .input-group .select-cont {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-trade #container.add-trade .input-group .select-cont.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-trade #container.add-trade .input-group .select-cont.direct {
  display: inline-block;
  width: 200px;
  margin-right: 6px;
}
.scene-trade #container.add-trade .input-group .select-cont .select {
  z-index: 2;
  font-size: 17px;
  display: block;
  width: 100%;
  height: 42px;
}
.scene-trade #container.add-trade .input-group .select-cont .select.disabled {
  color: gray;
}
.scene-trade #container.add-trade .input-group .select-cont:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-trade #container.add-trade .input-group .search-group {
  position: relative;
  display: block;
}
.scene-trade #container.add-trade .input-group .search-group .search-input {
  text-align: left;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 45px;
}
.scene-trade #container.add-trade .input-group .search-group .search-input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-trade #container.add-trade .input-group .search-group .search-input.direct {
  display: inline-block;
  width: 200px;
  margin-right: 6px;
}
.scene-trade #container.add-trade .input-group .search-group:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-trade #container.add-trade .input-group .mobile {
  position: relative;
}
.scene-trade #container.add-trade .input-group textarea.input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  resize: none;
  height: 120px;
}
.scene-trade #container.add-trade .input-group textarea.input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-trade #container.add-trade .input-group textarea.input.direct {
  display: inline-block;
  width: 200px;
  margin-right: 6px;
}
.scene-trade #container.add-trade .input-group .file-input-btn {
  display: block;
  box-sizing: border-box;
  margin-top: 12px;
  width: 100%;
  height: 52px;
  line-height: 52px;
  background-color: #3a3a3a;
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-trade #container.add-trade .input-group .file-input-btn span {
  padding-left: 25px;
}
.scene-trade #container.add-trade .input-group .file-input-btn span:before {
  position: absolute;
  left: 15px;
  font-family: 'fontello';
  margin-right: 6px;
  content: '\E827';
  color: #ccc;
}
.scene-trade #container.add-trade .input-group .type-select-group button {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 34%;
  border: 1px solid #CCC;
  border-right: 0;
  height: 44px;
}
.scene-trade #container.add-trade .input-group .type-select-group button:first-child {
  width: 33%;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.scene-trade #container.add-trade .input-group .type-select-group button:last-child {
  width: 33%;
  border-right: 1px solid #CCC;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.scene-trade #container.add-trade .input-group .type-select-group button.selected {
  color: #F3F3F3;
  background-color: #373E96;
}
.scene-trade #container.add-trade .input-group .price-btn-group {
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #ccc;
  border-top: 0;
}
.scene-trade #container.add-trade .input-group .price-btn-group button {
  display: table-cell;
  box-sizing: border-box;
  width: 33%;
  height: 43px;
  border-right: 1px solid #ccc;
}
.scene-trade #container.add-trade .input-group .price-btn-group button:last-child {
  border-right: 0;
}
.scene-trade #container.add-trade .input-group .priceText {
  text-align: right;
}
.scene-trade #container.add-trade .input-group .help-tail {
  padding: 10px 0;
  font-size: 14px;
  color: #999;
}
.scene-trade #container.add-trade .input-group .help-tail:before {
  margin-right: 5px;
  font-family: fontello;
  content: '\E822';
}
.scene-trade #container.add-trade .seperator {
  margin: 14px 25px 0px;
  display: block;
  position: relative;
  text-align: center;
  padding: 10px 0;
  color: #c1c1c1;
  font-size: 14px;
}
.scene-trade #container.add-trade .seperator.first {
  padding-bottom: 0;
  font-size: 15px;
  color: #000;
}
.scene-trade #container.add-trade .seperator.first:before {
  margin-top: 2px;
}
.scene-trade #container.add-trade .seperator.first:after {
  margin-top: 2px;
}
.scene-trade #container.add-trade .seperator .highlight {
  font-weight: 700;
  color: #4337de;
}
.scene-trade #container.add-trade .seperator:before {
  position: absolute;
  width: 45px;
  height: 1px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background-color: #efefef;
  content: '';
}
.scene-trade #container.add-trade .seperator:after {
  position: absolute;
  width: 45px;
  height: 1px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background-color: #efefef;
  content: '';
  left: auto;
  right: 0;
}
.scene-trade #container.add-trade .card {
  background-color: #fff;
  position: relative;
}
.scene-trade #container.add-trade .card .section {
  padding: 0 20px;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  background-color: #efefef;
}
.scene-trade #container.add-trade .card .section:before {
  color: #999;
  padding-right: 6px;
  font-family: 'fontello';
  content: '\e80B';
  font-size: 12px;
}
.scene-trade #container.add-trade .card .empty {
  padding: 50px 12px;
  text-align: center;
  color: gray;
}
.scene-trade .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-trade .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-trade .btn_x2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-trade .btn_x2 span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 2px;
}
.scene-trade .btn_cancel {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0px 20px;
  font-size: 17px;
  text-align: right;
  line-height: 59px;
  color: #000;
}
.scene-trade .btn-auth {
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
  height: 52px;
  line-height: 56px;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-trade .btn-auth[disabled] {
  background: #9197a1;
}
.scene-trade .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-trade .btn-ok.v2 {
  background: #9197a1;
}
.scene-trade .btn-ok[disabled] {
  background: #9197a1;
}
.scene-trade .add-trade-item-btn {
  display: block;
  position: fixed;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  bottom: 13px;
  right: 13px;
  color: #fff;
  border: 1px solid #cecece;
  border-bottom: 1px solid #c0c0c0;
  border-top: 1px solid #e9e9e9;
  background-color: #5963D9;
  padding: 0 13px;
}
.scene-trade input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-trade input:-moz-placeholder {
  color: #aaa;
}
.scene-trade input::-moz-placeholder {
  color: #aaa;
}
.scene-trade input:-ms-input-placeholder {
  color: #aaa;
}
.scene-trade textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-trade textarea:-moz-placeholder {
  color: #aaa;
}
.scene-trade textarea::-moz-placeholder {
  color: #aaa;
}
.scene-trade textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-owner-trade {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  background-color: #fff;
}
.scene-owner-trade.bold {
  font-weight: bold;
}
.scene-owner-trade .option-layer-owner-trade {
  background-color: #FFF;
}
.scene-owner-trade .option-layer-owner-trade p {
  height: 58px;
  line-height: 59px;
  font-weight: bold;
  font-size: 16px;
  padding: 0 25px;
}
.scene-owner-trade .option-layer-owner-trade .list-container > a {
  padding: 0 25px;
  display: block;
  height: 52px;
  line-height: 52px;
}
.scene-owner-trade .btn_close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.scene-owner-trade .btn_close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -83px -53px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-owner-trade .btn-next {
  font-size: 17px;
}
.scene-owner-trade .text {
  display: block;
  margin-top: 16px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.scene-owner-trade .text.dark {
  color: #444;
  position: relative;
}
.scene-owner-trade .text.dark .icon.icon-help-circled {
  display: inline-block;
  margin-left: 5px;
  color: #ccc;
  font-size: 14px;
}
.scene-owner-trade .text.sub {
  font-size: 14px;
  color: #484848;
  opacity: 0.7;
}
.scene-owner-trade .add-trade {
  position: relative;
  padding: 59px 0 0 0;
}
.scene-owner-trade .add-trade .owner-trade-terms {
  padding: 20px 24px 30px 24px;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #484848;
}
.scene-owner-trade .add-trade .owner-trade-terms a {
  text-decoration: underline;
}
.scene-owner-trade .add-trade .owner-trade-form {
  padding: 30px 0;
}
.scene-owner-trade .add-trade .owner-trade-form .arrow-sprite {
  display: inline-block;
  overflow: hidden;
  width: 51px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -474px -337px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-owner-trade .add-trade .owner-trade-form .finger-sprite {
  display: inline-block;
  overflow: hidden;
  width: 46px;
  height: 64px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -474px -355px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-owner-trade .add-trade .loading {
  position: relative;
  height: calc(100vh - 56px);
}
.scene-owner-trade .add-trade .progress {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  height: 3px;
  background: #f2f2f2;
  margin: 0;
  z-index: 1;
}
.scene-owner-trade .add-trade .progress .bar {
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #584de4;
  opacity: 0.8;
}
.scene-owner-trade .add-trade .input-group {
  position: relative;
  padding: 0 24px;
  color: #484848;
}
.scene-owner-trade .add-trade .input-group .bargain-price {
  margin-top: 3px;
}
.scene-owner-trade .add-trade .input-group.photos {
  position: relative;
  padding-right: 0;
}
.scene-owner-trade .add-trade .input-group.photos .upload-helper {
  position: absolute;
  top: 2px;
  right: 24px;
  font-size: 14px;
  color: #7f7e92;
}
.scene-owner-trade .add-trade .input-group.photos h4 {
  margin: 0;
}
.scene-owner-trade .add-trade .input-group h4 {
  position: relative;
  margin-top: 30px;
  font-size: 16px;
  font-weight: normal;
}
.scene-owner-trade .add-trade .input-group h4 .optional {
  font-weight: normal;
  padding-left: 5px;
  color: #777;
}
.scene-owner-trade .add-trade .input-group h4 .btn-direct {
  position: absolute;
  right: 7px;
  top: 4px;
  font-size: 14px;
  color: #7f7e92;
  text-decoration: underline;
}
.scene-owner-trade .add-trade .input-group h4.select-trade-time {
  height: 28px;
  line-height: 27px;
}
.scene-owner-trade .add-trade .input-group h4.select-trade-time .no-option {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #7f7e92;
}
.scene-owner-trade .add-trade .input-group h4 .required {
  font-size: 14px;
  color: #fc541b;
}
.scene-owner-trade .add-trade .input-group h4.trade-top {
  margin-top: 0;
}
.scene-owner-trade .add-trade .input-group .feature-area {
  overflow: auto;
  margin-top: 13px;
  background-color: #ffffff;
}
.scene-owner-trade .add-trade .input-group .feature-area li {
  float: left;
  height: 42px;
  line-height: 1.4;
  margin: 0px 6px 8px 0px;
  background-color: #ffffff;
}
.scene-owner-trade .add-trade .input-group .feature-area li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 9px 10px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  border: solid 1px #cecfdc;
  border-radius: 6px;
}
.scene-owner-trade .add-trade .input-group .feature-area li a.selected {
  border: solid 1px #584de4;
  color: #584de4;
}
.scene-owner-trade .add-trade .input-group .inline-select-box {
  margin-top: 5px;
}
.scene-owner-trade .add-trade .input-group .inline-select-box-item.checked {
  background-color: #584de4;
}
.scene-owner-trade .add-trade .input-group .input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  box-sizing: border-box;
  margin: 13px 0 0;
  padding: 0 15px 1px 15px;
  width: 100%;
  border: solid 1px #cecfdc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  height: 50px;
  line-height: 51px;
}
.scene-owner-trade .add-trade .input-group .input.bold {
  font-weight: bold;
}
.scene-owner-trade .add-trade .input-group .input:focus {
  border: 1px solid #584de4;
  border-radius: 6px;
}
.scene-owner-trade .add-trade .input-group .input::placeholder {
  color: #dadada;
}
.scene-owner-trade .add-trade .input-group .input[disabled] {
  opacity: 0.4;
  background-color: #f0f0f0;
  color: #484848;
}
.scene-owner-trade .add-trade .input-group .input.price {
  height: 50px;
  padding: 0px 16px 0px 16px;
  margin-top: 14px;
}
.scene-owner-trade .add-trade .input-group .input.direct {
  display: inline-block;
  width: 200px;
  margin-right: 6px;
}
.scene-owner-trade .add-trade .input-group .input.center {
  text-align: center;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-group {
  display: flex;
  flex-wrap: nowrap;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-group.float-right {
  float: right;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-group .half {
  display: inline-block;
  margin-right: 12px;
  width: 50%;
  box-sizing: border-box;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-group .float-right {
  float: right;
  margin-right: 0;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-inner-text {
  position: relative;
  margin-top: 14px;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-inner-text input {
  margin-top: 0px;
  padding-right: 35px;
}
.scene-owner-trade .add-trade .input-group .input-wrapper-inner-text .preview-text {
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 16px;
  color: #7f7e92;
}
.scene-owner-trade .add-trade .input-group .select-cont-group {
  display: flex;
  flex-wrap: nowrap;
}
.scene-owner-trade .add-trade .input-group .select-cont-group .half {
  display: inline-block;
  margin-right: 12px;
  width: 50%;
  box-sizing: border-box;
}
.scene-owner-trade .add-trade .input-group .select-cont-group .float-right {
  float: right;
  margin-right: 0;
}
.scene-owner-trade .add-trade .input-group .select-cont {
  margin: 14px 0 0;
}
.scene-owner-trade .add-trade .input-group .direction-select-box {
  margin-top: 14px;
}
.scene-owner-trade .add-trade .input-group .direction-select-box .direction-select-box-item {
  display: inline-block;
  height: 42px;
  margin: 0px 6px 8px 0px;
  padding: 9px 12.5px 11px 12.5px;
  line-height: 1.4;
  box-sizing: border-box;
  font-size: 16px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: solid 1px #cecfdc;
  background-color: #ffffff;
}
.scene-owner-trade .add-trade .input-group .direction-select-box .direction-select-box-item.checked {
  border: solid 1px #584de4;
  color: #584de4;
}
.scene-owner-trade .add-trade .input-group .mobile {
  position: relative;
  margin-top: 14px;
}
.scene-owner-trade .add-trade .input-group .mobile .btn-auth {
  margin-top: 15px;
  margin-bottom: 20px;
  border: 0;
}
.scene-owner-trade .add-trade .input-group .mobile .btn-auth[disabled] {
  opacity: 0.4;
}
.scene-owner-trade .add-trade .input-group .mobile .help-tail {
  padding: 10px 0;
  font-size: 14px;
  color: #999;
}
.scene-owner-trade .add-trade .input-group .btn-auth {
  height: 50px;
  line-height: 51px;
  font-size: 17px;
  margin-top: 15px;
  margin-bottom: 20px;
  border: 0;
}
.scene-owner-trade .add-trade .input-group .btn-auth.v2 {
  margin-top: 15px;
  margin-bottom: 20px;
  border: 0;
}
.scene-owner-trade .add-trade .input-group .mobile-info {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
.scene-owner-trade .add-trade .input-group .mobile-info.complete {
  color: #584de4;
}
.scene-owner-trade .add-trade .input-group .check-info {
  font-size: 14px;
  color: #a3a3a3;
}
.scene-owner-trade .add-trade .input-group .type-select-group {
  margin-top: 14px;
  display: flex;
  flex-wrap: nowrap;
}
.scene-owner-trade .add-trade .input-group .type-select-group button {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 6px;
  width: 33.3%;
  height: 50px;
  line-height: 48px;
  font-size: 17px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #f3f4fc;
  background-color: #f3f4fc;
  color: #584de4;
}
.scene-owner-trade .add-trade .input-group .type-select-group button.selected {
  color: #ffffff;
  background-color: #584de4;
}
.scene-owner-trade .add-trade .input-group .type-select-group button:last-of-type {
  margin-right: 0;
}
.scene-owner-trade .add-trade .input-group .type-select-group.tenant > button {
  width: 48%;
}
.scene-owner-trade .add-trade .input-group button,
.scene-owner-trade .add-trade .input-group textarea {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-owner-trade .add-trade .input-group button.bold,
.scene-owner-trade .add-trade .input-group textarea.bold {
  font-weight: bold;
}
.scene-owner-trade .add-trade .input-group .comment {
  box-sizing: border-box;
  margin-top: 14px;
  width: 100%;
  padding: 16px;
  line-height: 1.4;
  height: 160px;
  font-size: 16px;
  background-color: #fff;
  border: 0;
  resize: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: solid 1px #cecfdc;
}
.scene-owner-trade .add-trade .input-group .comment:focus {
  border: 1px solid #584de4;
  border-radius: 6px;
}
.scene-owner-trade .add-trade .input-group .comment::placeholder {
  color: #dadada;
}
.scene-owner-trade .add-trade .input-group .description {
  margin-top: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #a3a3a3;
}
.scene-owner-trade .add-trade .input-group .description-helper {
  float: right;
  font-size: 14px;
  color: #7f7e92;
}
.scene-owner-trade .add-trade .input-group .description-helper.warning {
  color: #584de4;
}
.scene-owner-trade .add-trade .input-group input[type="checkbox"] {
  top: 1px;
}
.scene-owner-trade .add-trade .input-group .agree-wrap {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 20px;
  border-bottom: solid 0.5px #e5e5e5;
}
.scene-owner-trade .add-trade .input-group .agree-wrap.wrap-top {
  padding-top: 0;
  margin-top: 25px;
}
.scene-owner-trade .add-trade .input-group .agree-wrap.wrap-bottom {
  padding-bottom: 0;
  border-bottom: 0;
}
.scene-owner-trade .add-trade .input-group .agree-wrap .agree-text {
  margin: 10px 0px 0px 0px;
  padding-left: 28px;
  font-size: 15px;
  color: #7f7e92;
}
.scene-owner-trade .add-trade .input-group .agree-wrap .agree-text .strong {
  color: #fc541b;
}
.scene-owner-trade .add-trade .input-group .agree-wrap .show-terms {
  position: relative;
  height: 40px;
}
.scene-owner-trade .add-trade .input-group .agree-wrap .show-terms .link {
  position: absolute;
  top: -2px;
  left: 26px;
  font-size: 14px;
  text-decoration: underline;
  color: #484848;
  opacity: 0.5;
}
.scene-owner-trade .add-trade .input-group .checkbox-terms-agree {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
}
.scene-owner-trade .add-trade .input-group .checkbox-terms-agree.privacy {
  margin-bottom: 0;
}
.scene-owner-trade .add-trade .input-group .checkbox-terms-agree .required-area {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 16px;
}
.scene-owner-trade .add-trade .input-group .checkbox-terms-agree .required-area .required {
  position: absolute;
  top: -6px;
  left: 3px;
  font-size: 14px;
  color: #fc541b;
}
.scene-owner-trade .add-trade .input-group .btn-area {
  width: 100%;
  margin-top: 20px;
  font-size: 17px;
}
.scene-owner-trade .add-trade .input-group .btn-area .btn {
  display: block;
  width: 100%;
  height: 50px;
  margin: 10px 0;
  padding: 10px 0;
  line-height: 27px;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #584de4;
  color: #ffffff;
  text-align: center;
}
.scene-owner-trade .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-owner-trade .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-owner-trade .btn-remove,
.scene-owner-trade .btn-modify,
.scene-owner-trade .btn-call,
.scene-owner-trade .btn-select,
.scene-owner-trade .btn-ok,
.scene-owner-trade .btn-reject {
  position: fixed;
  display: block;
  height: 50px;
  line-height: 51px;
  font-weight: 500;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0;
}
.scene-owner-trade .btn-remove {
  left: 0;
  bottom: 0;
  width: 30%;
  background-color: #7872E3;
}
.scene-owner-trade .btn-modify {
  right: 0;
  bottom: 0;
  width: 70%;
  background-color: #584de4;
}
.scene-owner-trade .btn-call {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #584de4;
}
.scene-owner-trade .btn-call.half {
  width: 50%;
}
.scene-owner-trade .btn-select {
  left: 50%;
  width: 50%;
  bottom: 0;
  background-color: #fff;
  color: #7872E3;
  border: 1px solid #7872E3;
  box-sizing: border-box;
}
.scene-owner-trade .btn-select:after {
  margin-left: 5px;
  font-family: 'fontello';
  content: '\E80C';
  font-size: 12px;
  color: #7872E3;
}
.scene-owner-trade .btn_x2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-owner-trade .btn_x2 span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 2px;
}
.scene-owner-trade .btn_cancel {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0px 20px;
  font-size: 17px;
  text-align: right;
  line-height: 59px;
  color: #000;
}
.scene-owner-trade .btn-auth,
.scene-owner-trade .btn-change {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0 0;
  height: 42px;
  line-height: 42px;
  background-color: #584de4;
  color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-owner-trade .btn-auth[disabled],
.scene-owner-trade .btn-change[disabled] {
  background-color: #f0f0f0;
  color: #484848;
}
.scene-owner-trade .btn-ok {
  color: #F3F3F3;
  background-color: #584de4;
}
.scene-owner-trade .btn-reject {
  background-color: #7f7e92;
  color: #F3F3F3;
  box-sizing: border-box;
  line-height: 47px;
}
.scene-owner-trade .btn-reject.active {
  background-color: #584de4;
}
.scene-owner-trade .add-trade-item-btn {
  display: block;
  position: fixed;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  bottom: 13px;
  right: 13px;
  color: #fff;
  border: 1px solid #cecece;
  border-bottom: 1px solid #c0c0c0;
  border-top: 1px solid #e9e9e9;
  background-color: #5963D9;
  padding: 0 13px;
}
.scene-owner-trade input::-webkit-input-placeholder {
  color: #dadada;
}
.scene-owner-trade input:-moz-placeholder {
  color: #dadada;
}
.scene-owner-trade input::-moz-placeholder {
  color: #dadada;
}
.scene-owner-trade input:-ms-input-placeholder {
  color: #dadada;
}
.scene-owner-trade textarea::-webkit-input-placeholder {
  color: #dadada;
}
.scene-owner-trade textarea:-moz-placeholder {
  color: #dadada;
}
.scene-owner-trade textarea::-moz-placeholder {
  color: #dadada;
}
.scene-owner-trade textarea:-ms-input-placeholder {
  color: #dadada;
}
.myhouse-card-list {
  background: #f8f8f9;
  padding: 0;
}
.myhouse-card-list .myhouse-card:last-child {
  margin-bottom: 60px;
}
.myhouse-card-list .myhouse-card {
  box-sizing: border-box;
  margin-bottom: 10px;
  color: #484848;
  background: #fff;
}
.myhouse-card-list .myhouse-card .card-title {
  padding: 20px 25px;
  font-size: 16px;
  line-height: 20px;
  color: #484848;
}
.myhouse-card-list .myhouse-card .card-title .day {
  color: #584de4;
}
.myhouse-card-list .myhouse-card.stat {
  color: #484848;
}
.myhouse-card-list .myhouse-card.stat .card-content .item {
  margin-top: 15px;
  box-sizing: border-box;
  text-align: center;
}
.myhouse-card-list .myhouse-card.stat .card-content .item:first-child {
  border-right: 1px solid #f5f5f5;
}
.myhouse-card-list .myhouse-card.stat .card-content .item .name {
  height: 18px;
  font-size: 15px;
  color: #7f7e92;
}
.myhouse-card-list .myhouse-card.stat .card-content .item .today {
  margin: 6px 0;
  font-size: 24px;
  font-weight: bold;
  color: #484848;
}
.myhouse-card-list .myhouse-card.stat .card-content .item .total {
  height: 20px;
  font-size: 15px;
  color: #7f7e92;
}
.myhouse-card-list .myhouse-card.stat .visit-trend .card-title {
  padding: 20px 25px 0;
}
.myhouse-card-list .myhouse-card.tutorial {
  padding-bottom: 10px;
}
.myhouse-card-list .myhouse-card.tutorial .card-title {
  padding-bottom: 0;
}
.myhouse-card-list .myhouse-card.agent .agent-count {
  display: inline-block;
  margin-left: 5px;
  color: #584de4;
}
.myhouse-card-list .myhouse-card.agent .agent-list {
  padding: 0px 25px 20px;
  margin-top: 10px;
}
.myhouse-card-list .myhouse-card.agent .agent-list .agent-info-header:last-child {
  margin-bottom: 0px;
}
.myhouse-card-list .myhouse-card.agent .agent-list .empty {
  padding: 20px 0 45px;
  font-size: 15px;
  color: #7f7e92;
  text-align: center;
}
.myhouse-card-list .myhouse-card.agent .agent-list .btn-notify-to-more-agents {
  position: relative;
}
.myhouse-card-list .myhouse-card.agent .agent-list .btn-notify-to-more-agents .btn-basic {
  height: 50px;
  line-height: 49px;
}
.myhouse-card-list .myhouse-card.fee .slider-wrapper {
  padding: 31.5px 13px 12.5px 13px;
}
.myhouse-card-list .myhouse-card.fee .slider-wrapper .track {
  height: 5px;
}
.myhouse-card-list .myhouse-card.fee .slider-wrapper .track-unselected {
  height: 5px;
}
.myhouse-card-list .myhouse-card.fee .slider-wrapper .thumb {
  top: -3px;
  z-index: 1;
  display: block;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  border: solid 0.5px rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #ffffff;
}
.myhouse-card-list .myhouse-card.fee .cost-text {
  position: relative;
  font-size: 16px;
}
.myhouse-card-list .myhouse-card.fee .cost-text .before-vat {
  font-size: 20px;
  font-weight: bold;
  color: #484848;
}
.myhouse-card-list .myhouse-card.fee .cost-text .before-vat .price-seperator {
  opacity: 0.2;
  margin: 0 8px;
}
.myhouse-card-list .myhouse-card.fee .cost-text .after-vat {
  margin-top: 6px;
  font-size: 15px;
  color: #7f7e92;
}
.myhouse-card-list .myhouse-card.fee .price-rate {
  font-size: 12px;
  color: #7f7e92;
}
.myhouse-card-list .myhouse-card.fee .price-rate .max-rate {
  display: block;
  float: right;
}
.myhouse-card-list .myhouse-card.fee .priceText {
  text-align: right;
}
.myhouse-card-list .myhouse-card.fee .agent-fee-warning {
  color: #fc541b;
  font-size: 14px;
  margin-top: 10px;
}
.myhouse-card-list .myhouse-card.fee .agent-fee-warning .mark {
  background-color: #fc541b;
  color: #fff;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 3px 8px;
  line-height: 19px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.myhouse-card-list .myhouse-card.btn-area {
  margin: 0;
  padding: 25px;
  border: 0;
}
.myhouse-card-list .myhouse-card .card-content {
  padding: 0 25px 25px;
  background: #fff;
}
.myhouse-card-list .myhouse-card .card-content .info {
  display: block;
  padding: 5px 0;
}
.myhouse-card-list .myhouse-card .card-content .full {
  width: 100%;
}
.myhouse-card-list .myhouse-card .card-content .half {
  width: 50%;
  display: inline-block;
}
.myhouse-card-list .myhouse-card .card-content .sub-title {
  display: block;
  padding: 6px 0;
  font-size: 14px;
}
.myhouse-card-list .myhouse-card .card-content .sub-title.desc {
  display: inline-block;
  padding: 0px;
}
.myhouse-card-list .btn-action.status-on-sale,
.myhouse-card-list .btn-action.status-completed {
  margin-top: 20px;
}
.owner-trade-seller-info {
  padding: 20px 24px 25px 24px;
  color: #484848;
}
.owner-trade-seller-info .status {
  margin-bottom: 5px;
}
.owner-trade-seller-info .major-info {
  font-size: 17px;
  font-weight: bold;
}
.owner-trade-seller-info .sub-info {
  margin-bottom: 5px;
  font-size: 16px;
}
.owner-trade-seller-info .apt-name {
  padding: 15px 25px 5px;
  font-size: 16px;
  font-weight: bold;
  background-color: #ffffff;
  color: #484848;
}
.owner-trade-seller-info .apt-name .status-badge {
  position: relative;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  padding: 0px 4px;
  top: -2px;
  font-size: 10px;
  font-weight: bold;
  vertical-align: baseline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.owner-trade-seller-info .apt-name .status-badge.on-sale {
  color: #fff;
  background: #584de4;
}
.owner-trade-seller-info .apt-name .status-badge.completed {
  color: #fff;
  background: #aaa;
}
.owner-trade-seller-info .apt-name .status-badge.animate {
  animation-duration: 1s;
  animation-name: lighting;
  animation-iteration-count: 3;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: lighting;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: lighting;
  -moz-animation-iteration-count: 3;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: lighting;
  -ms-animation-iteration-count: 3;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.owner-trade-seller-info .trade-detail .btn-show-detail {
  margin-top: 25px;
  height: 50px;
}
.owner-trade-seller-info .trade-detail .btn-show-detail .btn-basic {
  height: 50px;
  line-height: 50px;
  font-size: 17px;
}
.owner-trade-seller-info .trade-detail.show-detail .owner-trade-info-card.seller-card {
  padding-bottom: 0;
}
.owner-trade-seller-info .trade-detail.show-detail .text {
  display: inline-block;
  margin-top: 0px;
}
.owner-trade-seller-info .trade-detail.show-detail .photo-container.owner-trade {
  margin-bottom: 15px;
}
.owner-trade-seller-info .trade-detail.show-detail .username {
  padding-top: 0px;
}
.owner-trade-seller-info .trade-detail .dongho {
  font-size: 14px;
  color: #7f7e92;
  font-weight: 400;
}
.owner-trade-seller-info .trade-detail .price-info {
  box-sizing: border-box;
}
.owner-trade-seller-info .trade-detail .price-info .price {
  margin: 5px 0 20px;
  font-size: 16px;
  font-weight: bold;
}
.owner-trade-list.seller {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 10px;
}
.owner-trade-list.seller.bold {
  font-weight: bold;
}
.owner-trade-list.seller .apt-card-wrapper:first-child {
  padding-top: 0;
}
.owner-trade-list.seller .apt-card-wrapper:last-child {
  margin-bottom: 0;
}
.owner-trade-list.seller .apt-card-wrapper {
  background: #fff;
  margin-bottom: 10px;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  color: #484848;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card.completed-card .apt-name .text,
.owner-trade-list.seller .apt-card-wrapper .apt-card.completed-card .dongho,
.owner-trade-list.seller .apt-card-wrapper .apt-card.completed-card .price-info {
  opacity: 0.4;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .price-info .price {
  margin-bottom: 0px;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats {
  margin: 0 25px 20px;
  background: #fafbfe;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats .period {
  margin: 15px 15px 0 15px;
  font-size: 14px;
  color: #484848;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats .period .day {
  font-weight: bold;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats .item {
  display: inline-block;
  width: 33%;
  margin: 20px 0;
  text-align: center;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats .item .name {
  font-size: 14px;
  color: #7f7e92;
}
.owner-trade-list.seller .apt-card-wrapper .apt-card .stats .item .value {
  margin-top: 5px;
  height: 32px;
  color: #584de4;
  font-size: 23px;
}
.owner-trade-buyer-image {
  position: relative;
}
.owner-trade-buyer-image .my-house-image {
  border-radius: 4px;
}
.owner-trade-buyer-image .photo-dimmed {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #7f7e92 111%);
  z-index: 20;
  border-radius: 4px;
}
.owner-trade-buyer-image .photo-mask {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
  z-index: 1;
  border-radius: 4px;
}
.owner-trade-buyer-image .more-count {
  position: absolute;
  bottom: 6px;
  right: 4px;
  font-size: 15px;
  font-weight: bold;
  z-index: 21;
}
.scene-apt-sub-ownerTrade,
.scene-apt-sub-nearbyOwnerTrades {
  background-color: #ffffff;
  overflow: hidden;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt-sub-ownerTrade.bold,
.scene-apt-sub-nearbyOwnerTrades.bold {
  font-weight: bold;
}
.scene-apt-sub-ownerTrade #header .btn-next span,
.scene-apt-sub-nearbyOwnerTrades #header .btn-next span {
  font-size: 14px;
}
.scene-apt-sub-ownerTrade .tiny-scroll,
.scene-apt-sub-nearbyOwnerTrades .tiny-scroll {
  height: auto;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container {
  box-sizing: border-box;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #484848;
  margin-top: 56px !important;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container.bold,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container.bold {
  font-weight: bold;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .footer-confirm,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .footer-confirm {
  z-index: 100;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card {
  border-bottom: 10px solid #eaebed;
  padding: 30px 0;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.desc,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.desc {
  padding: 20px 0;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map {
  padding: 20px 0;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .map-title,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .map-title {
  padding: 0 24px 16px;
  font-size: 16px;
  color: #484848;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .static-map,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .static-map {
  position: relative;
  height: 200px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button {
  position: absolute;
  top: 1px;
  right: 10px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button .btn-map-expand,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button .btn-map-expand {
  display: inline-block;
  overflow: hidden;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -378px -338px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  width: 26px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 3px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button .btn-map-expand.expanded,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .map-expand-button .btn-map-expand.expanded {
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 25px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -408px -338px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .dong-position-button,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .dong-position-button {
  position: absolute;
  top: 46px;
  right: 10px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .dong-position-button .btn-dong-position,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .dong-position-button .btn-dong-position {
  display: block;
  position: absolute;
  padding: 0 13px;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.075), -1px 1px 1px rgba(0, 0, 0, 0.03), 1px 1px 1px rgba(0, 0, 0, 0.03);
  position: static;
  margin-top: 10px;
  width: 54px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  color: #fff;
  background-color: #565eb6;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .pin,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .pin {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -32px;
  z-index: 5;
  overflow: visible!important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -31px -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .pin.offer,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card.dong-map .apt-draggable-map .pin.offer {
  display: inline-block;
  overflow: hidden;
  width: 29px;
  height: 32px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -326px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card .agent-info-header .agent-info-header-btn-call,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card .agent-info-header .agent-info-header-btn-call {
  margin-top: 2px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .card .agent-info-header .company-title,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .card .agent-info-header .company-title {
  font-size: 17px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .name,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .name {
  font-size: 15px;
  font-weight: bold;
  color: #7f7e92;
  padding: 0 24px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .price,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .price {
  font-size: 20px;
  font-weight: bold;
  margin: 11px 0 11px 0;
  padding: 0 24px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .price .price-history,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .price .price-history {
  position: absolute;
  padding: 0 9px;
  margin-top: -3px;
  font-size: 13px;
  right: 24px;
  height: 31px;
  border-radius: 6px;
  border: solid 1px #cecfdc;
  background-color: #ffffff;
  color: #333;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .desc-text,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .desc-text {
  font-size: 16px;
  padding: 0 24px;
  margin-bottom: 28px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .error-card,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .error-card {
  text-align: center;
  font-size: 15;
  color: #7f7e92;
  padding: 70px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card.card,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card.card {
  padding: 20px 0 0 0;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .title,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .title {
  padding: 0 24px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title {
  padding: 0 24px;
  margin: 0px 0px 22px 0px;
  line-height: 1.38;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title .text,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title .text {
  font-size: 19px;
  font-weight: bold;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title .sub-title-description,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title .sub-title-description {
  margin-top: 6px;
  font-size: 14px;
  color: #a3a3a3;
  line-height: 20px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title .highlight,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title .highlight {
  color: #484848;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title .warn,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title .warn {
  color: #fc541b;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .sub-title .gray,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .sub-title .gray {
  color: #7f7e92;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .inquiry-button,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .inquiry-button {
  width: calc(100% - 65px);
  color: #FFF;
  padding: 0 10px;
  background-color: #584de4;
  border-radius: 6px;
  text-align: center ;
  margin: 0 auto 25px;
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .inquiry-button.disabled,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .inquiry-button.disabled {
  background-color: #9197a1;
  box-shadow: none;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .agent-info-header,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .agent-info-header {
  padding: 0 24px;
  margin-bottom: 24px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .agent-info-header:last-child,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .agent-info-header:last-child {
  margin-bottom: 35px;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card.inquiry .agent-info-header .agent-info .company-title,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card.inquiry .agent-info-header .agent-info .company-title {
  overflow: visible !important;
  max-width: unset !important;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .show-more,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .show-more {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  line-height: 51px;
  font-size: 15px;
  text-align: center;
  color: #7f7e92;
}
.scene-apt-sub-ownerTrade .owner-trade-buyer-detail-container .list-card .show-more:after,
.scene-apt-sub-nearbyOwnerTrades .owner-trade-buyer-detail-container .list-card .show-more:after {
  margin-left: 6.5px;
  position: relative;
  content: '';
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 9px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -299px -310px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.scene-apt-sub-ownerTrade .nearby-owner-trades,
.scene-apt-sub-nearbyOwnerTrades .nearby-owner-trades {
  margin-top: 56px !important;
}
.price-history-layer {
  background-color: #FFF;
  padding: 25px;
  font-size: 15px;
}
.price-history-layer .btn-close {
  padding: 25px !important;
  right: 0 !important;
  top: 0 !important;
}
.price-history-layer .title {
  font-size: 18px;
  margin-bottom: 24px;
}
.price-history-layer .price-history-row {
  margin-bottom: 12px;
}
.price-history-layer .price-history-row:last-child {
  margin-bottom: 0;
}
.price-history-layer .price-history-row:first-child {
  font-weight: bold;
}
.price-history-layer .price {
  margin-left: 8px;
}
.price-history-layer .price .diff {
  margin-left: 12px;
}
.price-history-layer .price .diff-price.up {
  color: #fc541b;
}
.price-history-layer .price .diff-price.down {
  color: #584de4;
}
.price-history-layer .price .price-diff {
  position: relative;
  margin-left: 5px;
  text-align: center;
  font-size: 16px;
  color: #666;
}
.price-history-layer .price .price-diff.up {
  color: #fc541b;
}
.price-history-layer .price .price-diff.up:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E848';
  transform: scaleX(0.9);
}
.price-history-layer .price .price-diff.down {
  color: #584de4;
}
.price-history-layer .price .price-diff.down:before {
  display: inline-block;
  margin-right: 1px;
  font-family: 'fontello';
  content: '\E847';
  transform: scaleX(0.9);
}
.price-history-layer .date {
  color: #7f7e92;
  float: right;
  font-size: 14px;
  font-weight: normal;
}
.similar-items-layer li:first-of-type .similar-item {
  padding-top: 0;
}
.similar-items-layer li:first-of-type .similar-item .image {
  top: 5px;
}
.similar-items-layer li:last-of-type {
  padding-bottom: 14px;
}
.similar-items-layer .similar-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 119px 12.5px 24px;
  box-sizing: border-box;
  line-height: 1.6;
  color: #484848;
}
.similar-items-layer .similar-item .main-info .primary-info {
  font-size: 18px;
  font-weight: bold;
}
.similar-items-layer .similar-item .main-info .secondary-info {
  font-size: 18px;
  margin-right: 5px;
}
.similar-items-layer .similar-item .info {
  font-size: 15px;
}
.similar-items-layer .similar-item .sub-info {
  font-size: 14px;
}
.similar-items-layer .similar-item .sub-info .primary-info {
  margin-right: 7px;
  color: #7f7e92;
}
.similar-items-layer .similar-item .sub-info .secondary-info {
  color: #a3a3a3;
}
.similar-items-layer .similar-item .image {
  display: inline-block;
  position: absolute;
  right: 23px;
  top: 21px;
}
.similar-items-layer .similar-item .show-more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  line-height: 3.3;
  color: #7f7e92;
}
.owner-trade-option-layer {
  background-color: #FFF;
}
.owner-trade-option-layer .title {
  height: 58px;
  line-height: 59px;
  font-weight: bold;
  font-size: 16px;
  padding: 0 25px;
}
.owner-trade-option-layer .list-container {
  padding-bottom: 5px;
}
.owner-trade-option-layer .list-container .item {
  padding: 0 25px;
  display: block;
  height: 52px;
  line-height: 55px;
}
.owner-trade-option-layer .list-container .item:last-child {
  border-bottom: 0;
}
.owner-trade-detail-banner {
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  background-color: #FFF8F5;
}
.owner-trade-detail-banner .text-group {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 15px;
  color: #fc541b;
}
.owner-trade-detail-banner .btn-group {
  float: right;
  margin-left: 10px;
}
.owner-trade-detail-banner .btn-group .btn-extend {
  display: inline-block;
  padding: 10px;
  height: 42px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  box-sizing: border-box;
  color: #484848;
  background-color: #ffffff;
  border: solid 1px #cecfdc;
}
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text {
  margin-top: 30px;
}
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-confirm h4,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-confirm h4,
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-alert h4,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-alert h4 {
  font-size: 20px;
  font-weight: bold;
  color: #484848;
}
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-confirm h5,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-confirm h5,
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-alert h5,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-alert h5,
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-confirm .trade-info,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-confirm .trade-info,
._dimmedLayer.dimmed-layer.dialog-layer.confirm-layer.owner-trade .text .owner-trade-seller-alert .trade-info,
._dimmedLayer.dimmed-layer.dialog-layer.alert-layer .text .owner-trade-seller-alert .trade-info {
  margin-top: 19px;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  color: #7f7e92;
}
.owner-trade-info-card {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #FFF;
}
.owner-trade-info-card.bold {
  font-weight: bold;
}
.owner-trade-info-card .row {
  padding: 5px 24px;
  font-size: 15px;
}
.owner-trade-info-card .row .row-title {
  width: 27%;
  box-sizing: border-box;
  display: inline-block;
  color: #7f7e92;
  vertical-align: top;
}
.owner-trade-info-card .row .row-value {
  width: 73%;
  box-sizing: border-box;
  display: inline-block;
  color: #484848;
}
.owner-trade-info-card .row.username {
  padding-top: 20px;
  color: #7f7e92;
}
.owner-trade-info-card .row.username .text {
  vertical-align: 1px;
}
.owner-trade-info-card .row.username .share-button {
  float: right;
  color: #7f7e92;
}
.owner-trade-info-card .row.area-dong-ho {
  margin-top: 6px;
  color: #7f7e92;
  padding: 0 24px;
}
.owner-trade-info-card .row.trade-price {
  font-size: 20px;
  font-weight: bold;
  padding: 0 24px;
}
.owner-trade-info-card .row.trade-price .toggle-price-history {
  line-height: 24px;
  font-size: 14px;
  color: #7f7e92;
  font-weight: normal;
  float: right;
}
.owner-trade-info-card .row.trade-price .toggle-price-history span {
  margin-left: 6px;
  transform: rotate(180deg);
}
.owner-trade-info-card .row.trade-price .toggle-price-history.opened span {
  transform: rotate(0deg);
}
.owner-trade-info-card .row.features {
  margin-top: 16px;
  margin-bottom: 5px;
}
.owner-trade-info-card .row.features .feature {
  padding: 3px 7px;
  color: #7f7e92;
  font-size: 14px;
  background-color: #f3f4fc;
  border-radius: 3px;
  margin-right: 6px;
  margin-bottom: 6px;
  display: inline-block;
  line-height: 19px;
}
.owner-trade-info-card .row.features .feature.interior {
  background-color: #edf6fd;
  color: #667f9d;
}
.owner-trade-info-card .row.features .feature.bargain {
  background-color: #eeedfc;
  color: #584de4;
}
.owner-trade-info-card .row.features .feature-divider {
  height: 3px;
  width: 100%;
}
.owner-trade-info-card .row.features .feature-title {
  display: inline-block;
  margin-right: 6px;
  color: #7f7e92;
  font-size: 14px;
}
.owner-trade-info-card .row.trade-description {
  margin-top: 15px;
  line-height: 24px;
  padding: 0px 24px;
  color: #484848;
  word-break: break-all;
  font-size: 16px;
}
.owner-trade-info-card .row.trade-description .show-full-desc {
  text-decoration: underline;
  margin-left: 10px;
  color: #a3a3a3;
}
.owner-trade-info-card .row.photos {
  padding: 10px 0;
}
.owner-trade-info-card .row.photos .image-scroll-view-container {
  height: 76px;
}
.owner-trade-info-card .row.photos .scroll-li:first-child {
  margin-left: 24px;
}
.owner-trade-info-card .row.photos .scroll-li:last-child {
  margin-right: 24px;
}
.owner-trade-info-card .row.photos .scroll-li {
  width: 110px;
  height: 76px;
}
.owner-trade-info-card .row.photos .scroll-li span {
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.owner-trade-info-card .row.etc {
  margin-top: 3px;
  padding-bottom: 5px;
}
.owner-trade-info-card .row.etc .detail-info {
  border-top: 0.5px solid #e5e5e5;
  border-bottom: 0.5px solid #e5e5e5;
}
.owner-trade-info-card .row.etc .detail-info li {
  padding: 0 4px 10px 4px;
}
.owner-trade-info-card .row.etc .detail-info li:first-child {
  padding: 17px 4px 10px;
}
.owner-trade-info-card .row.etc .detail-info li:last-child {
  padding-bottom: 17px;
}
.owner-trade-info-card .row.apt-link {
  padding: 0 24px;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #484848;
  border-top: 0.5px solid #e5e5e5;
  border-bottom: 0.5px solid #e5e5e5;
  box-sizing: border-box;
}
.owner-trade-info-card .row.apt-link .arrow {
  transform: rotate(90deg);
  float: right;
}
.owner-trade-info-card .row .price-history {
  margin-top: 10px;
  border-left: 2px solid #ECECEC;
  padding-left: 12px;
}
.owner-trade-info-card .row .price-history .price-history-item {
  margin: 6px 0;
}
.owner-trade-info-card .row .price-history .sub-title {
  font-weight: bold;
  color: #484848;
}
.owner-trade-info-card .row .price-history .modified-date {
  margin-right: 5px;
  color: #7f7e92;
  width: 65px;
  display: inline-block;
  text-align: left;
}
.owner-trade-info-card .row .price-history .price {
  font-weight: bold;
  color: #7e7e7e;
  position: relative;
}
.owner-trade-info-card .row .price-up {
  color: #fc541b !important;
}
.owner-trade-info-card .row .price-up:after {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2220%22%20viewBox=%220%200%2014%2020%22%3E%3Cpath%20fill=%22%23FC541B%22%20fill-rule=%22evenodd%22%20d=%22M7%202l7%208.167-4.667-.001v8.167H4.667l-.001-8.167H0L7%202z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px 13px;
  width: 9px;
  height: 13px;
  position: absolute;
  right: -12px;
  top: 4px;
}
.owner-trade-info-card .row .price-down {
  color: #1569f4 !important;
}
.owner-trade-info-card .row .price-down:after {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2220%22%20viewBox=%220%200%2014%2020%22%3E%3Cpath%20fill=%22%231569F4%22%20fill-rule=%22evenodd%22%20d=%22M7%2018.333l7-8.166H9.333V2H4.667l-.001%208.167H0l7%208.166z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px 13px;
  width: 9px;
  height: 13px;
  position: absolute;
  right: -12px;
  top: 5px;
}
.owner-trade-info-card .photo-container {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.owner-trade-info-card .photo-container.owner-trade {
  height: 225px;
}
.owner-trade-info-card .photo-container.owner-trade .indicator {
  position: absolute;
  left: auto;
  bottom: auto;
  padding: 4px 9px;
  height: 20px;
  line-height: 19px;
  font-size: 13px;
  text-shadow: none;
  top: 15px;
  right: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(72, 72, 72, 0.3);
}
.owner-trade-info-card .photo-container .ul-container li {
  width: 100%;
  height: 225px;
}
.owner-trade-info-card .photo-container .ul-container li:first-child {
  margin-left: 0px;
}
.owner-trade-info-card .photo-container .ul-container li:last-child {
  margin-right: 24px;
}
.owner-trade-info-card .photo-container.round {
  margin-top: 22px;
  margin-bottom: 11px;
}
.owner-trade-info-card .photo-container.round .image-scroll-view-container {
  height: 76px;
}
.owner-trade-info-card .photo-container.round .ul-container li {
  width: 110px;
  height: 76px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.owner-trade-info-card .photo-container.round .ul-container li:first-child {
  margin-left: 24px;
}
.owner-trade-info-card .photo-container.round .ul-container li .photo-mask {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
  z-index: 1;
  border-radius: 4px;
  pointer-events: none;
}
.owner-trade-info-card .photo-container.large .ul-container {
  height: 200px;
}
.owner-trade-info-card .photo-container.large .ul-container li {
  width: 287px;
  height: 200px;
}
.owner-trade-info-card .photo-container.large .image-scroll-view-container {
  height: 200px;
}
.owner-trade-info-card .stats {
  margin-top: 25px;
  padding: 0 24px;
  font-size: 15px;
  line-height: 25px;
}
.owner-trade-info-card .stats span {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
}
.owner-trade-info-card .stats .modified-days {
  color: #7f7e92;
  margin-right: 5px;
}
.owner-trade-info-card .stats .registered-days {
  color: #a3a3a3;
}
.owner-trade-info-card .stats .icon-vals {
  color: #7f7e92;
  float: right;
  margin-left: 7px;
}
.owner-trade-info-card .stats .icon-vals.call-count > span {
  top: unset !important;
  left: 2px !important;
}
.owner-trade-info-card .stats .icon-vals.view-count > span {
  top: unset !important;
  left: -3px !important;
}
.owner-trade-info-card.buyer-card {
  padding-top: 0px !important;
}
.owner-trade-info-card.agent-card {
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.owner-trade-info-card.seller-card .row {
  padding: 0;
}
.owner-trade-info-card.seller-card .row.trade-price {
  font-size: 17px;
}
.owner-trade-info-card.seller-card .row.trade-description {
  padding: 0;
}
.owner-trade-info-card.seller-card .row.etc {
  margin-top: 17px;
}
.owner-trade-info-card.seller-card .row.features {
  margin-top: 19px;
}
.owner-trade-info-card.seller-card .row.interior {
  margin-top: 6px;
}
.owner-trade-info-card.seller-card .row.interior .feature {
  background-color: #edf6fd;
  color: #667f9d;
}
.owner-trade-info-card.seller-card .photo-container.round {
  margin-bottom: 0;
}
.owner-trade-info-card.seller-card .photo-container.round .ul-container {
  height: 76px;
}
.owner-trade-info-card.seller-card .photo-container.round .ul-container li:first-child {
  margin-left: 0;
}
.owner-trade-info-card.seller-card .photo-container.round .ul-container li {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.owner-trade-list-wrap {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 19px 0 0 0;
  color: #484848;
}
.owner-trade-list-wrap.bold {
  font-weight: bold;
}
.owner-trade-list-wrap .title {
  padding: 0px 24px 0px 24px;
  font-size: 16px;
  font-weight: normal;
}
.owner-trade-list-wrap .title .total-count {
  margin-left: 5px;
  color: #584de4;
}
.owner-trade-list-wrap .title .icon-help-circled {
  margin-left: 5px;
  color: #a3a3a3;
}
.owner-trade-list-wrap .trade {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 24px 12.5px 24px;
  box-sizing: border-box;
  line-height: 1.6;
}
.owner-trade-list-wrap .trade:last-of-type {
  padding-bottom: 30px;
}
.owner-trade-list-wrap .trade .main-info .primary-info {
  font-size: 20px;
  font-weight: bold;
  color: #484848;
  vertical-align: middle;
}
.owner-trade-list-wrap .trade .main-info .primary-info .area {
  font-weight: normal;
}
.owner-trade-list-wrap .trade .main-info .secondary-info {
  font-size: 15px;
  margin-left: 6px;
  color: #7f7e92;
  vertical-align: middle;
}
.owner-trade-list-wrap .trade .info {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #484848;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
  margin-top: 2px;
  line-height: 23px;
}
.owner-trade-list-wrap .trade .sub-info {
  font-size: 14px;
}
.owner-trade-list-wrap .trade .sub-info .primary-info {
  margin-right: 7px;
  color: #7f7e92;
}
.owner-trade-list-wrap .trade .sub-info .primary-info .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 180px;
  vertical-align: bottom;
}
.owner-trade-list-wrap .trade .sub-info .secondary-info {
  color: #a3a3a3;
}
.owner-trade-list-wrap .trade .image {
  display: block;
  position: relative;
  margin-top: 11px;
  width: 100%;
}
.owner-trade-list-wrap .trade .image .owner-trade-buyer-image {
  width: 100%;
  height: 160px;
}
.owner-trade-list-wrap .trade .image .photo-count {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 8px;
  top: 8px;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  padding: 0 7px;
  background-color: rgba(72, 72, 72, 0.3);
  line-height: 21px;
  height: 22px;
}
.owner-trade-list-wrap .trade .image .photo-count.bold {
  font-weight: bold;
}
.owner-trade-list-wrap .show-more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  line-height: 3.3;
  color: #7f7e92;
  margin-bottom: 10px;
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  position: relative;
  margin: 10px 20px 25px 20px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  height: 56px;
  line-height: 56px;
  background: #584de4;
  box-shadow: 0 2px 4px 0 rgba(89, 99, 217, 0.4);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade.bold {
  font-weight: bold;
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade.empty {
  margin: 0px 20px 20px;
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade:before {
  margin-right: 8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
  content: '';
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade.subscribed {
  color: #584de4;
  background: #f3f4fc;
  box-shadow: none;
}
.owner-trade-list-wrap .btn-area .btn-subscribe-owner-trade.subscribed:before {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -293px -93px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  vertical-align: middle;
}
.owner-trade-promotion-wrap {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.owner-trade-promotion-wrap.bold {
  font-weight: bold;
}
.owner-trade-promotion-wrap .btn-goto-nearby-list {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 54px;
  height: 54px;
  border-top: 0.5px solid #e5e5e5;
  color: #584de4;
}
.owner-trade-promotion-wrap .btn-goto-nearby-list span {
  color: #fc541b;
  font-size: 14px;
  vertical-align: 3px;
  margin-left: 5px;
}
#base-header.tutorial-header {
  animation-duration: 0.2s;
  animation-name: slideDown;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: slideDown;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: slideDown;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.2s;
  -ms-animation-name: slideDown;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes slideDown {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
#base-header.tutorial-header .btn-back-tutorial {
  position: absolute;
}
.my-owner-trade {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #484848;
}
.my-owner-trade.bold {
  font-weight: bold;
}
.my-owner-trade .btn-back-tutorial {
  position: fixed;
  padding: 17px 24px 16px 24px;
  top: 0;
  left: 0;
  z-index: 2;
}
.my-owner-trade .tutorial {
  position: relative;
  z-index: 1;
}
.my-owner-trade .tutorial .hero {
  position: absolute;
  top: 0;
  width: 100%;
  height: 410px;
  background-color: #756afc;
  z-index: auto;
}
.my-owner-trade .tutorial .tutorial-container {
  position: relative;
  padding: 57px 0 0 0;
  box-sizing: border-box;
}
.my-owner-trade .tutorial .tutorial-container .main {
  position: relative;
  padding: 20px 24px 30px 24px;
  box-sizing: border-box;
  color: #fff;
}
.my-owner-trade .tutorial .tutorial-container .main h2 {
  padding: 0 11px;
  font-size: 30px;
  line-height: 1.5;
}
.my-owner-trade .tutorial .tutorial-container .main .info {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  margin-bottom: 30px;
}
.my-owner-trade .tutorial .tutorial-container .main .info .item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 31%;
  height: 100px;
}
.my-owner-trade .tutorial .tutorial-container .main .info .item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
}
.my-owner-trade .tutorial .tutorial-container .main .info .item .text {
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
}
.my-owner-trade .tutorial .tutorial-container .main .btn-register {
  position: relative;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  font-size: 17px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-owner-trade .tutorial .tutorial-container .content {
  background-color: #fff;
}
.my-owner-trade .tutorial .tutorial-container .content > div {
  margin-bottom: 80px;
  padding-left: 24px;
  padding-right: 24px;
}
.my-owner-trade .tutorial .tutorial-container .content > div:last-child {
  margin-bottom: 0px;
}
.my-owner-trade .tutorial .tutorial-container .content h2 {
  padding: 0 11px;
  font-size: 23px;
  font-weight: bold;
  color: #484848;
  margin-bottom: 10px;
}
.my-owner-trade .tutorial .tutorial-container .content h4 {
  padding: 0 11px;
  margin-bottom: 20px;
  line-height: 1.38;
  color: #484848;
  font-size: 16px;
  font-weight: normal;
}
.my-owner-trade .tutorial .tutorial-container .content h5 {
  padding: 0 11px;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: normal;
  color: #7f7e92;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-map {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-map .map-pin-area .tutorial-map {
  width: 100%;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-map .map-pin-area .tutorial-pin {
  position: absolute;
  width: 88%;
  top: 103px;
  left: 24px;
}
@keyframes changeSize {
  10% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(0.7);
  }
}
.my-owner-trade .tutorial .tutorial-container .content .agent-map .map-pin-area .tutorial-circle {
  position: absolute;
  top: 44%;
  left: 30%;
  width: 150px;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.4;
  background-color: #9b93ff;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-map .map-pin-area .tutorial-circle.change-size {
  animation-duration: 2s;
  animation-name: changeSize;
  animation-iteration-count: 3;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: changeSize;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 2s;
  -moz-animation-name: changeSize;
  -moz-animation-iteration-count: 3;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: forwards;
  -ms-animation-duration: 2s;
  -ms-animation-name: changeSize;
  -ms-animation-iteration-count: 3;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: forwards;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price .text {
  display: inline-block;
  border-bottom: 2px solid #584de4;
  padding-bottom: 7px;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container {
  width: 100%;
  height: 165px;
  padding: 18px 24px 20px 24px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 4px 16.5px 0 rgba(214, 214, 214, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container h4 {
  margin-bottom: 10px;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  color: #484848;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container h4 .required {
  font-size: 14px;
  color: #fc541b;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container .price-btn-group {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  border: 0px;
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container .price-btn-group button {
  box-sizing: border-box;
  width: 32%;
  height: 42px;
  padding: 11px 0;
  border: 1px solid #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  color: #584de4;
  background-color: #f3f4fc;
}
@keyframes click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
.my-owner-trade .tutorial .tutorial-container .content .price-area .price-form-container .price-btn-group button.click {
  animation-duration: 0.2s;
  animation-name: click;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: click;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: click;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.2s;
  -ms-animation-name: click;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list {
  padding: 40px 0 0 0;
  background-color: #f4f5fd;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list h2,
.my-owner-trade .tutorial .tutorial-container .content .trade-list h4,
.my-owner-trade .tutorial .tutorial-container .content .trade-list h5 {
  padding: 0 35px;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample {
  position: relative;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample .sample-trade-list {
  height: 450px;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample .sample-trade-list .sample-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample .sample-trade {
  position: absolute;
  width: 100%;
  opacity: 0;
}
@keyframes fade-in {
  0% {
    bottom: 0px;
    opacity: 0;
  }
  100% {
    bottom: 80px;
    opacity: 1;
  }
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample .sample-trade.fade-in {
  animation-duration: 0.5s;
  animation-name: fade-in;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: forwards;
  -ms-animation-duration: 0.5s;
  -ms-animation-name: fade-in;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: forwards;
}
.my-owner-trade .tutorial .tutorial-container .content .trade-list .trade-sample .sample-trade .trade {
  width: 100%;
}
.my-owner-trade .tutorial .tutorial-container .content .chart {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.my-owner-trade .tutorial .tutorial-container .content .chart h2 {
  padding: 0 35px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart h4 {
  padding: 0 35px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper {
  position: relative;
  height: 160px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper.stat {
  margin-top: 40px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card {
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 80%;
  padding: 20px 0;
  box-sizing: border-box;
  color: #484848;
  font-size: 15px;
  background: #fff;
  box-shadow: 1px 0 16.5px 4px rgba(214, 214, 214, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-title {
  padding-left: 20px;
  font-size: 15px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-title .day {
  color: #584de4;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-content {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 0 40px;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-content .item {
  display: inline-block;
  width: 45%;
  text-align: center;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-content .item .name {
  font-size: 15px;
  color: #7f7e92;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .card-wrapper .stat-card .card-content .item .today {
  margin-top: 5px;
  font-size: 27px;
  color: #584de4;
}
.my-owner-trade .tutorial .tutorial-container .content .chart .visit-trend {
  padding-left: 20px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm {
  margin-bottom: 56px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper {
  margin-top: 35px;
}
@keyframes slideUp {
  0% {
    transform: translateY(120px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card {
  display: flex;
  width: 100%;
  height: 92px;
  padding: 20px 17.5px 20px;
  box-sizing: border-box;
  color: #484848;
  font-size: 16px;
  background: #fff;
  box-shadow: 1px 0 16.5px 4px rgba(214, 214, 214, 0.5);
  opacity: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card.slide-up {
  animation-duration: 0.7s;
  animation-name: slideUp;
  animation-iteration-count: 1;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-name: slideUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: 0.7s;
  -moz-animation-name: slideUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0.3s;
  -moz-animation-fill-mode: forwards;
  -ms-animation-duration: 0.7s;
  -ms-animation-name: slideUp;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0.3s;
  -ms-animation-fill-mode: forwards;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card.agent {
  margin-top: 20px;
  background-color: #9088f7;
  color: #fff;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card.agent .superagent {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card.agent .superagent img {
  width: 59px;
  height: 46px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card.agent .text {
  margin-left: 15px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45.5px;
  height: 100%;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .icon-wrapper .icon {
  color: #584de4;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .icon-wrapper .icon::after {
  position: absolute;
  top: 3px;
  left: -1px;
  content: '';
  width: 45.5px;
  height: 45.5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f3f4fc;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .icon-wrapper span {
  z-index: 1;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .text {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-left: 15px;
}
.my-owner-trade .tutorial .tutorial-container .content .agent-alarm .card-wrapper .alarm-card .text .strong {
  font-weight: bold;
}
.my-owner-trade .tutorial .tutorial-container .content .faq {
  padding-top: 50px;
  padding-bottom: 17px;
  background-color: #fbfbfb;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list {
  margin: 30px 0 0 0;
  box-sizing: border-box;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list .faq-item {
  padding: 23px 11px 0 11px;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list .faq-item:first-child {
  padding-top: 0;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list .faq-item:last-child .content {
  border-bottom: 0;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list .faq-item .title {
  margin: 0 0 8px 0;
  margin-bottom: 8px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
}
.my-owner-trade .tutorial .tutorial-container .content .faq .list .faq-item .content {
  padding: 0 0 23px;
  font-size: 15px;
  font-weight: normal;
  color: #a3a3a3;
  background-color: #fbfbfb;
  border-bottom: solid 0.5px #e5e5e5;
}
.my-owner-trade .btn-register {
  position: fixed;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  height: 60px;
  line-height: 61px;
  font-size: 16px;
  font-weight: bold;
  background-color: #584de4;
  color: #ffffff;
  text-align: center;
}
.my-owner-trade .btn-register.empty {
  color: #fff;
  background-color: #4337de;
}
.my-owner-trade .btn-register.block {
  position: relative;
}
.my-owner-trade .btn-register.tutorial-register {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  animation-duration: 0.2s;
  animation-name: slideUp;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: slideUp;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: slideUp;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.2s;
  -ms-animation-name: slideUp;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes slideUp {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.my-owner-trade .btn-register.disabled {
  background-color: #f0f0f0;
  color: #333;
}
.owner-trade-before-phonecall {
  max-height: unset !important;
}
.owner-trade-before-phonecall .text {
  margin: 20px 20px 0 20px !important;
}
.owner-trade-before-phonecall .btn-group {
  padding: 0 20px !important;
}
.owner-trade-before-phonecall .btn-group .btn-confirm {
  height: 50px !important;
  line-height: 49px !important;
  width: 133px !important;
}
.owner-trade-before-phonecall .btn-group .btn-cancel {
  height: 50px !important;
  line-height: 49px !important;
  width: 133px !important;
}
.ownertrade-dialog .dialog-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.ownertrade-dialog .dialog-body {
  font-weight: normal;
}
.ownertrade-dialog .dialog-body span {
  color: #584de4;
}
.apt-sub-page .loan #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
}
.apt-sub-page .loan #header > .title {
  position: relative;
  height: 58px;
}
.apt-sub-page .loan #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  color: #fff;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
  padding: 0 60px;
  width: 100%;
  box-sizing: border-box;
}
.apt-sub-page .loan #header > .title h1 .title-text {
  vertical-align: top;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: auto;
  margin: 0 auto;
}
.apt-sub-page .loan #header > .title h1 .title-text:after {
  content: none;
  background: none;
}
.apt-sub-page .loan #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.apt-sub-page .loan #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.apt-sub-page .loan #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.apt-sub-page .loan #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.apt-sub-page .loan #header > .info {
  display: none;
  height: 50px;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  color: #d3d4e2;
}
.apt-sub-page .loan #header > .info h2 {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: initial;
  height: auto;
  color: #d3d4e2;
}
.apt-sub-page .loan #header > .info h2 .sub-info {
  display: block;
  margin-top: 2px;
}
.apt-sub-page .loan #header.opened > .info {
  display: block;
}
.apt-sub-page .loan #header > .select-group {
  width: 100%;
  display: table;
  background-color: #4d55b2;
  border-top: 1px solid #565eb6;
  height: 49px;
}
.apt-sub-page .loan #header > .select-group > li {
  display: table-cell;
  border-right: 1px solid #565eb6;
  width: 33%;
  line-height: 49px;
}
.apt-sub-page .loan #header > .select-group > li.comment {
  position: relative;
  text-align: center;
}
.apt-sub-page .loan #header > .select-group > li.comment a {
  display: block;
  color: #fff;
  font-weight: 200;
  line-height: 49px;
  font-size: 18px;
}
.apt-sub-page .loan #header > .select-group > li.comment a:before {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -121px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  top: 13px;
  content: '';
}
.apt-sub-page .loan #header > .select-group > li .select {
  position: relative;
  padding-right: 29px;
}
.apt-sub-page .loan #header > .select-group > li .select button,
.apt-sub-page .loan #header > .select-group > li .select .button {
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-left: 21px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  height: 46px;
}
.apt-sub-page .loan #header > .select-group > li .select:before {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: 45px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -297px -302px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.apt-sub-page .loan #container {
  padding-top: 108px;
}
.apt-sub-page .loan .card-container {
  position: relative;
  height: auto;
  background-color: #fff;
}
.apt-sub-page .loan .card {
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed;
  background-color: #fff;
}
.apt-sub-page .loan .card:first-child {
  border-top: 0;
}
.apt-sub-page .loan .card:last-child {
  border-bottom: 0;
}
.apt-sub-page .loan .card.no-border {
  border: 0;
}
.apt-sub-page .loan .loan-consult-desc p {
  padding: 20px;
  color: #777;
  font-size: 16px;
}
.apt-sub-page .loan .loan-consult-desc .btn-consult {
  position: static;
  text-align: center;
  display: block;
  border-top: 1px solid #f2f2f2;
  height: 58px;
  line-height: 58px;
  font-size: 17px;
  color: #4337de;
}
.apt-sub-page .loan .loan-consult-desc .btn-consult:after {
  display: inline-block;
  content: 'BETA';
  vertical-align: top;
  font-size: 11px;
  color: red;
  margin-top: -5px;
  margin-left: 3px;
}
.apt-sub-page .loan .apt-info {
  padding: 20px;
}
.apt-sub-page .loan .loan-info {
  padding: 20px;
  border-top: 0;
}
.apt-sub-page .loan .repayment-group {
  padding: 15px 20px 10px;
}
.apt-sub-page .loan .repayment-group:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.apt-sub-page .loan .repayment-group li {
  float: left;
}
.apt-sub-page .loan .repayment-group li label {
  margin-right: 10px;
}
@media screen and (max-width: 370px) {
  .apt-sub-page .loan .repayment-group li label {
    display: none;
  }
}
.apt-sub-page .loan .repayment-group li:last-child {
  float: right;
}
.apt-sub-page .loan .repayment-info {
  padding: 5px 20px 20px 20px;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  font-size: 15px;
  color: #777;
}
.apt-sub-page .loan .duration-select {
  position: relative;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.apt-sub-page .loan .duration-select button {
  position: relative;
  font-size: 16px;
  height: 37px;
  line-height: 37px;
  padding-right: 34px;
  padding-left: 10px;
}
.apt-sub-page .loan .duration-select:after {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -3px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.apt-sub-page .loan .loan-warn {
  padding: 20px;
  color: #777;
  font-size: 14px;
  font-weight: 400;
}
.apt-sub-page .loan .loan-warn li {
  margin-top: 10px;
}
.apt-sub-page .loan .loan-warn li:first-child {
  margin-top: 0;
}
.apt-sub-page .loan .empty {
  padding: 30px 20px;
  text-align: center;
  font-size: 16px;
  color: #333;
  border-bottom: 7px solid #eaebed;
}
.apt-sub-page .loan .empty:before {
  overflow: hidden;
  width: 33px;
  height: 33px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -240px -115px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 10px;
  content: '';
}
.apt-sub-page .loan .empty .info {
  display: block;
  color: #aaa;
  font-size: 14px;
  margin-top: 10px;
}
.apt-sub-page .loan .empty .info:before {
  font-family: 'fontello';
  content: '\E825';
  margin-right: 5px;
}
.apt-sub-page .loan .suggestion {
  padding: 0;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
}
.apt-sub-page .loan .suggestion a {
  display: block;
  text-align: center;
  color: #555;
  line-height: 52px;
}
.apt-sub-page .loan .suggestion a:before {
  font-size: 15px;
  font-family: fontello;
  content: '\E831';
  margin-right: 8px;
  color: #c2c2c2;
}
.apt-sub-page .loan .loan-list {
  background-color: #fff;
}
.apt-sub-page .loan .loan-list .company {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 190px;
  line-height: 1.3;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.apt-sub-page .loan .loan-list .title {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 200px;
  line-height: 1.3;
  font-size: 15px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.apt-sub-page .loan .loan-list .title.highlight {
  color: #ab731b;
}
.apt-sub-page .loan .loan-list .interest {
  position: absolute;
  right: 105px;
  top: 28px;
  font-size: 18px;
  text-align: right;
  vertical-align: top;
}
.apt-sub-page .loan .loan-list .interest .rate-type {
  display: inline-block;
  font-size: 13px;
  color: gray;
  margin-right: 5px;
  margin-top: 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  line-height: 16px;
  padding: 0 7px;
  background-color: #efefef;
  vertical-align: top;
}
.apt-sub-page .loan .loan-list .interest-title {
  display: block;
  padding-left: 20px;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 600;
}
.apt-sub-page .loan .loan-list .btn-monthly-price {
  position: absolute;
  display: block;
  right: 100px;
  top: 23px;
  text-align: right;
  border: 1px solid #afa9f2;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  line-height: 34px;
  padding: 0 15px;
  font-size: 16px;
  color: #4337de;
  font-weight: 400;
}
.apt-sub-page .loan .loan-list > li {
  position: relative;
  border-bottom: 7px solid #eaebed;
  border-top: 1px solid #e2e3e5;
  padding: 20px 0;
}
.apt-sub-page .loan .loan-list > li:first-child {
  border-top: 0;
}
.apt-sub-page .loan .loan-list > li.sub-title {
  padding: 0px 20px;
  font-size: 14px;
  color: #777;
  background-color: #eaebed;
  border-top: 0;
}
.apt-sub-page .loan .loan-list > li.sub-list .title {
  display: block;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.apt-sub-page .loan .loan-list > li.sub-list .btn-call {
  top: 23px;
  line-height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  height: 36px;
}
.apt-sub-page .loan .loan-list > li.sub-list .partner-desc {
  margin-bottom: 10px;
}
.apt-sub-page .loan .loan-list > li.sub-list .partner-desc strong {
  color: #4337de;
  font-weight: bold;
}
.apt-sub-page .loan .loan-list .desc {
  display: block;
  color: #777;
  font-size: 15px;
  margin-top: 15px;
  padding: 0 20px;
  line-height: 1.5;
}
.apt-sub-page .loan .loan-list .desc:after {
  color: #4337de;
  display: block;
  margin-top: 3px;
  margin-left: 3px;
  content: '...더보기';
}
.apt-sub-page .loan .loan-list .desc p {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.apt-sub-page .loan .loan-list .desc.opened {
  color: #555;
  padding-top: 20px;
  border-top: 1px solid #f2f2f2;
}
.apt-sub-page .loan .loan-list .desc.opened:after {
  display: none;
}
.apt-sub-page .loan .loan-list .desc .btn-more {
  display: inline-block;
  color: #4337de;
  margin-left: 3px;
}
.apt-sub-page .loan .loan-list .desc .sub-title {
  display: inline-block;
  line-height: 22px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #efefef;
  color: #555;
  padding: 0 8px;
  margin: 0 5px;
  font-size: 13px;
}
.apt-sub-page .loan .loan-list .desc .sub-title:first-child {
  margin-left: 0;
}
.apt-sub-page .loan .loan-list .desc .price {
  color: #4337de;
}
.apt-sub-page .loan .loan-list .desc .view-monthly-price {
  display: inline-block;
  color: #4337de;
  margin-left: 6px;
}
.apt-sub-page .loan .loan-list .desc .view-monthly-price:hover {
  text-decoration: underline;
}
.apt-sub-page .loan .loan-list .desc h4 {
  color: #000;
  font-size: 20px;
  font-weight: 300;
}
.apt-sub-page .loan .loan-list .desc h5 {
  color: #000;
  font-size: 15px;
  margin-top: 10px;
}
.apt-sub-page .loan .loan-list .btn-call {
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  border: 1px solid #d9d6ff;
  width: 80px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.apt-sub-page .loan .loan-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -32px -184px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -9px;
}
.apt-sub-page .loan .loan-list .btn-consult {
  display: block;
  position: absolute;
  right: 15px;
  top: 23px;
  background-color: #5963d9;
  width: 80px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.apt-sub-page .loan .loan-list .btn-consult span {
  text-align: center;
  display: block;
  line-height: 36px;
  color: #fff;
  font-size: 15px;
}
.loan .loan-info {
  padding: 20px;
  position: relative;
}
.loan .loan-info .title {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 1;
}
.loan .loan-info .seed-money {
  display: block;
  margin-top: 8px;
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.loan .loan-info .seed-money.not-enough {
  color: red;
}
.loan .loan-info .seed-money .repayment {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
}
.loan .loan-info .seed-money .monthlyPrice {
  display: inline-block;
  position: relative;
}
.loan .loan-info .seed-money .duration {
  margin-left: 5px;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
  line-height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 7px;
  background-color: #eaebf2;
  color: #666fd6;
}
.loan .loan-info .seed-money-caption {
  font-size: 13px;
  color: gray;
}
.loan .loan-info .market-price {
  display: block;
  margin-top: 8px;
  color: #4337de;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}
.loan .loan-info .caption {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  font-weight: 200;
  color: #777;
  text-align: right;
}
.loan .loan-info .caption a {
  color: #777;
  cursor: pointer;
}
.loan .loan-info .caption a:before {
  font-family: fontello;
  content: '\E83C';
  margin-right: 3px;
}
.loan .loan-info .caption a:hover {
  text-decoration: underline;
  color: #000;
}
.loan .loan-info .calc {
  margin-top: 10px;
}
.loan .loan-info .restriction {
  font-size: 14px;
  color: #6059b3;
  display: inline-block;
  margin-bottom: 5px;
}
.loan .loan-info .restriction:before {
  display: inline-block;
  font-family: fontello;
  content: '\E825';
  margin-right: 3px;
}
.loan .loan-info .restriction .icon {
  display: inline-block;
  margin-left: 5px;
  color: #ccc;
}
.loan .loan-info .restriction-desc {
  display: block;
  margin: 7px 0 7px 0;
  font-size: 14px;
  font-weight: 300;
  color: #555;
}
.loan .loan-info .restriction-desc :last-child {
  margin: 0;
}
.loan .loan-info .restriction-desc:nth-child(2) {
  font-size: 16px;
  font-weight: normal;
}
.loan .loan-info .loan-desc {
  margin-top: 15px;
  font-size: 16px;
}
.loan .loan-info .loan-desc ul {
  padding-left: 20px;
}
.loan .loan-info .loan-desc li {
  list-style-type: disc;
}
.loan .loan-info .loan-desc.guide {
  line-height: 1.3;
  color: #777;
  text-align: center;
}
.loan .loan-info .loan-desc.not-enough p {
  line-height: 1.3;
}
.loan .loan-info .loan-desc.not-enough p .moreSeedMoney {
  display: inline-block;
  color: #4337de;
}
.loan .loan-info .loan-desc.not-enough .message {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  color: red;
  line-height: 42px;
}
.loan .loan-info .loan-desc.enough {
  color: #3DAB6A;
}
.loan .loan-info .loan-desc.normal p {
  line-height: 1.3;
}
.loan .loan-info .loan-desc.normal .price {
  color: #4337de;
}
.loan .loan-info .loan-desc.normal .gray {
  color: #777;
}
.loan .loan-info .loan-desc.normal strong {
  display: inline-block;
  font-weight: normal;
}
.loan .slide-container {
  border-bottom: 1px solid #f2f2f2;
}
.loan .slider {
  padding: 0 13px;
}
.dimmed-layer.loan-table-layer .loan-detail-price {
  width: 95%;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead {
  border-bottom: 1px solid #555;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th {
  font-size: 11px;
  padding: 5px;
  font-weight: 600;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-next {
  width: 100%;
  display: block;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-next span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-next:after {
  width: 100%;
  display: block;
  text-align: center;
  font-family: fontello;
  content: '\E80C';
  color: #999;
  line-height: 26px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-prev {
  width: 100%;
  display: block;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-prev span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-prev:after {
  width: 100%;
  display: block;
  text-align: center;
  font-family: fontello;
  content: '\E80F';
  color: #999;
  line-height: 26px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th .btn-reset {
  display: inline-block;
  line-height: 26px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.sub-price {
  text-align: right;
  font-weight: normal;
  font-size: 11px;
  padding: 0 3px 3px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.sub-price .price {
  display: block;
  color: #4337de;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.sub-remain {
  font-weight: normal;
  text-align: right;
  font-size: 11px;
  padding: 0 3px 3px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.sub-remain .number {
  color: #4337de;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.price,
.dimmed-layer.loan-table-layer .loan-detail-price thead th.remain {
  padding: 0 3px;
}
.dimmed-layer.loan-table-layer .loan-detail-price thead th.date {
  vertical-align: middle;
}
.dimmed-layer.loan-table-layer .loan-detail-price tbody td {
  text-align: center;
  padding: 7px 3px;
  font-size: 11px;
}
.dimmed-layer.loan-table-layer .loan-detail-price tbody tr {
  border-bottom: 1px solid #e1e1e1;
}
.dimmed-layer.loan-table-layer .loan-detail-price .date {
  width: 120px;
}
.dimmed-layer.loan-table-layer .loan-detail-price td.price,
.dimmed-layer.loan-table-layer .loan-detail-price th.price,
.dimmed-layer.loan-table-layer .loan-detail-price .remain {
  text-align: right;
}
.dimmed-layer.loan-table-layer .loan-detail-price .number {
  font-family: helvetica, verdana;
}
.dimmed-layer.loan-table-layer .loan-detail-price .complete {
  font-weight: 600;
  color: #84a263;
}
.scene-consult-loan h3 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
}
.scene-consult-loan .no-apt {
  margin: 20px 0;
  color: #999;
}
.scene-consult-loan .txt_small {
  margin-top: 10px;
  color: #4337de;
}
.scene-consult-loan .slider {
  margin: 10px 0 0px;
  padding: 0px 13px;
}
.scene-consult-loan .mobile {
  position: relative;
  margin-bottom: 10px;
}
.scene-consult-loan .price-container {
  margin-top: 5px;
}
.scene-consult-loan .price-container .price {
  color: #4337de;
  font-size: 22px;
}
.scene-consult-loan .price-container .percent {
  margin-left: 3px;
  color: gray;
}
.scene-consult-loan .apt-search-input {
  margin-top: 20px;
}
.scene-consult-loan .select-group {
  position: relative;
  margin: 10px 9px 0px 0px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-consult-loan .select-group button {
  position: relative;
  z-index: 2;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  padding-right: 38px;
  padding-left: 15px;
}
.scene-consult-loan .select-group:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-consult-loan .price-input {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100px;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
}
.scene-consult-loan .label {
  margin-left: 5px;
}
.scene-consult-loan .checkbox-container {
  margin-top: 0!important;
}
.scene-consult-loan .bank-select {
  margin-top: 10px;
  margin-bottom: 20px;
}
.scene-consult-loan .bank-select li {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
}
.scene-consult-loan .bank-select li .checkbox-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-consult-loan .bank-select li .checkbox-container label img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2px;
  height: 25px;
}
.scene-consult-loan .bank-select li.partner {
  width: 100%;
}
.scene-consult-loan .bank-select li.partner .rate-container {
  font-size: 15px;
  margin-left: 28px;
}
.scene-consult-loan .bank-select li.partner .rate-container .desc {
  color: #888;
  display: block;
  line-height: 1.3;
}
.scene-consult-loan .bank-select li.partner .rate-container .special {
  display: inline-block;
  line-height: 23px;
  -webkit-border-radius: 11.5px;
  -moz-border-radius: 11.5px;
  -ms-border-radius: 11.5px;
  -o-border-radius: 11.5px;
  border-radius: 11.5px;
  padding: 0 8px;
  background-color: #efefef;
  color: #4337de;
  font-size: 14px;
}
.scene-consult-loan .bank-select .rate {
  display: block;
  padding-left: 25px;
  color: #4337de;
  font-size: 15px;
  margin-top: -5px;
}
.scene-consult-loan .bank-select .none {
  display: block;
  padding-left: 25px;
  color: gray;
  font-size: 15px;
  margin-top: -5px;
}
.scene-consult-loan .txt-info {
  font-size: 14px;
  color: #999;
}
.scene-consult-loan .btn-ok {
  display: block;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-consult-loan .btn-ok.v2 {
  background: #9197a1;
}
.scene-consult-loan .btn-ok[disabled] {
  background: #9197a1;
}
.scene-consult-loan .txt {
  margin: 20px 0;
}
.scene-consult-loan .txt.small {
  font-size: 15px;
}
.scene-consult-loan .txt.no-margin {
  margin: 0;
}
.scene-consult-loan .gray {
  color: gray;
}
.scene-consult-loan .agreement-text {
  height: 80px;
  color: #000;
}
.scene-consult-loan .loading {
  height: 100px;
  position: relative;
}
.scene-consult-loan .step-ask-contact .mobile .help-tail {
  margin-top: 5px;
}
.scene-consult-loan .step-ask-place h3 {
  margin-bottom: 10px;
}
.scene-safe-notification-wrap {
  background: #fff;
  min-height: 100%;
}
.scene-safe-notification-wrap #header .btn-back {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-safe-notification-wrap #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-safe-notification-wrap #header .btn-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-safe-notification-wrap #header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
}
.scene-safe-notification-wrap #header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-safe-notification-wrap #container {
  padding: 63px 20px 16px 20px;
}
.scene-safe-notification-wrap #container .top {
  text-align: center;
}
.scene-safe-notification-wrap #container input::-webkit-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container input:-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container input::-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container input:-ms-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container textarea:-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container textarea::-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container textarea:-ms-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .progress {
  position: absolute;
  top: 57px;
  left: 0;
  width: 100%;
  height: 8px;
  background: #efefef;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.scene-safe-notification-wrap #container .progress .bar {
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #373E96;
  opacity: 0.8;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application {
  position: relative;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application h2 {
  margin-top: 20px;
  font-size: 30px;
  font-weight: 100;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application h2 .beta {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  font-family: Helvetica, Arial;
  vertical-align: top;
  margin-left: 3px;
  color: #d05555;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application blockquote {
  height: 80px;
  margin-top: 20px;
  color: #373e96;
  font-size: 22px;
  line-height: 1.5;
  overflow: hidden;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application blockquote .msg-item {
  height: 80px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .current-state {
  text-align: center;
  padding: 8px 0;
  font-size: 15px;
  color: #7A7A7A;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .current-state .total {
  margin-right: 2px;
  font-size: 22px;
  font-weight: 500;
  color: #4337DE;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .text {
  display: block;
  margin-top: 16px;
  color: #000;
  font-size: 17px;
  line-height: 1.5;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .text.dark {
  color: #444;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .text.dark .icon.icon-help-circled {
  display: inline-block;
  margin-left: 5px;
  color: #ccc;
  font-size: 14px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .text .highlight {
  color: #373E96;
  font-weight: 500;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group {
  margin-top: 16px;
  position: relative;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 51px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword input::-webkit-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword input:-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword input::-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword input:-ms-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword textarea:-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword textarea::-moz-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .keyword textarea:-ms-input-placeholder {
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul {
  padding: 6px 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul li {
  position: relative;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul li.selected {
  background-color: #fafafa;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul li a {
  display: block;
  line-height: 32px;
  padding: 0 20px;
  font-size: 13px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul li a:hover {
  background-color: #fafafa;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 48px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .btn-search {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -257px -309px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .btn-search[disabled],
.scene-safe-notification-wrap #container .scene-safe-notification-application .search-group .btn-search.disabled {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -239px -309px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .select-group {
  position: relative;
  margin: 10px 9px 0px 0px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .select-group button {
  position: relative;
  z-index: 2;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  padding-right: 38px;
  padding-left: 15px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .select-group:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .direct {
  display: block;
  width: 100%;
  margin: 10px -3px;
  font-size: 15px;
  text-decoration: underline;
  text-align: right;
  color: #666;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group {
  position: relative;
  margin: 10px 0 0 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .danger {
  font-weight: 400;
  font-size: 13px;
  color: red;
  display: block;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-select {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: normal;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-select.main {
  width: 80%;
  float: right;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-select.side {
  width: 18%;
  float: left;
  color: #efefef;
  background-color: #bbb;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-select.main-update {
  width: 100%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .btn-support {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group h4 {
  padding-top: 10px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group h4 .opt {
  font-weight: normal;
  padding-left: 3px;
  color: #777;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .label {
  margin-left: 5px;
  margin-right: 10px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .space {
  width: 20px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .desc {
  margin: 10px 0;
  line-height: 1.5;
  color: #777;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .desc strong {
  font-weight: normal;
  color: #4337de;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont.w20 {
  display: inline-block;
  width: 20%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont .select {
  padding: 0 15px;
  z-index: 2;
  font-size: 17px;
  display: block;
  width: 100%;
  height: 42px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont .select.disabled {
  color: gray;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .select-cont:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .search-group {
  position: relative;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .search-group .search-input {
  text-align: left;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 45px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .search-group .search-input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .search-group .search-input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .search-group:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .mobile {
  position: relative;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group textarea.input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  resize: none;
  height: 120px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group textarea.input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group textarea.input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .file-input-btn {
  display: block;
  box-sizing: border-box;
  margin-top: 12px;
  height: 52px;
  line-height: 52px;
  background-color: #3a3a3a;
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .file-input-btn span {
  padding-left: 25px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .file-input-btn span:before {
  position: absolute;
  left: 15px;
  font-family: 'fontello';
  margin-right: 6px;
  content: '\E827';
  color: #ccc;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group button {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 34%;
  border: 1px solid #CCC;
  border-right: 0;
  height: 44px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group button:first-child {
  width: 33%;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group button:last-child {
  width: 33%;
  border-right: 1px solid #CCC;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group button.selected {
  color: #F3F3F3;
  background-color: #373E96;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group.pair button:first-child {
  width: 50%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .type-select-group.pair button:last-child {
  width: 50%;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .price-btn-group {
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #ccc;
  border-top: 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .price-btn-group button {
  display: table-cell;
  box-sizing: border-box;
  width: 33%;
  height: 44px;
  border-right: 1px solid #ccc;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .price-btn-group button:last-child {
  border-right: 0;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .priceText {
  text-align: right;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .help-tail {
  padding: 10px 0;
  font-size: 14px;
  color: #999;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .help-tail:before {
  margin-right: 5px;
  font-family: fontello;
  content: '\E822';
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .input-group .slider {
  padding: 0 13px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .confirm-list li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 15px;
  font-size: 19px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .confirm-list li.address {
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-right: 0;
  font-size: 22px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .confirm-list li .key {
  color: #4337de;
  font-size: 16px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .confirm-list li .value {
  display: block;
  color: #333;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .complete-text {
  padding: 20px 0px 0px;
  font-size: 17px;
  line-height: 1.7;
  color: #444;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .complete-text .highlight {
  color: #4337de;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn-ok.v2 {
  background: #9197a1;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn-ok[disabled] {
  background: #9197a1;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn_x2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn_x2 span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 2px;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn-auth {
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
  height: 52px;
  line-height: 56px;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .btn-auth[disabled] {
  background: #9197a1;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .secure {
  position: relative;
  margin-top: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 15px 20px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: keep-all;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .secure .highlight {
  color: #373E96;
  font-weight: 500;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .secure a {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 20px;
  color: #4337de;
}
.scene-safe-notification-wrap #container .scene-safe-notification-application .secure a:hover {
  text-decoration: underline;
}
.safe-notification-card-container {
  cursor: pointer;
}
.safe-notification-card-container .safe-notification-card-item {
  position: relative;
  display: block;
  padding: 15px 25px 10px;
  background-color: #fff;
}
.safe-notification-card-container .safe-notification-card-item .apt-name {
  display: block;
  max-width: 270px;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.safe-notification-card-container .safe-notification-card-item .address {
  font-size: 15px;
  font-weight: 300;
  color: #555555;
}
.safe-notification-card-container .safe-notification-card-item .side {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 5px 0;
  color: #4337DE;
  font-weight: 600;
  font-size: 17px;
}
.safe-notification-card-container .safe-notification-card-item .side.side-reject {
  color: red;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container {
  position: relative;
  margin-top: 17px;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container.empty-summary {
  margin-top: 10px;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item {
  display: inline-block;
  margin: 0 15px 10px 0;
  color: #888888;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item .sub-title {
  display: inline-block;
  padding: 0 ;
  margin-right: 5px ;
  font-size: 13px;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item .sub-title:first-child {
  margin-left: 0;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item .sub-value {
  display: inline-block;
  color: #555;
  font-size: 16px;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item .sub-value.danger {
  color: red;
  font-weight: 500;
}
.safe-notification-card-container .safe-notification-card-item .safe-notification-summary-container .safe-notification-summary-item .sub-value.primary {
  color: #4337de;
}
.safe-notification-card-container .safe-notification-sub-info-container {
  display: block;
  background-color: #FFF;
  padding: 0 15px 20px;
}
.safe-notification-card-container .safe-notification-sub-info-container.has-memo {
  padding-bottom: 8px;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item {
  padding-bottom: 0;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .content-group {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  padding: 10px 15px;
  background-color: #FFF;
  line-height: 1.4;
  font-size: 14px;
  border: 1px solid #e7e7e7;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .content-group .memo-content {
  display: inline;
  color: #000;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .content-group .memo-content .text {
  color: #b1b1b1;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .content-group .message-more {
  display: inline-block;
  margin-left: 3px;
  color: #4337de;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .info-group {
  padding: 0 10px;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .info-group .date {
  line-height: 30px;
  font-size: 12px;
  color: #b1b1b1;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item .info-group .date:before {
  content: '';
  margin-right: 0;
}
.safe-notification-card-container .safe-notification-sub-info-container .memo-item:first-child {
  margin-top: 0px;
}
.safe-notification-detail {
  position: relative;
}
.safe-notification-detail > div {
  margin-bottom: 20px;
}
.safe-notification-detail > div > p {
  margin: 0 15px 10px;
  font-size: 14px;
  color: #717485;
}
.safe-notification-detail > div:first-child {
  margin-bottom: 20px;
}
.safe-notification-detail > div:first-child > p {
  margin: 0;
}
.safe-notification-detail .title {
  position: relative;
  margin: 15px 15px 0 15px;
}
.safe-notification-detail .title .apt-name {
  display: block;
  max-width: 310px;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.safe-notification-detail .title .address {
  font-size: 15px;
  font-weight: 300;
  color: #555555;
}
.safe-notification-detail .title .btn-option {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 0 5px 15px;
}
.safe-notification-detail .title .btn-option:before {
  display: block;
  font-family: fontello;
  content: '\E845';
}
.safe-notification-detail .title .safe-notification-options-container {
  position: absolute;
  right: 0px;
  top: 3px;
  font-size: 15px;
}
.safe-notification-detail .title .safe-notification-options-container > a {
  cursor: pointer;
  padding: 5px 6px;
  color: #7A7A7A;
}
.safe-notification-detail .wrap {
  margin: 0 10px;
  padding: 0;
  position: relative;
  background: #FFF;
}
.safe-notification-detail .input-info .input-info-item {
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.safe-notification-detail .input-info .input-info-item:last-child {
  border-bottom: 0;
}
.safe-notification-detail .input-info .input-info-item > div {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  width: 50%;
}
.safe-notification-detail .input-info .input-info-item > div > span,
.safe-notification-detail .input-info .input-info-item > div button {
  display: block;
}
.safe-notification-detail .input-info .input-info-item > div .input-info-title {
  font-size: 14px;
  color: #555555;
  margin-bottom: 5px;
}
.safe-notification-detail .input-info .input-info-item > div .input-info-title .icon {
  margin-left: 5px;
  color: #aaa;
}
.safe-notification-detail .input-info .input-info-item > div .input-info-value {
  font-size: 19px;
}
.safe-notification-detail .input-info .input-info-item > div .input-info-value.primary {
  color: #4337DE;
}
.safe-notification-detail .input-info .input-info-item > div .input-info-message {
  margin-top: 5px;
  font-size: 14px;
  color: #888888;
  font-weight: 300;
}
.safe-notification-detail .input-info .input-info-item > div.bottom-title {
  position: relative;
  top: 5px;
}
.safe-notification-detail .input-info .input-info-item > div.bottom-title .input-info-title {
  margin-bottom: 0;
}
.safe-notification-detail .infos .info-item {
  position: relative;
  padding: 15px 0;
  border-bottom: solid 1px #e7e7e7;
  line-height: 30px;
}
.safe-notification-detail .infos .info-item > div {
  padding: 0 20px 0;
}
.safe-notification-detail .infos .info-item .name {
  display: block;
  height: 24px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  color: #323232;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.safe-notification-detail .infos .info-item .value {
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 16px;
  color: #323232;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.safe-notification-detail .infos .info-item .value .variations {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.safe-notification-detail .infos .info-item .help-message {
  margin-top: -2px;
  color: #888888;
  font-size: 13px;
  font-weight: 300;
}
.safe-notification-detail .infos .info-item .help-message span {
  display: block;
}
.safe-notification-detail .infos .info-item .action-message {
  display: inline-block;
  margin-top: 5px;
  color: #4337DE;
  font-size: 14px;
}
.safe-notification-detail .infos .info-item .action-message .icon {
  margin-right: 5px;
}
.safe-notification-detail .infos .info-item.danger .value,
.safe-notification-detail .infos .info-item.bad .value {
  font-weight: 600;
  color: #fb3535;
}
.safe-notification-detail .infos .info-item.price-up .value {
  color: #FE4C40;
  font-size: 17px;
  font-weight: 500;
  text-align: right;
}
.safe-notification-detail .infos .info-item.price-up .value .variations:after {
  margin-left: 3px;
  font-size: 13px;
  font-family: fontello;
  content: '\E83E';
}
.safe-notification-detail .infos .info-item.price-down .value {
  color: #4682B4;
  font-size: 17px;
  font-weight: 500;
  text-align: right;
}
.safe-notification-detail .infos .info-item.price-down .value .variations:after {
  margin-left: 3px;
  font-size: 13px;
  font-family: fontello;
  content: '\E83D';
}
.safe-notification-detail .infos .info-item.price-zero .value {
  color: #323232;
  font-size: 17px;
  font-weight: 500;
  text-align: right;
}
.safe-notification-detail .reject,
.safe-notification-detail .pending {
  color: #4337DE;
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  line-height: 1.5;
}
.safe-notification-detail .btn-action {
  margin-top: 10px;
}
.safe-notification-detail .btn-update {
  margin-top: 10px;
  padding: 0 10px;
  display: block;
  text-align: center;
  height: 42px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background: #4F69C6;
  border: 1px solid #3e5abe;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.safe-notification-detail .owner-trade {
  padding: 25px;
  background-color: #fff;
}
.memo .help {
  position: absolute;
  right: 10px;
  font-size: 12px;
}
.memo .safe-notification-memo-container {
  border-top: 1px solid #ededed;
  padding: 0 15px 15px;
  font-size: 13px;
  color: #999;
  margin: 0 10px 20px;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}
.memo .safe-notification-memo-container .btn-memo-more {
  display: block;
  padding: 0px 12px;
  line-height: 42px;
  font-size: 13px;
  color: #777;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 15px;
}
.memo .safe-notification-memo-container .btn-memo-more:hover {
  color: #000;
}
.memo .safe-notification-memo-container .memo-list ul {
  margin: 0;
  padding: 0;
}
.memo .safe-notification-memo-container .memo-input {
  position: relative;
  height: 39px;
  -webkit-border-radius: 19.5px;
  -moz-border-radius: 19.5px;
  -ms-border-radius: 19.5px;
  -o-border-radius: 19.5px;
  border-radius: 19.5px;
  background-color: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
}
.memo .safe-notification-memo-container .memo-input textarea {
  resize: none;
  outline: 0;
  border: 0;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 14px;
  width: 100%;
  margin-top: 3px;
  padding: 8px 30px 0 0;
  height: 29px;
  box-sizing: border-box;
}
.memo .safe-notification-memo-container .memo-input input::-webkit-input-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input input:-moz-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input input::-moz-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input input:-ms-input-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input textarea::-webkit-input-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input textarea:-moz-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input textarea::-moz-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input textarea:-ms-input-placeholder {
  color: #bbb;
}
.memo .safe-notification-memo-container .memo-input .btn-post {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 39px;
  height: 39px;
  text-align: center;
  padding: 0 20px;
  color: #999;
}
.memo .safe-notification-memo-container .memo-input .btn-post:hover {
  color: #4337de;
  font-weight: 600;
}
.memo .safe-notification-memo-container .memo-input .btn-post:before {
  line-height: 1.3;
  font-family: 'fontello';
  content: '\e813';
}
.memo .safe-notification-memo-container .memo-input .btn-post span {
  width: 0;
  height: 0;
  line-height: 999em;
  overflow: hidden;
  display: inline-block;
}
.memo .safe-notification-memo-container .memo-input:first-child {
  margin-top: 15px;
}
.memo .memo-item {
  padding-bottom: 10px;
}
.memo .memo-item .content-group {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  padding: 10px 15px;
  background-color: #fff;
  line-height: 1.4;
  font-size: 14px;
  border: 1px solid #e7e7e7;
}
.memo .memo-item .content-group .memo-content {
  display: inline;
  color: #000;
}
.memo .memo-item .content-group .message-more {
  display: inline-block;
  margin-left: 3px;
  color: #4337de;
}
.memo .memo-item .info-group {
  font-size: 12px;
  padding: 0 16px;
}
.memo .memo-item .info-group .date {
  line-height: 30px;
  font-size: 12px;
  color: #b1b1b1;
}
.memo .memo-item .info-group .date:before {
  content: '·';
  margin-right: 5px;
  color: #777;
}
.memo .memo-item .info-group .btn-delete {
  line-height: 30px;
  color: #777;
  margin-right: 6px;
}
.memo .memo-item:first-child {
  margin-top: 15px;
}
.safe-notification-card-container .card,
.safe-notification-detail .card,
.memo .card {
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.1);
}
.safe-notification-card-container .rent-status,
.safe-notification-detail .rent-status,
.memo .rent-status {
  padding: 5px;
  margin-left: 8px;
  font-size: 13px;
  font-weight: normal;
  color: #888888;
  border: solid 1px #cccccc;
  line-height: 30px;
  background: #FFF;
}
.safe-notification-option-dimmed-layer {
  z-index: 1001;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.safe-notification-option-dimmed-layer > a {
  display: block;
  height: 100%;
}
.safe-notification-option-layer {
  position: fixed;
  z-index: 1002;
  bottom: -180px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  opacity: 0;
}
.safe-notification-option-layer.show {
  transform: translate3d(0, -180px, 0);
  -webkit-transform: translate3d(0, -180px, 0);
  -moz-transform: translate3d(0, -180px, 0);
  -ms-transform: translate3d(0, -180px);
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  opacity: 1;
}
.safe-notification-option-layer.hide {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.safe-notification-option-layer > ul li {
  border-bottom: 1px solid #e7e7e7;
}
.safe-notification-option-layer > ul li a {
  line-height: 52px;
  display: block;
  padding: 0 20px;
  font-size: 17px;
}
.safe-notification-option-layer > ul li a:hover {
  background-color: #fafafa;
}
.safe-notification-option-layer > ul li a:before {
  position: relative;
  margin-right: 8px;
  content: '';
  vertical-align: middle;
  line-height: 1;
}
.safe-notification-option-layer > ul li:last-child {
  text-align: center;
  border-bottom: 0;
}
.scene-offer #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  border: 0;
}
.scene-offer #header > .title {
  position: relative;
  height: 58px;
}
.scene-offer #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: 400;
  line-height: 57px;
  text-align: center;
  vertical-align: top;
}
.scene-offer #header > .title h1 a {
  color: #fff;
}
.scene-offer #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-offer #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-offer #header > .title .btn-setting {
  position: absolute;
  padding: 18px 10px 19px 10px;
  right: 45px;
  top: 0px;
  color: #fff;
}
.scene-offer #header > .title .btn-my {
  display: block;
  height: 58px;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
.scene-offer #header > .title .btn-my span {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -227px -91px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-offer #header .filter {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-offer #header .filter .offer-scroll-container {
  position: relative;
  padding-top: 3px;
  height: 46px;
}
.scene-offer #header .filter .offer-scroll-container ul {
  padding-left: 10px;
  padding-right: 10px;
  height: 65px;
}
.scene-offer #header .filter .offer-scroll-container ul li {
  line-height: 44px;
  height: 44px;
}
.scene-offer #header .filter .offer-scroll-container ul li .scroll-link {
  font-size: 17px;
}
.scene-offer #header .filter .offer-scroll-container ul li .scroll-link.applied {
  color: #4337de;
}
.scene-offer #header .filter .offer-scroll-container.has-more {
  height: 100%;
}
.scene-offer #header .filter .offer-scroll-container.has-more ul {
  height: 100%;
}
.scene-offer #header .filter .offer-scroll-container.has-more ul li {
  float: left;
  width: 45%;
}
.scene-offer #header .filter .offer-scroll-container.has-more ul li .scroll-link {
  display: inline;
}
.scene-offer #header .filter .more-group {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 41px;
  width: 60px;
  text-align: right;
  background-color: #fff;
}
.scene-offer #header .filter .more-group .btn-more {
  display: block;
  line-height: 41px;
  font-size: 15px;
  padding-right: 12px;
}
.scene-offer #header .filter .tool-group {
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  height: 46px;
}
.scene-offer #header .filter .tool-group .btn-reset-all {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 46px;
  color: #333;
  padding: 0 15px;
  font-size: 16px;
}
.scene-offer #header .filter .tool-group .btn-reset-all:before {
  font-family: 'fontello';
  content: '\E820';
  margin-right: 8px;
}
.scene-offer #header .filter .tool-group .btn-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 46px;
  height: 46px;
  width: 16px;
  padding: 0 15px;
  vertical-align: middle;
}
.scene-offer #header .filter .tool-group .btn-close span {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  position: static;
  vertical-align: middle;
}
.scene-offer #header .filter .filter-group {
  background: #fff;
  padding: 5px 0;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul {
  position: relative;
  padding: 9px 14px 0px 14px;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul.has-top {
  padding: 3px 14px 0px 14px;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  font-size: 15px;
  background-color: #efefef;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul li.selected {
  background-color: #5963d9;
  color: #efefef;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul li a {
  display: block;
  line-height: 30px;
  padding: 1px 11px 0;
}
.scene-offer #header .filter .filter-group .sample-list .sample-ul li a.selected {
  color: #efefef;
}
.scene-offer #container {
  padding-top: 105px;
}
.scene-offer #container .index-item {
  background-color: #eaebed;
  color: #999;
  padding: 7px 15px;
}
.scene-offer #container .index-item + .offer-item {
  margin-top: 0;
}
.scene-offer #container .suggestion-item {
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed;
}
.scene-offer #container .suggestion-item a {
  display: block;
  text-align: center;
  color: #555;
  line-height: 52px;
}
.scene-offer #container .suggestion-item a:before {
  overflow: hidden;
  width: 16px;
  height: 12px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -311px -93px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 3px;
  line-height: 52px;
  vertical-align: middle;
}
.scene-offer #container .offer-item {
  position: relative;
  display: block;
  background-color: #fff;
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed;
  box-sizing: border-box;
  cursor: pointer;
}
.scene-offer #container .offer-item:first-child {
  border-top: 0;
}
.scene-offer #container .offer-item:last-child {
  border-bottom: 1px solid #eaebed;
}
.scene-offer #container .offer-item .title {
  display: block;
  font-size: 17px;
  font-weight: 600;
  box-sizing: border-box;
  max-width: 355px;
}
.scene-offer #container .offer-item .title .name {
  display: inline-block;
}
.scene-offer #container .offer-item .title .name-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  max-width: 240px;
}
.scene-offer #container .offer-item .title .tag {
  display: inline-block;
  padding: 1px 8px 0;
  margin-left: 6px;
  line-height: 22px;
  text-align: center;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #1bbb53;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  vertical-align: middle;
  margin-top: -2px;
}
.scene-offer #container .offer-item .title .tag.hot {
  background-color: #FF5643;
}
.scene-offer #container .offer-item .title .tag.event {
  background-color: #6389D8;
}
.scene-offer #container .offer-item .address {
  font-size: 15px;
}
.scene-offer #container .offer-item .date-type {
  margin-right: 6px;
}
.scene-offer #container .offer-item .date-type:last-child {
  margin-right: 0;
}
.scene-offer #container .offer-item .counts .view {
  font-size: 15px;
  display: inline-block;
}
.scene-offer #container .offer-item.plain {
  padding: 15px 15px 10px;
}
.scene-offer #container .offer-item.plain .dates {
  margin-top: 3px;
  font-size: 15px;
  color: #4337de;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-offer #container .offer-item.plain .dates .nonranking-type {
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
  color: #5963D9;
  background-color: #eef0f3;
  line-height: 12px;
  padding: 3px 5px 1px;
  margin-right: 5px;
  vertical-align: middle;
}
.scene-offer #container .offer-item.plain .counts {
  margin-top: 10px;
  color: #999;
}
.scene-offer #container .offer-item.plain .counts .view {
  font-size: 15px;
}
.scene-offer #container .offer-item.plain .address {
  color: #555;
  margin-top: 10px;
  display: none;
}
.scene-offer #container .offer-item.has-photo {
  overflow: hidden;
  height: 160px;
}
.scene-offer #container .offer-item.has-photo:after {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  content: '';
}
.scene-offer #container .offer-item.has-photo .offer-image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}
.scene-offer #container .offer-item.has-photo .title {
  position: absolute;
  z-index: 3;
  bottom: 35px;
  left: 15px;
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}
.scene-offer #container .offer-item.has-photo .title a {
  display: block;
  color: #fff;
}
.scene-offer #container .offer-item.has-photo .title a:hover {
  text-decoration: none;
  color: #e1e1e1;
}
.scene-offer #container .offer-item.has-photo .dates {
  position: absolute;
  display: block;
  z-index: 3;
  bottom: 63px;
  left: 15px;
  padding: 1px 9px 0;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.7);
}
.scene-offer #container .offer-item.has-photo .counts {
  position: absolute;
  z-index: 3;
  left: 15px;
  bottom: 10px;
}
.scene-offer #container .offer-item.has-photo .counts .view {
  color: #ccc;
}
.scene-offer #container .offer-item.has-photo .btn-subscribe-offer {
  position: absolute;
  z-index: 3;
  display: block;
  right: 15px;
  bottom: 15px;
  font-size: 15px;
  color: #000;
  background-color: #fff;
  line-height: 38px;
  height: 40px;
  padding: 0 12px 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  box-sizing: border-box;
  width: auto;
  text-align: center;
}
.scene-offer #container .offer-item.has-photo .btn-subscribe-offer:before {
  margin: 8px 6px 0 0;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -277px -118px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-offer #container .offer-item.has-photo .btn-subscribe-offer:hover {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
.scene-offer #container .offer-item.has-photo .date-type {
  color: #768ce4!important;
}
.scene-offer #container .offer-item.has-photo .d-day {
  color: #fff!important;
}
.scene-offer #container .offer-item.has-photo .tag,
.scene-offer #container .offer-item.has-photo .hot {
  margin-top: 0;
}
.scene-offer #container .offer-item .caption {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
  font-weight: 300;
  color: #777;
  text-align: right;
}
.scene-offer #container .offer-item .caption .rate {
  height: 15px;
  color: #4337de;
}
.scene-offer #container .offer-item .caption .avg {
  color: #4337de;
  line-height: 1;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 600;
}
.scene-offer #container .offer-item .btn-subscribe-offer {
  position: absolute;
  display: block;
  right: 15px;
  bottom: 30px;
  font-size: 15px;
  color: #000;
  background-color: #fff;
  line-height: 38px;
  height: 40px;
  padding: 0 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  box-sizing: border-box;
  width: 40px;
  text-align: center;
}
.scene-offer #container .offer-item .btn-subscribe-offer:before {
  margin: 8px 0 0 0;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -277px -118px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-offer #container .offer-item .btn-subscribe-offer:hover {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
.scene-offer #container .offer-item .btn-subscribe-offer.subscribed {
  background-color: #5963d9;
  color: #fff;
  border: 1px solid #5963d9;
  border-bottom: 1px solid #3941a8;
  border-right: 1px solid #3941a8;
  padding: 0 11px;
}
.scene-offer #container .offer-item .btn-subscribe-offer.subscribed:before {
  margin: 8px 0 0 0;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -300px -118px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-offer #container .offer-item .btn-subscribe-offer.subscribed:hover {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}
.scene-offer #container .offer-item.today .d-day {
  color: #4337de;
  font-weight: bold;
}
.scene-offer #container .btn-more-offer {
  display: block;
  line-height: 52px;
  height: 52px;
  color: #777;
  text-align: center;
}
.scene-offer #container .btn-more-offer:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-offer #container .loading {
  position: relative;
  height: 52px;
}
.scene-offer #container .result.empty {
  text-align: center;
  background-color: #fff;
  color: #aaa;
  font-size: 19px;
  padding: 0 10px;
}
.scene-offer #container .result.empty .content {
  padding: 50px 40px 20px;
}
.scene-offer #container .result.empty .input-group {
  position: relative;
  margin: 10px 10px 0;
}
.scene-offer #container .result.empty .input-group .btn-select {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: normal;
}
.scene-offer #container .result.empty .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-auction #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  border: 0;
}
.scene-auction #header > .title {
  position: relative;
  height: 58px;
}
.scene-auction #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: 400;
  line-height: 57px;
  text-align: center;
  vertical-align: top;
}
.scene-auction #header > .title h1 a {
  color: #fff;
}
.scene-auction #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-auction #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auction #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.scene-auction #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-auction #header .filter {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-auction #header .filter .auction-scroll-container {
  position: relative;
  padding-top: 3px;
  height: 46px;
}
.scene-auction #header .filter .auction-scroll-container ul {
  padding-left: 10px;
  padding-right: 10px;
  height: 65px;
}
.scene-auction #header .filter .auction-scroll-container ul li {
  line-height: 44px;
  height: 44px;
}
.scene-auction #header .filter .auction-scroll-container ul li .scroll-link {
  font-size: 17px;
}
.scene-auction #header .filter .auction-scroll-container ul li .scroll-link.applied {
  color: #4337de;
}
.scene-auction #header .filter .more-group {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 41px;
  width: 60px;
  text-align: right;
  background-color: #fff;
}
.scene-auction #header .filter .more-group .btn-more {
  display: block;
  line-height: 41px;
  font-size: 15px;
  padding-right: 12px;
}
.scene-auction #header .filter .tool-group {
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  height: 46px;
}
.scene-auction #header .filter .tool-group .btn-reset-all {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 46px;
  color: #333;
  padding: 0 15px;
  font-size: 16px;
}
.scene-auction #header .filter .tool-group .btn-reset-all:before {
  font-family: 'fontello';
  content: '\E820';
  margin-right: 8px;
}
.scene-auction #header .filter .tool-group .btn-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 46px;
  height: 46px;
  width: 16px;
  padding: 0 15px;
  vertical-align: middle;
}
.scene-auction #header .filter .tool-group .btn-close span {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  position: static;
  vertical-align: middle;
}
.scene-auction #header .filter .filter-group {
  background: #fff;
  padding: 5px 0;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul {
  position: relative;
  padding: 9px 14px 0px 14px;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul.has-top {
  padding: 3px 14px 0px 14px;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  font-size: 15px;
  background-color: #efefef;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul li.selected {
  background-color: #5963d9;
  color: #efefef;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul li a {
  display: block;
  line-height: 30px;
  padding: 1px 11px 0;
}
.scene-auction #header .filter .filter-group .sample-list .sample-ul li a.selected {
  color: #efefef;
}
.scene-auction #container {
  padding-top: 108px;
}
.scene-auction #container.empty {
  text-align: center;
  background-color: #fff;
  color: #aaa;
}
.scene-auction #container.empty .content {
  padding: 50px 40px 20px;
}
.scene-auction #container.empty .input-group {
  position: relative;
  margin: 10px 10px;
}
.scene-auction #container.empty .input-group .btn-select {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: normal;
}
.scene-auction #container.empty .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-auction #container .index-item {
  background-color: #eaebed;
  color: #999;
  padding: 15px 15px 8px;
  font-size: 14px;
}
.scene-auction #container .index-item + .auction-item {
  margin-top: 0;
}
.scene-auction #container .suggestion-item {
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  margin: 4px 0px 0;
}
.scene-auction #container .suggestion-item a {
  display: block;
  text-align: center;
  color: #555;
  line-height: 42px;
  font-size: 15px;
  cursor: pointer;
}
.scene-auction #container .suggestion-item a:before {
  overflow: hidden;
  width: 17px;
  height: 12px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -283px -149px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 2px;
  line-height: 52px;
  vertical-align: middle;
}
.scene-auction #container .auction-item {
  position: relative;
  display: block;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px 15px 18px;
}
.scene-auction #container .auction-item:first-child {
  margin-top: 0;
}
.scene-auction #container .auction-item:hover {
  background-color: #f2f2f2;
}
.scene-auction #container .auction-item .price-group {
  position: absolute;
  text-align: right;
  top: 30px;
  right: 20px;
  height: 30px;
  vertical-align: middle;
}
.scene-auction #container .auction-item .price-group .state {
  font-size: 15px;
  font-weight: 500;
  color: #4337de;
  margin-right: 8px;
  vertical-align: middle;
}
.scene-auction #container .auction-item .price-group .price {
  font-size: 21px;
  font-weight: bold;
  vertical-align: middle;
}
.scene-auction #container .auction-item .py-group {
  margin-top: 3px;
}
.scene-auction #container .auction-item .py {
  font-size: 15px;
}
.scene-auction #container .auction-item .date {
  font-size: 15px;
  color: #888;
  margin-left: 5px;
}
.scene-auction #container .auction-item .title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  max-width: 355px;
}
.scene-auction #container .auction-item .title .name {
  display: inline-block;
}
.scene-auction #container .auction-item .title .name-inline {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  max-width: 180px;
}
.scene-auction #container .auction-item.plain {
  padding: 15px 15px 10px;
}
.scene-auction #container .auction-item.plain .dates {
  display: inline-block;
  margin-top: 3px;
  font-size: 14px;
  color: #4337de;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.scene-auction #container .auction-item.plain .counts {
  margin-top: 10px;
  color: #999;
}
.scene-auction #container .auction-item.plain .counts .view {
  font-size: 14px;
}
.scene-auction #container .auction-item.plain .address {
  color: #555;
  margin-top: 10px;
  display: none;
}
.scene-auction #container .auction-item .caption {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  font-weight: 300;
  color: #777;
  text-align: right;
}
.scene-auction #container .auction-item .caption .rate {
  height: 14px;
  color: #4337de;
}
.scene-auction #container .auction-item .caption .avg {
  color: #4337de;
  line-height: 1;
  margin-top: 8px;
  font-size: 22px;
  font-weight: 600;
}
.scene-auction #container .auction-item .btn-subscribe-offer {
  position: absolute;
  z-index: 3;
  display: block;
  right: 15px;
  bottom: 29px;
  font-size: 15px;
  color: #000;
  background-color: #fff;
  line-height: 38px;
  height: 40px;
  padding: 0 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  box-sizing: border-box;
  width: 40px;
  text-align: center;
}
.scene-auction #container .auction-item .btn-subscribe-offer:before {
  margin: 8px 0 0 0;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -221px -149px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-auction #container .auction-item .btn-subscribe-offer:hover {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
.scene-auction #container .auction-item .btn-subscribe-offer.subscribed {
  background-color: #5963d9;
  color: #fff;
  border: 1px solid #5963d9;
  border-bottom: 1px solid #3941a8;
  border-right: 1px solid #3941a8;
  padding: 0 11px;
}
.scene-auction #container .auction-item .btn-subscribe-offer.subscribed:before {
  margin: 8px 0 0 0;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -244px -149px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-auction #container .auction-item .btn-subscribe-offer.subscribed:hover {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}
.scene-auction #container .auction-item.today .d-day {
  color: #4337de;
  font-weight: bold;
}
.scene-auction #container .btn-more-auction {
  display: block;
  line-height: 52px;
  height: 52px;
  color: #777;
  text-align: center;
}
.scene-auction #container .btn-more-auction:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-auction #container .loading {
  position: relative;
  height: 52px;
}
.scene-auction .footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #f2f2f2;
  height: 48px;
  line-height: 48px;
  font-size: 13px;
  color: #666;
  text-align: center;
  background-color: #fafafa;
}
.scene-reconstruction #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  border: 0;
}
.scene-reconstruction #header > .title {
  position: relative;
  height: 58px;
}
.scene-reconstruction #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: 400;
  line-height: 57px;
  text-align: center;
  vertical-align: top;
}
.scene-reconstruction #header > .title h1 a {
  color: #fff;
}
.scene-reconstruction #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-reconstruction #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-reconstruction #header > .title .btn-map {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 58px;
}
.scene-reconstruction #header > .title .btn-map span {
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -12px;
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 24px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -145px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-reconstruction #header .filter {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-reconstruction #header .filter .reconstruction-scroll-container {
  position: relative;
  padding-top: 3px;
  height: 46px;
}
.scene-reconstruction #header .filter .reconstruction-scroll-container ul {
  padding-left: 10px;
  padding-right: 10px;
  height: 65px;
}
.scene-reconstruction #header .filter .reconstruction-scroll-container ul li {
  line-height: 44px;
  height: 44px;
}
.scene-reconstruction #header .filter .reconstruction-scroll-container ul li .scroll-link {
  font-size: 17px;
}
.scene-reconstruction #header .filter .reconstruction-scroll-container ul li .scroll-link.applied {
  color: #4337de;
}
.scene-reconstruction #header .filter .more-group {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 41px;
  width: 60px;
  text-align: right;
  background-color: #fff;
}
.scene-reconstruction #header .filter .more-group .btn-more {
  display: block;
  line-height: 41px;
  font-size: 15px;
  padding-right: 12px;
}
.scene-reconstruction #header .filter .filter-group {
  background: #fff;
  padding: 5px 0;
}
.scene-reconstruction #container {
  padding-top: 108px;
}
.scene-reconstruction #container .empty {
  text-align: center;
  background-color: #fff;
  color: #aaa;
}
.scene-reconstruction #container .empty .content {
  padding: 50px 40px 20px;
}
.scene-reconstruction #container .reconstruction-item {
  position: relative;
  display: block;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px 15px;
}
.scene-reconstruction #container .reconstruction-item:first-child {
  margin-top: 0;
}
.scene-reconstruction #container .reconstruction-item:hover {
  background-color: #f2f2f2;
}
.scene-reconstruction #container .reconstruction-item .title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  max-width: 355px;
}
.scene-reconstruction #container .reconstruction-item .title .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  max-width: 180px;
}
.scene-reconstruction #container .reconstruction-item .step-group {
  position: absolute;
  text-align: right;
  top: 32px;
  right: 20px;
}
.scene-reconstruction #container .reconstruction-item .step-group .step {
  font-size: 16px;
  font-weight: 500;
  color: #4337de;
  margin-right: 8px;
  vertical-align: middle;
}
.scene-reconstruction #container .reconstruction-item .step-group .step-text {
  font-weight: 600;
  font-size: 19px;
  vertical-align: middle;
}
.scene-reconstruction #container .reconstruction-item .dates {
  display: inline-block;
  margin-top: 3px;
  font-size: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #888;
}
.scene-reconstruction #container .reconstruction-item .dates .offer {
  color: red;
}
.scene-reconstruction #container .btn-more-reconstruction {
  display: block;
  line-height: 52px;
  height: 52px;
  color: #777;
  text-align: center;
}
.scene-reconstruction #container .btn-more-reconstruction:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-reconstruction #container .loading {
  position: relative;
  height: 52px;
}
.scene-news {
  background-color: #efefef;
}
.scene-news #header {
  background-color: #4d55b2;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  border: 0;
}
.scene-news #header > .title {
  position: relative;
  height: 58px;
}
.scene-news #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: 400;
  line-height: 57px;
  text-align: center;
  vertical-align: top;
}
.scene-news #header > .title h1 a {
  color: #fff;
}
.scene-news #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-news #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news #header > .title .btn-setting {
  position: absolute;
  padding: 18px 10px 19px 10px;
  right: 5px;
  top: 0;
  color: #fff;
}
.scene-news #container {
  padding-top: 58px;
}
.scene-news #container .news-register-form {
  border-bottom: 4px solid #ddd;
  background-color: #fff;
}
.scene-news #container .news-register-form input::-webkit-input-placeholder {
  color: gray;
}
.scene-news #container .news-register-form input:-moz-placeholder {
  color: gray;
}
.scene-news #container .news-register-form input::-moz-placeholder {
  color: gray;
}
.scene-news #container .news-register-form input:-ms-input-placeholder {
  color: gray;
}
.scene-news #container .news-register-form textarea::-webkit-input-placeholder {
  color: gray;
}
.scene-news #container .news-register-form textarea:-moz-placeholder {
  color: gray;
}
.scene-news #container .news-register-form textarea::-moz-placeholder {
  color: gray;
}
.scene-news #container .news-register-form textarea:-ms-input-placeholder {
  color: gray;
}
.scene-news #container .news-register-form .url {
  width: 100%;
  line-height: 58px;
  padding: 5px 20px 15px;
  border-bottom: 1px solid #eaebed;
  box-sizing: border-box;
  font-size: 16px;
}
.scene-news #container .news-register-form .btn-register-news {
  display: block;
  position: relative;
  color: #4337de;
  line-height: 52px;
  height: 52px;
  text-align: center;
  font-size: 16px;
}
.scene-news #container .news-register-form .desc {
  padding: 10px 20px;
  font-size: 14px;
}
.scene-news #container .news-register-form .desc:first-child {
  padding-top: 20px;
}
.scene-news #container .news-register-form .step-register-form {
  border-top: 4px solid #eaebed;
}
.scene-news #container .news-register-form .step-register-form .title {
  padding: 0 20px;
  display: block;
  font-size: 17px;
  font-weight: 600;
}
.scene-news #container .news-register-form .step-register-form .input-group {
  position: relative;
  background-color: #f2f2f2;
  margin-top: 10px;
  padding: 20px 20px 50px;
  box-sizing: border-box;
  border-top: 1px solid #eaebed;
}
.scene-news #container .news-register-form .step-register-form .input-group textarea {
  width: 100%;
  display: block;
  color: #333;
  font-size: 14px;
  border: 0;
  background-color: #f2f2f2;
}
.scene-news #container .news-register-form .step-register-form .input-group .label {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: #4337de;
  font-size: 14px;
}
.scene-news #container .news-register-form .step-register-form .check-group {
  padding: 0 20px;
}
.scene-news #container .news-register-form .step-register-form .check-group .checkbox-container {
  line-height: 28px;
  font-size: 15px;
}
.scene-news #container .news-register-form .step-register-form .check-group .checkbox-container label {
  margin-left: 5px;
}
.scene-news #container .news-register-form .step-register-form .check-group .checkbox-container .sub {
  margin-left: 3px;
  font-size: 14px;
  color: gray;
}
.scene-news #container .news-register-form .step-register-form .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 20px;
  height: 48px;
  line-height: 52px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-news #container .news-register-form .step-register-form .btn-ok.disabled {
  background: #9197a1;
}
.scene-news #container .news-register-form .step-already-exist-form,
.scene-news #container .news-register-form .step-complete {
  border-top: 4px solid #eaebed;
  position: relative;
}
.scene-news #container .news-register-form .step-already-exist-form .desc,
.scene-news #container .news-register-form .step-complete .desc {
  padding-right: 50px;
}
.scene-news #container .news-register-form .step-already-exist-form .btn-close,
.scene-news #container .news-register-form .step-complete .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.scene-news #container .news-register-form .step-already-exist-form .btn-close span,
.scene-news #container .news-register-form .step-complete .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news #container .scrap-desc {
  color: #666;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: 300;
  font-size: 15px;
}
.scene-news #container .scrap-desc.empty {
  margin-top: 60px;
  font-size: 17px;
}
.scene-news #container .section {
  line-height: 34px;
  height: 34px;
  font-size: 15px;
  color: #555;
  padding: 0 20px;
  border-top: 1px solid #e1e1e1;
  background-color: #eaebed;
  display: block;
}
.scene-news #container .result > .btn-more {
  display: block;
  line-height: 52px;
  width: 100%;
  height: 52px;
  color: #777;
  text-align: center;
  background-color: #fff;
  font-size: 17px;
}
.scene-news #container .result > .btn-more:after {
  font-size: 15px;
  font-family: 'fontello';
  content: '\E80C';
  margin-left: 6px;
}
.scene-news #container .loading {
  position: relative;
  height: 52px;
}
.scene-news #container .local-news .local-name {
  color: #4337de;
  font-weight: normal;
}
.scene-news #container .local-news > .btn-more {
  display: block;
  line-height: 52px;
  width: 100%;
  height: 52px;
  color: #777;
  text-align: center;
  background-color: #fff;
  font-size: 17px;
}
.scene-news #container .local-news > .btn-more:after {
  font-size: 15px;
  font-family: 'fontello';
  content: '\E80C';
  margin-left: 8px;
}
.scene-news #container .local-news .loading {
  position: relative;
  height: 40px;
}
.scene-news #container .result.empty {
  text-align: center;
  background-color: #fff;
  color: #aaa;
  font-size: 19px;
  padding: 0 10px;
}
.scene-news #container .result.empty .content {
  padding: 50px 40px 20px;
}
.scene-news #container .result.empty .input-group {
  position: relative;
  margin: 10px 10px 0;
}
.scene-news #container .result.empty .input-group .btn-select {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: normal;
}
.scene-news #container .result.empty .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-news #container .btn-register {
  position: fixed;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #adadad;
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  font-weight: 600;
  color: #666;
  text-align: center;
  background-color: #fafafa;
}
.news-item {
  position: relative;
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #eaebed;
  cursor: pointer;
}
.news-item .link {
  display: block;
  padding: 20px 20px 12px;
}
.news-item:first-child .link {
  padding-top: 20px;
}
.news-item .title {
  display: inline;
  font-size: 19px;
  font-weight: 600;
}
.news-item .press {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  color: #999;
}
.news-item .date {
  display: inline-block;
  font-size: 14px;
  color: #999;
}
.news-item .summary-container {
  padding: 0 20px 10px;
}
.news-item .summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  /* Important for long words! */
  word-break: break-all;
  color: #333;
  font-size: 15px;
  line-height: 1.3;
}
.news-item .btn-group {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.news-item .btn-group .btn {
  display: inline-block;
  background-color: #fff;
  font-size: 14px;
  padding: 0 12px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  line-height: 32px;
  border: 1px solid #e1e1e1;
  margin-right: 5px;
  cursor: pointer;
}
.news-item .btn-group .btn .number {
  color: #4337de;
}
.news-item .btn-group .btn-scrap.on {
  background-color: #4337de;
  color: #fff;
}
.news-item .btn-group .btn-scrap.on .number {
  color: #fff;
}
.news-item.title-view .link {
  padding-top: 12px;
}
.news-item.title-view .title {
  font-size: 17px;
}
.news-item.has-button .summary-container {
  padding-bottom: 65px;
}
.scene-news-register .news-item {
  border: 1px solid #ccc;
}
.scene-news-register #header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-news-register #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news-register #header .btn-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-news-register #header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
}
.scene-news-register #header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news-register #container {
  padding: 63px 20px 16px 20px;
}
.scene-news-register .header {
  margin-top: 15px;
  margin-bottom: 30px;
}
.scene-news-register .header .title {
  display: block;
  font-size: 27px;
  font-weight: 300;
}
.scene-news-register .header .title.small {
  font-size: 22px;
}
.scene-news-register .header .desc {
  display: inline-block;
  margin-top: 10px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}
.scene-news-register .btn-large {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #373E96;
  color: #eee;
  font-size: 18px;
  font-weight: normal;
}
.scene-news-register .btn-medium {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 15px;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #d2d2d2;
  color: #333;
  font-size: 16px;
  font-weight: normal;
}
.scene-news-register .btn-small {
  display: inline-block;
  margin-left: 10px;
  color: #666;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
}
.scene-news-register .btn-search {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -257px -309px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news-register .btn-search[disabled],
.scene-news-register .btn-search.disabled {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -239px -309px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-news-register .input-group {
  position: relative;
  margin: 10px 0 0 0;
}
.scene-news-register .input-group input::-webkit-input-placeholder {
  color: #666;
}
.scene-news-register .input-group input:-moz-placeholder {
  color: #666;
}
.scene-news-register .input-group input::-moz-placeholder {
  color: #666;
}
.scene-news-register .input-group input:-ms-input-placeholder {
  color: #666;
}
.scene-news-register .input-group textarea::-webkit-input-placeholder {
  color: #666;
}
.scene-news-register .input-group textarea:-moz-placeholder {
  color: #666;
}
.scene-news-register .input-group textarea::-moz-placeholder {
  color: #666;
}
.scene-news-register .input-group textarea:-ms-input-placeholder {
  color: #666;
}
.scene-news-register .input-group.tr {
  text-align: right;
}
.scene-news-register .input-group .label {
  display: inline-block;
  margin: 5px 0;
  font-size: 16px;
  font-weight: 600;
}
.scene-news-register .input-group .label .sub {
  color: #999;
  font-weight: 300;
  font-size: 14px;
}
.scene-news-register .input-group .label .sub.warn {
  color: #565EAD;
}
.scene-news-register .input-group .label .sub.danger {
  color: red;
}
.scene-news-register .input-group small {
  display: block;
  font-size: 15px;
  color: #666;
}
.scene-news-register .input-group .input {
  display: block;
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaa;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-news-register .input-group .textarea {
  display: block;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-news-register .input-group .text {
  display: inline-block;
  margin-left: 10px;
  font-size: 17px;
}
.scene-news-register .check-group {
  margin-top: 10px;
}
.scene-news-register .check-group .check-item {
  font-size: 17px;
}
.scene-news-register .check-group .check-item .value {
  position: relative;
  display: inline-block;
  top: 1px;
  margin-left: 2px;
  font-weight: 400;
}
.scene-news-register .check-group .check-item .value .sub {
  display: inline-block;
  margin-left: 4px;
  color: #999;
  font-weight: 400;
}
.scene-event {
  overflow: visible!important;
  background: #fff;
}
.scene-event input::-webkit-input-placeholder {
  color: #999;
}
.scene-event input:-moz-placeholder {
  color: #999;
}
.scene-event input::-moz-placeholder {
  color: #999;
}
.scene-event input:-ms-input-placeholder {
  color: #999;
}
.scene-event textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-event textarea:-moz-placeholder {
  color: #999;
}
.scene-event textarea::-moz-placeholder {
  color: #999;
}
.scene-event textarea:-ms-input-placeholder {
  color: #999;
}
.scene-event #container {
  padding: 65px 20px 16px 20px;
}
.scene-event .txt {
  display: block;
  margin-top: 16px;
  color: #000;
  font-size: 17px;
  line-height: 1.5;
}
.scene-event .txt.dark {
  color: #444;
}
.scene-event .txt .highlight {
  color: #373E96;
  font-weight: 500;
}
.scene-event .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-event .mobile {
  position: relative;
}
.scene-event .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px;
}
.scene-event .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-event .btn_x2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-event .btn_x2 span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 2px;
}
.scene-event .btn-auth {
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
  height: 52px;
  line-height: 56px;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-event .btn-auth[disabled] {
  background: #9197a1;
}
.scene-event .secure {
  position: relative;
  margin-top: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 15px 20px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: keep-all;
}
.scene-event .secure .highlight {
  color: #373E96;
  font-weight: 500;
}
.scene-event .secure a {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 20px;
  color: #4337de;
}
.scene-event .secure a:hover {
  text-decoration: underline;
}
.scene-event .sub-title {
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0 5px;
}
.scene-event .checkbox-container {
  margin-top: 20px;
}
.scene-event .agreement-text {
  font-size: 12px;
  color: gray;
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  height: 70px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.scene-event .btn-ok {
  display: block;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-event .btn-ok.v2 {
  background: #9197a1;
}
.scene-event .btn-ok[disabled] {
  background: #9197a1;
}
.scene-event .address-input-container {
  position: relative;
}
.scene-event .address-input-container .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 51px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-event .address-input-container .keyword input::-webkit-input-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword input:-moz-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword input::-moz-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword input:-ms-input-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword textarea::-webkit-input-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword textarea:-moz-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword textarea::-moz-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .keyword textarea:-ms-input-placeholder {
  color: #adadad;
}
.scene-event .address-input-container .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.scene-event .address-input-container .suggestion ul {
  padding: 6px 0;
}
.scene-event .address-input-container .suggestion ul li {
  position: relative;
}
.scene-event .address-input-container .suggestion ul li.selected {
  background-color: #eee;
}
.scene-event .address-input-container .suggestion ul li a {
  display: block;
  line-height: 52px;
  padding: 0 20px;
  font-size: 15px;
}
.scene-event .address-input-container .suggestion ul li a:hover {
  background-color: #eee;
}
.scene-event .address-input-container .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.scene-event .address-input-container .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 15px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter {
  background-color: #EEF0F3;
}
.scene-noticenter #container {
  background: #fff;
  padding-top: 56px;
}
.scene-noticenter #container .filter {
  position: fixed;
  width: 100%;
  background-color: #FFF;
  height: 50px;
  color: #484848;
  z-index: 100;
  font-size: 15px;
}
.scene-noticenter #container .filter p {
  padding: 16px 24px 12px;
}
.scene-noticenter #container .filter a {
  color: #484848;
  position: absolute;
  bottom: 0;
  right: 24px;
  padding: 15px 0px 15px 18px;
}
.scene-noticenter #container .content {
  border-top: 10px solid #f8f8f9;
  margin-top: 50px;
}
.scene-noticenter #container .noticenter-container .no-noti .contents {
  display: block;
  color: #aaa;
  font-size: 16px;
  text-align: center;
  padding: 140px 0;
}
.scene-noticenter #container .noticenter-container .no-noti .no-contents-cards li {
  display: block;
  border-top: 10px solid #f8f8f9;
}
.scene-noticenter #container .noticenter-container .no-noti .no-contents-cards li p {
  padding: 20px;
  font-size: 16px;
  text-align: center;
}
.scene-noticenter #container .noticenter-container .no-noti .no-contents-cards li .btn-select {
  display: block;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #e1e1e1;
  line-height: 52px;
  text-align: center;
  color: #4337de;
  font-size: 17px;
}
.scene-noticenter #container .item.has-label {
  border-top: 10px solid #f8f8f9;
}
.scene-noticenter #container .item.has-label:first-child {
  border-top: 0px;
}
.scene-noticenter #container .item .title {
  padding: 20px 24px 8px;
  background-color: #FFF;
  font-size: 16px;
  color: #484848;
}
.scene-noticenter #container .item .noticenter-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}
.scene-noticenter #container .item .noticenter-item .unseen {
  position: absolute;
  right: 24px;
  top: 20px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: red;
}
.scene-noticenter #container .item .noticenter-item.unchecked {
  background-color: #ECF1F8;
}
.scene-noticenter #container .item .noticenter-item ul {
  color: #e2e3e5;
}
.scene-noticenter #container .item .noticenter-item ul li a {
  padding: 20px 44px 15px 58px;
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: 400;
}
.scene-noticenter #container .item .noticenter-item ul li a .message .apt {
  font-weight: 600;
}
.scene-noticenter #container .item .noticenter-item ul li a .date {
  display: block;
  font-size: 13px;
  color: #999999;
  line-height: 1.5;
  padding-top: 2px;
}
.scene-noticenter #container .item .noticenter-item ul li.parent {
  position: relative;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a {
  display: block;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .title-sub-message {
  display: block;
  font-weight: 600;
  padding-bottom: 5px;
  font-size: 15px;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon {
  position: absolute;
  top: 20px;
  left: 24px;
  width: 40px;
  height: 40px;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.message {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -364px -1px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.real {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -342px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.online {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -430px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.safe {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -519px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.offer {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -320px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.comment {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -364px -1px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.black {
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -386px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.cs {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -453px -2px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.partner {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -408px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.emergency {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2240%22%20height=%2240%22%20viewBox=%220%200%2040%2040%22%3E%3Cpath%20fill=%22%23fc541b%22%20d=%22M4%2035h32v3H4z%22/%3E%3Cpath%20fill=%22%23fc541b%22%20d=%22M24.5%2013a7%207%200%20017%206.4L33%2038H7l1.5-18.6a7%207%200%20017-6.4h9zm2.4%206h-2.5l.9%2013%202.4-.1-.8-13zM18%202h3v7h-3zm12.1%201l2.8%201.1-2.4%206.6-2.8-1zm-20.4.1L7%204.1l2.4%206.6%202.8-1z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  transform: translateY(-2px);
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-icon.default {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -476px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-image {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 24px;
  margin-top: -17px;
}
.scene-noticenter #container .item .noticenter-item ul li.parent a .noti-image img {
  width: 100%;
}
.scene-noticenter #container .item .noticenter-item ul li.child {
  padding-left: 58px;
  margin-bottom: 25px;
}
.scene-noticenter #container .item .noticenter-item ul li.child a {
  display: block;
  padding: 0 33px 0 13px;
  border-left: 2px solid #000000;
}
.scene-noticenter #container .item .noticenter-item ul li.child a .sub-title {
  font-weight: 600;
}
.scene-noticenter #container .item .noticenter-item ul li.child a .sub-message {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  color: #888888;
}
#draggable-footer-layer .layer-notification-select {
  background-color: #fff;
  max-height: 380px;
}
#draggable-footer-layer .layer-notification-select h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 25px;
}
#draggable-footer-layer .layer-notification-select .list-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 325px;
  box-sizing: border-box;
}
#draggable-footer-layer .layer-notification-select .item {
  display: block;
  height: 62px;
  line-height: 62px;
  position: relative;
  margin: 0 25px;
  border-bottom: 1px solid #eeeffc;
  box-sizing: border-box;
  font-size: 17px;
}
#draggable-footer-layer .layer-notification-select .item:last-child {
  border-bottom: 0;
  height: 70px;
}
#draggable-footer-layer .layer-notification-select .item.selected {
  font-weight: bold;
}
#draggable-footer-layer .layer-notification-select .btn-close {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 15px;
}
#draggable-footer-layer .layer-notification-select .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
/**
 * FixedDataTable의 CSS
 * 호갱노노 공통 스타일
 */
/**
 * FixedDataTable v0.6.3
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellGroupLayout
 */
.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */
.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0 1px 0 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
}
.fixedDataTableCellLayout_lastChild {
  border-width: 0 1px 1px 0;
}
.fixedDataTableCellLayout_alignRight {
  text-align: right;
}
.fixedDataTableCellLayout_alignCenter {
  text-align: center;
}
.fixedDataTableCellLayout_wrap1 {
  display: table;
}
.fixedDataTableCellLayout_wrap2 {
  display: table-row;
}
.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle;
}
.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1;
}
.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize;
}
.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
}
.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}
.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
}
body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
     * Disabling is more useful than displaying it.
     * #167 (github) should look into this and come up with a permanent fix.
     */
  display: none !important;
}
.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */
.fixedDataTableLayout_main {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.fixedDataTableLayout_header,
.fixedDataTableLayout_hasBottomBorder {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px;
}
.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.fixedDataTableLayout_bottomShadow {
  margin-top: -4px;
}
.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative;
}
.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */
.fixedDataTableRowLayout_main {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0;
}
.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-left-style: solid;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.fixedDataTableRowLayout_columnsShadow {
  width: 4px;
}
.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */
.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  -webkit-transition-property: background-color width;
  transition-property: background-color width;
  width: 15px;
}
.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,
.ScrollbarLayout_mainVertical:hover {
  width: 17px;
}
.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  -webkit-transition-property: background-color height;
  transition-property: background-color height;
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px;
}
.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}
.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0;
}
.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%;
}
.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0;
}
.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */
/**
 * Table.
 */
.public_fixedDataTable_main {
  border-color: #d3d3d3;
}
.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
  border-color: #d3d3d3;
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold;
}
.public_fixedDataTable_header,
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  background-image: -webkit-linear-gradient(#fff, #efefef);
  background-image: linear-gradient(#fff, #efefef);
}
.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  border-color: #d3d3d3;
}
.public_fixedDataTable_topShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x;
}
.public_fixedDataTable_bottomShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x;
}
.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */
/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  background-color: #fff;
  border-color: #d3d3d3;
}
.public_fixedDataTableCell_highlighted {
  background-color: #f4f4f4;
}
.public_fixedDataTableCell_cellContent {
  padding: 0px 8px;
}
.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */
/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */
/**
 * Table row.
 */
.public_fixedDataTableRow_main {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataaTableCell_main {
  background-color: #f6f7f8;
}
.public_fixedDataTableRow_fixedColumnsDivider {
  border-color: #d3d3d3;
}
.public_fixedDataTableRow_columnsShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */
/**
 * Scrollbars.
 */
/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff;
}
.public_Scrollbar_face:after {
  background-color: #c2c2c2;
}
.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d;
}
.report-container {
  margin: 0;
  padding: 0;
}
.report-container .report-header .report-title {
  padding: 15px;
  background-color: #4d55b2;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}
.report-container .report-header .report-title:before {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -203px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
  margin-top: -1px;
  content: '';
}
.report-container .report-header .title {
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
}
.report-container .report-header .title .period {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.report-container .report-body .report-table {
  margin: 0 auto;
  font-size: 13px;
}
.report-container .report-body .report-table .text-cell {
  font-size: 13px;
}
.report-container .report-body .report-table .header-cell {
  text-align: center;
  font-weight: 400;
}
.report-container .report-body .report-table .number-cell {
  text-align: right;
}
.report-container .report-body .report-table .percent-cell {
  text-align: right;
}
.report-container .report-body .report-table .percent-cell.good {
  color: #bc1339;
}
.report-container .report-body .report-table .note-editable {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  border: 4px solid #4d55b2;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
  padding: 5px 10px;
  resize: vertical;
  vertical-align: middle;
  line-height: 18px;
  outline: 0;
}
.report-container .report-body .empty {
  margin: -15px 0 0 15px;
  color: #666;
}
.report-container .report-body .report-chart .report-chart-item {
  float: left;
  width: 320px;
  margin: 0 0 10px 10px;
  padding: 20px 15px 15px 15px;
  border: 1px solid #ddd;
}
.report-container .report-body .report-chart .report-chart-item .report-chart-item-title {
  margin-bottom: 5px;
  padding-bottom: 10px;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  color: #333;
}
.report-container .report-body .report-chart .report-chart-item .report-chart-item-title.region:before {
  font-family: fontello;
  content: '\E83C';
  margin-right: 6px;
}
.report-container .report-body .report-chart .report-chart-item .report-chart-item-title.conversion:before {
  font-family: fontello;
  content: '\E814';
  margin-right: 6px;
}
.scene-partner #container {
  padding: 56px 0 0;
}
.scene-partner .partner-info {
  padding: 20px;
  position: relative;
  box-sizing: border-box;
  background-color: #673daf;
  color: #fff;
  border-bottom: 1px solid #eaebed;
  padding-left: 95px;
}
.scene-partner .partner-info .image-uploader {
  position: static;
  width: auto;
  display: block;
}
.scene-partner .partner-info .profile-image {
  position: absolute;
  left: 20px;
  top: 20px;
}
.scene-partner .partner-info .address {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  padding-right: 20px;
  word-wrap: break-word;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-weight: 300;
}
.scene-partner .partner-info h3 {
  font-size: 24px;
  font-weight: 100;
  letter-spacing: -0.7px;
  color: #fff;
}
.scene-partner .partner-info .info {
  font-weight: 300;
}
.scene-partner .partner-info .info .tel {
  margin-left: 8px;
}
.scene-partner .partner-info .btn-download {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  border: 1px solid #fff;
  padding: 2px 13px;
  margin-top: 10px;
  line-height: 27px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.scene-partner .partner-info .btn-download .image-download-icon {
  margin-left: 5px;
}
.scene-partner .coin-status {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #eaebed;
}
.scene-partner .coin-status h3 {
  font-size: 15px;
  font-weight: normal;
}
.scene-partner .coin-status .coin {
  font-size: 22px;
}
.scene-partner .coin-status .coin:before {
  font-family: 'fontello';
  content: '\E840';
  margin-right: 5px;
}
.scene-partner .coin-status .no-wallet {
  font-size: 22px;
  color: gray;
}
.scene-partner .coin-status .tool {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -20px;
}
.scene-partner .coin-status .btn-charge,
.scene-partner .coin-status .btn-history {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #5963d9;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: 85px;
  box-sizing: border-box;
  margin-left: 5px;
}
.scene-partner .tab-menu {
  height: 55px;
  display: block;
  background-color: #fff;
}
.scene-partner .tab-menu .tab {
  line-height: 52px;
  display: inline-block;
  width: 33%;
  text-align: center;
}
.scene-partner .tab-menu .tab.on {
  border-bottom: 3px solid #673daf;
}
.scene-partner .tab-menu .tab .badge {
  display: inline-block;
  padding: 0 8px 0 7px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #4337de;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  margin-left: 6px;
  text-align: center;
}
.scene-partner .consult-list.scroll {
  margin-top: 55px;
}
.scene-partner .consult-list.scroll .tab-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 57px;
  z-index: 100;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.scene-partner .consult-list .item {
  border-top: 7px solid #eaebed;
  position: relative;
}
.scene-partner .consult-list .item:last-child {
  border-bottom: 7px solid #eaebed;
}
.scene-partner .consult-list .profile {
  padding: 20px 0 0 20px;
  position: relative;
}
.scene-partner .consult-list .profile .profile-image-standalone {
  position: absolute;
  left: 20px;
  top: 20px;
}
.scene-partner .consult-list .profile .name {
  margin-left: 44px;
  display: block;
  padding-right: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-partner .consult-list .profile .date {
  display: block;
  margin-left: 44px;
  font-size: 13px;
  color: gray;
}
.scene-partner .consult-list .info-container {
  padding: 20px 20px 0;
}
.scene-partner .consult-list .info-container h3 {
  font-size: 17px;
  font-weight: 600;
}
.scene-partner .consult-list .info-container .area-info {
  margin-top: 8px;
}
.scene-partner .consult-list .info-container .area-info li {
  display: inline-block;
  line-height: 28px;
  padding: 0 12px;
  margin-right: 8px;
  font-size: 16px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background-color: #f2f2f2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-partner .consult-list .info-container .address {
  font-size: 15px;
  display: block;
  color: gray;
}
.scene-partner .consult-list .price-container {
  padding: 10px 20px 20px;
  position: relative;
}
.scene-partner .consult-list .price-container .area-price {
  display: block;
  position: absolute;
  left: 230px;
  text-align: right;
}
.scene-partner .consult-list .price-container .due-date {
  display: block;
  position: absolute;
  right: 20px;
  text-align: right;
}
.scene-partner .consult-list .price-container .caption {
  margin-top: 10px;
  display: block;
  font-size: 16px;
  color: #000;
}
.scene-partner .consult-list .price-container .price {
  font-size: 24px;
  color: #4337de;
}
.scene-partner .consult-list .price-container .loan-price {
  font-size: 24px;
  color: #4337de;
  font-weight: 500;
}
.scene-partner .consult-list .price-container .percent {
  color: #999;
  font-size: 16px;
  font-weight: normal;
}
.scene-partner .consult-list .btn-purchase {
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  color: #fff;
  background-color: #5963d9;
  display: block;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.scene-partner .consult-list .btn-purchase .coin:before {
  font-family: 'fontello';
  content: '\E840';
  margin-right: 5px;
  margin-left: 10px;
}
.scene-partner .consult-list .btn-purchase .strike {
  text-decoration: line-through;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-right: 3px;
}
.scene-partner .consult-list .btn-more {
  display: block;
  line-height: 52px;
  height: 52px;
  color: #777;
  text-align: center;
}
.scene-partner .consult-list .btn-more:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-partner .consult-list .btn-call {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 85px;
  box-sizing: border-box;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #d9d6ff;
}
.scene-partner .consult-list .btn-call span {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -32px -184px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -9px;
}
.scene-partner .consult-list .btn-item-menu {
  position: absolute;
  right: 0px;
  top: 20px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.scene-partner .consult-list .btn-item-menu span {
  overflow: hidden;
  width: 4px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -167px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  content: '';
}
.scene-partner .consult-list .item-menu {
  position: absolute;
  top: 70px;
  right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-partner .consult-list .item-menu li {
  display: block;
  line-height: 52px;
}
.scene-partner .consult-list .item-menu li a {
  font-size: 17px;
  color: #000;
  display: block;
  line-height: 52px;
  text-align: center;
  padding: 0 20px;
}
.scene-partner .consult-list .opened {
  box-sizing: border-box;
  font-size: 18px;
  line-height: 52px;
  height: 52px;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-partner .consult-list.no-item {
  line-height: 100px;
  font-size: 17px;
  text-align: center;
  font-weight: 300;
  color: gray;
}
.scene-partner .consult-list.loading {
  position: relative;
  padding-bottom: 200px;
}
.scene-partner .consult-list .loading {
  position: relative;
  height: 80px;
}
.scene-partner .consult-detail {
  position: absolute;
  top: 59px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4d55b2;
}
.scene-partner .consult-detail .item {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-partner .consult-detail .profile {
  padding: 20px 0 0 20px;
  position: relative;
}
.scene-partner .consult-detail .profile .profile-image {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.scene-partner .consult-detail .profile .profile-image-empty {
  margin: 0 8px 4px 0;
  position: absolute;
  left: 20px;
  top: 20px;
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-color: #565eb6;
  color: #fff;
}
.scene-partner .consult-detail .profile .profile-image-empty .icon-user {
  position: absolute;
  display: inline-block;
  font-family: 'fontello';
  content: '\E814';
  font-size: 24px;
  margin-left: -13px;
  left: 50%;
  bottom: -5px;
}
.scene-partner .consult-detail .profile .name {
  margin-left: 44px;
  display: block;
}
.scene-partner .consult-detail .profile .date {
  display: block;
  margin-left: 44px;
  font-size: 13px;
  color: gray;
}
.scene-partner .consult-detail .info-container {
  padding: 20px 20px 0;
}
.scene-partner .consult-detail .info-container h3 {
  font-size: 22px;
  font-weight: 600;
}
.scene-partner .consult-detail .info-container .area-info {
  margin-top: 10px;
}
.scene-partner .consult-detail .info-container .area-info li {
  display: inline-block;
  line-height: 42px;
  padding: 0 15px;
  margin-right: 8px;
  font-size: 20px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  -o-border-radius: 21px;
  border-radius: 21px;
  background-color: #f2f2f2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-partner .consult-detail .info-container .address {
  color: gray;
}
.scene-partner .consult-detail .price-container {
  padding: 20px 20px 20px;
}
.scene-partner .consult-detail .price-container .caption {
  display: block;
  font-size: 17px;
  color: #000;
  margin-top: 20px;
}
.scene-partner .consult-detail .price-container .price {
  display: block;
  font-size: 36px;
  color: #4337de;
}
.scene-partner .consult-detail .price-container .loan-price {
  display: block;
  font-size: 36px;
  color: #4337de;
  font-weight: 500;
}
.scene-partner .consult-detail .price-container .percent {
  color: #999;
  font-size: 20px;
  font-weight: normal;
}
.scene-partner .consult-detail .comment-container {
  display: none;
}
.scene-partner .consult-detail .btn-purchase {
  height: 70px;
  line-height: 70px;
  font-size: 28px;
  color: #fff;
  background-color: #5963d9;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.scene-partner .consult-detail .btn-purchase .coin:before {
  font-family: 'fontello';
  content: '\E840';
  margin-right: 10px;
  margin-left: 15px;
}
.scene-partner .consult-detail .btn-purchase .strike {
  text-decoration: line-through;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-right: 3px;
}
.scene-partner .consult-detail .btn-call {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  height: 70px;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #beb9f7;
  background-color: #fff;
}
.scene-partner .consult-detail .btn-call span {
  display: block;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  line-height: 70px;
  font-size: 32px;
  color: #000;
}
.scene-partner .consult-detail .btn-call span:before {
  display: inline-block;
  font-size: 28px;
  font-family: 'fontello';
  content: '\E81B';
  color: #4337de;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}
.scene-partner .consult-detail .opened {
  font-size: 26px;
  height: 70px;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  line-height: 70px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-partner .consult-detail .btn-item-menu {
  position: absolute;
  right: 0px;
  top: 10px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.scene-partner .consult-detail .btn-item-menu span {
  overflow: hidden;
  width: 4px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -167px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  content: '';
}
.scene-partner .consult-detail .item-menu {
  position: absolute;
  top: 50px;
  right: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-partner .consult-detail .item-menu li {
  display: block;
  line-height: 52px;
}
.scene-partner .consult-detail .item-menu li a {
  font-size: 17px;
  color: #000;
  display: block;
  line-height: 52px;
  text-align: center;
  padding: 0 20px;
}
.scene-partner .charge-info .products li {
  padding: 20px;
  border-bottom: 1px solid #eaebed;
  position: relative;
}
.scene-partner .charge-info .products li a {
  display: block;
}
.scene-partner .charge-info .products li .coin {
  font-size: 22px;
}
.scene-partner .charge-info .products li .coin:before {
  font-family: 'fontello';
  content: '\E840';
  margin-right: 5px;
}
.scene-partner .charge-info .products li .bonus {
  font-size: 22px;
  color: #4337de;
  margin-left: 3px;
}
.scene-partner .charge-info .products li .price {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  text-align: right;
}
.scene-partner .charge-info .products li .vat {
  display: block;
  color: gray;
  font-size: 12px;
}
.scene-partner .charge-info .products li.selected {
  background-color: #f2f2f2;
}
.scene-partner .charge-info .bank-input {
  margin-top: 10px;
}
.scene-partner .charge-info .bank-input h3 {
  font-weight: normal;
  font-size: 15px;
  margin: 20px;
  display: inline-block;
}
.scene-partner .charge-info .bank-input .input {
  display: inline-block;
  box-sizing: border-box;
  width: 200px;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 51px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-partner .charge-info .bank-input .input input::-webkit-input-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input input:-moz-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input input::-moz-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input input:-ms-input-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input textarea::-webkit-input-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input textarea:-moz-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input textarea::-moz-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-input .input textarea:-ms-input-placeholder {
  color: #adadad;
}
.scene-partner .charge-info .bank-info {
  padding: 20px;
  position: relative;
}
.scene-partner .charge-info .bank-info .content {
  margin-top: 20px;
}
.scene-partner .charge-info .bank-info .number {
  display: block;
  font-size: 22px;
  font-weight: 600;
}
.scene-partner .charge-info .bank-info .owner {
  position: absolute;
  bottom: 23px;
  right: 20px;
  font-size: 20px;
}
.scene-partner .charge-info .company-info {
  color: gray;
  font-size: 13px;
  margin-bottom: 30px;
}
.scene-partner .charge-info .company-info li {
  padding: 0 20px;
  line-height: 20px;
}
.scene-partner .charge-info .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-partner .agreement-container {
  display: block;
  border-top: 1px solid #eaebed;
  padding: 0 0 80px;
  font-size: 16px;
  color: #484848;
}
.scene-partner .agreement-container textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
  border: 1px solid #ccc;
  font-size: 15px;
  height: 100px;
  padding: 10px;
  line-height: 1.3;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: #666;
}
.scene-partner .agreement-container .term {
  margin-top: 15px;
  border: 1px solid #ccc;
  font-size: 15px;
  height: 100px;
  padding: 10px;
  line-height: 1.3;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: #666;
  overflow: scroll;
}
.scene-partner .agreement-container .term ol > li {
  margin-left: 17px;
  list-style: decimal;
}
.scene-partner .agreement-container .term ul > li {
  margin-left: 17px;
  list-style: initial;
}
.scene-partner .agreement-container .txt {
  line-height: 1.4;
  text-align: left;
  padding: 20px;
}
.scene-partner .agreement-container .txt .highlight {
  color: #4337de;
}
.scene-partner .agreement-container .txt.top {
  display: block;
  background-color: #edf2f9;
  font-size: 15px;
  padding: 15px 20px;
  text-align: left!important;
}
.scene-partner .agreement-container .txt.top h5 {
  font-size: 22px;
  margin-bottom: 5px;
}
.scene-partner .agreement-container .txt.agree {
  margin-top: 40px;
  padding: 0 20px;
}
.scene-partner .agreement-container .txt.agree:first-child {
  margin-top: 20px;
}
.scene-partner .agreement-container.waiting {
  border-top: 0;
  position: absolute;
  top: 200px;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  padding-bottom: 0;
}
.scene-partner .agreement-container.waiting .description {
  position: relative;
  top: calc(50% - 42.5px);
  transform: translate(0, -50%);
}
.scene-partner .agreement-container.waiting .description .text-container {
  margin-top: 14.5px;
}
.scene-partner .agreement-container.waiting .description .text-container .title {
  font-size: 19px;
  margin-bottom: 6px;
  color: #000;
}
.scene-partner .agreement-container.waiting .description .text-container .sub-title {
  font-size: 15px;
  color: #7f7e92;
}
.scene-partner .agreement-container.waiting .btn-group {
  position: absolute;
  bottom: 25px;
  left: 24px;
  right: 24px;
}
.scene-partner .agreement-container.waiting .btn-group .btn-basic {
  width: 49%;
}
.scene-partner .agreement-container.waiting .btn-group .btn-basic:first-child {
  margin-right: 2%;
}
.scene-partner .agreement-container .term-container {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
}
.scene-partner .agreement-container .checkbox-container {
  margin-top: 15px;
  font-size: 16px;
}
.scene-partner .comment-container .comment-list {
  margin-top: -10px;
  padding-bottom: 10px;
}
.scene-partner .comment-container .comment-list .comment {
  position: relative;
  display: block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  background-color: #f2f2f2;
  margin: 0 20px 10px 20px;
  padding: 15px 40px 15px 15px;
  box-sizing: border-box;
  font-size: 13px;
  word-wrap: break-word;
}
.scene-partner .comment-container .comment-list .date {
  color: #a1a1a1;
  margin-left: 6px;
  display: inline-block;
  font-size: 12px;
}
.scene-partner .comment-container .comment-list .btn-del {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 12px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: gray;
}
.scene-partner .comment-container .btn-more-comment {
  line-height: 36px;
  height: 36px;
  display: block;
  font-size: 14px;
  padding: 0 20px;
  color: gray;
  margin-bottom: 10px;
}
.scene-partner .comment-container .btn-more-comment:before {
  font-family: fontello;
  content: '\E80F';
  margin-right: 6px;
}
.scene-partner .comment-container .writer {
  position: relative;
  border-top: 1px solid #eaebed;
}
.scene-partner .comment-container .writer textarea {
  height: 48px;
  padding: 13px 50px 13px 20px;
  resize: none;
  outline: 0;
  border: 0;
  white-space: pre-wrap;
  word-break: break-all;
  position: relative;
  vertical-align: middle;
  font-size: 15px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.scene-partner .comment-container .writer input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer input:-moz-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer input::-moz-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer input:-ms-input-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer textarea:-moz-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer textarea::-moz-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-partner .comment-container .writer .btn-submit {
  line-height: 48px;
  height: 48px;
  position: absolute;
  top: 3px;
  right: 0px;
  vertical-align: middle;
  text-align: center;
  padding: 0 14px;
  color: #333;
}
.scene-partner .comment-container .writer .btn-submit:hover {
  color: #4337de;
  font-weight: 600;
}
.scene-partner .comment-container .writer .btn-submit:before {
  line-height: 1.3;
  font-family: 'fontello';
  content: '\e813';
  margin-right: 3px;
}
.scene-partner .comment-container .writer .btn-submit span {
  width: 0;
  height: 0;
  line-height: 999em;
  overflow: hidden;
  display: inline-block;
}
.scene-partner.trade-list-container #container {
  padding-top: 109px;
}
.layer-menu-select {
  background-color: #fff;
  max-height: 380px;
}
.layer-menu-select .list-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 325px;
  box-sizing: border-box;
}
.layer-menu-select .item {
  display: block;
  height: 68px;
  line-height: 68px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  width: 100%;
  font-size: 18px;
}
.layer-menu-select .item span {
  margin-left: 18px;
}
.layer-menu-select .item:last-child {
  border-bottom: 0;
}
.layer-menu-select .item.cancel {
  text-align: center;
}
.layer-menu-select .item.cancel span {
  margin-left: 0;
}
.owner-trade-agent-container {
  position: relative;
  padding-top: 156px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.owner-trade-agent-container.bold {
  font-weight: bold;
}
.owner-trade-agent-container .fixed-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 108px;
  box-sizing: border-box;
  background: #F9F9FA;
  z-index: 10;
}
.owner-trade-agent-container .fixed-header .default-filter {
  position: relative;
  padding: 10px 20px;
}
.owner-trade-agent-container .fixed-header .default-filter .filter-btn {
  position: absolute;
  top: 53px;
  right: 20px;
  border: 1px solid #cecfdc;
  background: #fff;
  border-radius: 6px;
  color: #484848;
  font-size: 14px;
  line-height: 35px;
  text-align: right;
  box-sizing: border-box;
  padding: 0 12px 0 10px;
}
.owner-trade-agent-container .fixed-header .default-filter .filter-btn.active {
  border: 1px solid #584de4;
  color: #584de4;
}
.owner-trade-agent-container .fixed-header .default-filter .apt-search-btn {
  position: absolute;
  top: 53px;
  right: 97px;
  border: 1px solid #cecfdc;
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  line-height: 36px;
  box-sizing: border-box;
  padding: 0 12px;
}
.owner-trade-agent-container .add-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.owner-trade-agent-container .region-select-wrapper {
  display: flex;
}
.owner-trade-agent-container .region-select-wrapper .select-box,
.owner-trade-agent-container .apt-select-wrapper .select-box {
  position: relative;
  display: inline-block;
  min-width: 80px;
}
.owner-trade-agent-container .region-select-wrapper .select-box:not(:last-child),
.owner-trade-agent-container .apt-select-wrapper .select-box:not(:last-child) {
  margin-right: 6px;
}
.owner-trade-agent-container .region-select-wrapper .select-box.region-select-box,
.owner-trade-agent-container .apt-select-wrapper .select-box.region-select-box {
  width: 100px;
}
.owner-trade-agent-container .region-select-wrapper .select-box.region-select-box.sigungu,
.owner-trade-agent-container .apt-select-wrapper .select-box.region-select-box.sigungu {
  width: calc(100% - 212px);
}
.owner-trade-agent-container .region-select-wrapper .select-box.region-select-box.sejongsi,
.owner-trade-agent-container .apt-select-wrapper .select-box.region-select-box.sejongsi {
  width: 123px;
}
.owner-trade-agent-container .region-select-wrapper .apt-select-box,
.owner-trade-agent-container .apt-select-wrapper .apt-select-box {
  width: calc(100% - 161px);
  margin-top: 5px;
}
.owner-trade-agent-container .owner-trade-list.agent .list-empty {
  position: relative;
  width: 100%;
  font-size: 15px;
  text-align: center;
  margin-top: 40%;
  color: #7f7e92;
}
.owner-trade-agent-container .owner-trade-list.agent .tutorial {
  padding: 24px;
  font-size: 15px;
  background-color: #fff;
  line-height: 25px;
}
.owner-trade-agent-container .owner-trade-list.agent .tutorial strong {
  color: #584de4;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper {
  display: block;
  padding: 0 24px;
  background: #FFF;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper:not(:last-child) .apt-card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper.confirming {
  background-color: #FFFBE5;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: 8px 0;
  display: block;
  line-height: 28px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card.bold {
  font-weight: bold;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .trade-info {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 15px;
  color: #584de4;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .trade-info.rent {
  color: #3d9752;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .bold {
  font-weight: bold;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .margin {
  margin-right: 5px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .apt-title {
  font-size: 15px;
  line-height: 20px;
  padding-top: 4px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .apt-title .address {
  font-weight: normal;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .trade-info {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 15px;
  color: #584de4;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .trade-info.rent {
  color: #3d9752;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .dong-ho {
  font-size: 14px;
  color: #7e7e7e;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .dong-ho span {
  vertical-align: middle;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .dong-ho .trade-summary {
  margin-right: 4px;
  font-size: 13px;
  color: #a3a3a3;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .status {
  background-color: #9290ac;
  border-radius: 3px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 4px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .btn-modify {
  position: absolute;
  border-radius: 6px;
  border: solid 1px #cecfdc;
  right: 0;
  bottom: 17px;
  font-size: 13px;
  padding: 7px 13px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .btn-remove {
  position: absolute;
  border-radius: 6px;
  border: solid 1px #cecfdc;
  color: #fc541b;
  right: 0;
  bottom: 56px;
  font-size: 13px;
  padding: 7px 13px;
}
.owner-trade-agent-container .owner-trade-list.agent .apt-card-wrapper .apt-card .thumbnail {
  position: absolute !important;
  right: 0px;
  top: 17px;
  width: 100px;
  height: 78px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.owner-trade-agent-container .owner-trade-list.agent .load-more {
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  display: block;
  position: relative;
  font-size: 15px;
}
.owner-trade-agent-container .owner-trade-list.agent .load-more span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}
.owner-trade-agent-container .title-and-checkbox {
  position: relative;
  width: 100%;
  font-size: 15px;
  height: 40px;
}
.owner-trade-agent-container .title-and-checkbox .filter-summary {
  display: inline-block;
  padding: 14px 24px 10px;
  color: #484848;
}
.owner-trade-agent-container .title-and-checkbox .filter-summary.active {
  color: #584de4;
}
.owner-trade-agent-container .title-and-checkbox .collection-filter {
  float: right;
  margin-right: 6px;
}
.owner-trade-agent-container .title-and-checkbox .collection-filter .collection-filter-select {
  height: unset;
  border: none;
  font-size: 15px;
  padding: 14px 35px 14px 10px;
  color: #484848;
  top: unset;
  line-height: unset;
  background: none;
}
.owner-trade-agent-container .title-and-checkbox .collection-filter .collection-filter-select.active {
  color: #584de4;
}
.hidden-filter {
  background-color: #fff;
  padding-top: 5px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.hidden-filter.bold {
  font-weight: bold;
}
.hidden-filter .filter-item {
  padding: 12px 24px;
}
.hidden-filter .filter-item.align-center {
  text-align: center;
}
.hidden-filter .filter-item h4 {
  color: #484848;
  font-weight: normal;
  font-size: 16px;
  margin: 0 10px 0 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.hidden-filter .filter-item .slider-cont {
  position: relative;
  padding: 0 12px;
  height: 56px;
}
.hidden-filter .filter-item .slider-cont .slider {
  margin-top: 10px;
}
.hidden-filter .filter-item .slider-cont .track,
.hidden-filter .filter-item .slider-cont .thumb-bar {
  margin-top: -0.5px;
  height: 5px;
}
.hidden-filter .filter-item .slider-cont .thumb {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  border: solid 0.5px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
}
.hidden-filter .filter-item .slider-cont .thumb-bar {
  background-color: #584de4;
}
.hidden-filter .filter-item .slider-cont .slider-caption {
  position: absolute;
  left: 20px;
  right: 21px;
  top: 40px;
  height: 20px;
}
.hidden-filter .filter-item .slider-cont .slider-caption li {
  line-height: 18px;
  position: absolute;
  font-size: 12px;
  text-align: center;
  width: 35px;
  margin-left: -17.5px;
  color: #7f7e92;
}
.hidden-filter .filter-item .slider-cont .slider-caption li:before {
  content: none;
}
.hidden-filter .filter-item .slider-cont .slider-caption li:first-child {
  left: 0px;
}
.hidden-filter .filter-item .slider-cont .slider-caption li:last-child {
  left: 100%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-1-3 {
  left: 33.3%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-2-3 {
  left: 66.6%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-1-2,
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-2-4,
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-4-8,
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-5 {
  left: 50%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-1-4,
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-2-8 {
  left: 25%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-3-4,
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-6-8 {
  left: 75%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-1-8 {
  left: 12.5%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-3-8 {
  left: 37.5%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-5-8 {
  left: 62.5%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-7-8 {
  left: 87.5%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-1 {
  left: 10%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-2 {
  left: 20%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-3 {
  left: 30%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-4 {
  left: 40%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-5-9 {
  left: 55%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-6 {
  left: 60%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-7 {
  left: 70%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-8 {
  left: 80%;
}
.hidden-filter .filter-item .slider-cont .slider-caption li.caption-item-9 {
  left: 90%;
}
.hidden-filter .filter-item .slider-cont .slider-caption a {
  display: block;
}
.hidden-filter .filter-item .slider-cont .status {
  font-weight: normal;
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 15px;
  color: #584de4;
}
.hidden-filter .filter-item .caption {
  display: block;
  padding: 0 10px 5px;
  box-sizing: border-box;
  white-space: normal;
  line-height: 1.5;
  color: #777;
}
.hidden-filter .filter-item .inline-select-box {
  padding: 14px 0 0;
}
.hidden-filter .filter-item .inline-select-box .inline-select-box-item {
  border: solid 1px #cecfdc;
  color: #484848;
  height: 42px;
  min-width: 56px;
  line-height: 41px;
  margin-right: 6px;
  margin-bottom: 0;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.hidden-filter .filter-item .inline-select-box .inline-select-box-item.checked {
  color: #584de4;
  border-color: #584de4;
}
.hidden-filter .filter-item .inline-select-box.status .inline-select-box-item:nth-of-type(1).checked {
  color: #584de4;
  border-color: #584de4;
}
.hidden-filter .filter-item .inline-select-box.status .inline-select-box-item:nth-of-type(2).checked {
  color: #fc541b;
  border-color: #fc541b;
}
.hidden-filter .filter-item .description {
  font-size: 13px;
  padding: 12px 4px 0;
  height: 46px;
  line-height: 20px;
  box-sizing: border-box;
}
.hidden-filter .filter-item .description.red {
  color: #fc541b;
}
.hidden-filter .filter-item .description.blue {
  color: #584de4;
}
.hidden-filter .filter-item .description.green {
  color: #3d9752;
}
.hidden-filter .filter-item .filter-action-button {
  display: inline-block;
  width: 153px;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  box-sizing: border-box;
  margin: 10px 0 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.hidden-filter .filter-item .filter-action-button.reset {
  background-color: #f3f4fc;
  color: #584de4;
}
.hidden-filter .filter-item .filter-action-button.apply {
  color: #f3f4fc;
  background-color: #584de4;
  margin-left: 6px;
}
.owner-trade-detail-container.disabled {
  margin-bottom: 0;
}
.owner-trade-detail-container.disabled .agent-card,
.owner-trade-detail-container.disabled .info-card {
  position: relative;
}
.owner-trade-detail-container.disabled .agent-card:after,
.owner-trade-detail-container.disabled .info-card:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.5;
  z-index: 1;
}
.owner-trade-detail-container .owner-trade-detail {
  background: #f8f8f9;
  padding-top: 56px;
}
.owner-trade-detail-container .owner-trade-detail .status-banner {
  padding: 5px 24px;
  font-size: 15px;
  display: block;
  text-align: center;
  height: 36px;
  line-height: 36px;
}
.owner-trade-detail-container .owner-trade-detail .status-banner.completed {
  background-color: rgba(88, 77, 228, 0.1);
  color: #584de4;
}
.owner-trade-detail-container .owner-trade-detail .status-banner.expired {
  background-color: #E6E6E6;
  color: #484848;
}
.owner-trade-detail-container .owner-trade-detail .status-banner.deleted {
  background-color: rgba(252, 84, 27, 0.1);
  color: #fc541b;
}
.owner-trade-detail-container .owner-trade-detail.call-log-page {
  background: #fff;
  padding: 51px 0 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card {
  margin-bottom: 10px;
  color: #484848;
  background: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.owner-trade-detail-container .owner-trade-detail .info-card.bold {
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title {
  padding: 20px 24px 0;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title.small-title {
  font-weight: normal;
  font-size: 16px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title.small-title span {
  color: #584de4;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title.small-title .apt-name {
  margin-right: 10px;
  color: #484848;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title.small-title .quick-link {
  text-decoration: underline;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title .title-description {
  display: block;
  position: absolute;
  right: 24px;
  font-size: 14px;
  color: #A3A3A3;
  font-weight: normal;
  top: 20px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-title .count {
  color: #584de4;
  margin-left: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content {
  padding: 15px 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row {
  font-size: 14px;
  padding: 5px 24px;
  display: block;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.cols {
  padding: 11px 24px 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description {
  line-height: 20px;
  color: #7f7e92;
  position: relative;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li {
  padding: 2px 0 20px 41px;
  line-height: 22px;
  position: relative;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li.reject-warning-item {
  padding: 2px 0 10px 10px;
  line-height: 20px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li.reject-warning-item:last-of-type {
  padding-bottom: 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li.reject-warning-item .reject-warning-icon {
  position: absolute;
  left: 0px;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #7f7e92;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li.reject-warning-item .reject-warning-content {
  font-size: 15px;
  color: #7f7e92;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li .tutorial-icon {
  position: absolute;
  left: 0px;
  top: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #7f7e92;
  text-align: center;
  line-height: 27px;
  z-index: 10;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li .tutorial-icon.important {
  background-color: #fc541b;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li .tutorial-item-title {
  display: block;
  font-size: 17px;
  line-height: 28px;
  color: #484848;
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description li .tutorial-item-title.important {
  color: #fc541b;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description strong {
  color: #584de4;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.description .vertical-line {
  position: absolute;
  background-color: #f3f4fc;
  width: 2px;
  height: 155px;
  left: 37px;
  top: 24px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col {
  width: 33%;
  box-sizing: border-box;
  display: inline-block;
  color: #7f7e92;
  text-align: center;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col:not(:last-of-type) {
  border-right: 1px solid #f3f4fc;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col .col-title {
  display: block;
  line-height: 14px;
  font-size: 15px;
  margin-bottom: 10px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col .col-value {
  display: inline-block;
  vertical-align: bottom;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  color: #484848;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col .sub-value {
  display: block;
  line-height: 14px;
  margin-top: 10px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .col .sub-value.blank {
  color: transparent;
  font-size: 1;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .trade-tip {
  position: relative;
  border-radius: 6px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .trade-tip .tip {
  padding: 18px 16px 18px 43px;
  margin: 15px 0 5px;
  line-height: 20px;
  color: #7f7e92;
  font-size: 15px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .trade-tip .tip-icon {
  position: absolute;
  left: 23px;
  top: 21px;
  color: #fff;
  background-color: #7f7e92;
  font-size: 12px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 15px;
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list {
  padding: 0 24px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .reject-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .reject-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .delete-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .delete-reason-item {
  margin-bottom: 16px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .reject-reason-item label,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .reject-reason-item label,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .delete-reason-item label,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .delete-reason-item label {
  font-size: 16px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .reject-reason-item input[type="checkbox"],
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .reject-reason-item input[type="checkbox"],
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list .delete-reason-item input[type="checkbox"],
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list .delete-reason-item input[type="checkbox"] {
  margin-right: 8px;
  margin-top: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list li:last-of-type .reject-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list li:last-of-type .reject-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.reject-reason-list li:last-of-type .delete-reason-item,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row.delete-reason-list li:last-of-type .delete-reason-item {
  margin-bottom: 8px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .reject-reason-input,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .delete-reason-input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  line-height: 20px;
  padding: 10px 15px;
  font-size: 16px;
  color: #484848;
  border: 1px #cecfdc solid;
  border-radius: 6px;
  background-color: #fefefe;
  white-space: pre-wrap;
  word-break: break-all;
  outline: 0;
  resize: none;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .reject-reason-input.bold,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .delete-reason-input.bold {
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .reject-reason-input::placeholder,
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .delete-reason-input::placeholder {
  color: #dadada;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .modified-date {
  text-align: right;
  padding-right: 4px;
  vertical-align: inherit;
  color: #484848;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .memo-wrapper {
  position: relative;
  font-size: 12px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .row .memo-wrapper .memo-list {
  margin-bottom: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .description {
  color: #484848;
  line-height: 22px;
  margin-bottom: 5px;
  font-size: 15px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .description strong {
  color: #584de4;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .call-request-list {
  padding: 16px 24px;
  margin: 15px 0 10px;
  border-radius: 6px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .call-request-list .call-request-item {
  position: relative;
  width: 100%;
  display: block;
  padding: 6px 0;
  font-size: 16px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .call-request-list .date {
  margin-left: 5px;
  font-size: 16px;
  color: #7f7e92;
  float: right;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .call-request-list.blur {
  filter: blur(3px);
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .agent-group {
  font-size: 14px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .agent-list {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .agent-list .agent-card {
  position: relative;
  padding: 7px 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .agent-list .agent-card .agent-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .agent-list .agent-card .item {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  color: #999;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .btn-reject-trade {
  font-size: 17px;
  width: 100%;
  padding: 0 15px;
  border-radius: 6px;
  background-color: #f3f4fc;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin-top: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .right {
  text-align: right !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .bold {
  font-weight: bold !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .blue {
  color: #584de4 !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .green {
  color: #3d9752 !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .red {
  color: #fc541b !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .card-content .space {
  margin-right: 5px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .show-call-logs {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #444;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.owner-trade-detail-container .owner-trade-detail .info-card .show-call-logs:after {
  margin-left: 5px;
  font-family: 'fontello';
  content: '\E80C';
  font-size: 14px;
  color: #444;
}
.owner-trade-detail-container .owner-trade-detail .info-card .show-call-logs.show-all:after {
  content: '\E80F';
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs {
  margin: 5px 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list {
  padding: 0 24px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log {
  padding: 12.5px 0;
  position: relative;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log:first-child {
  padding-top: 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who {
  position: relative;
  font-size: 17px;
  font-weight: bold;
  padding: 0 60px 4px 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name {
  line-height: 32px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .name {
  margin-right: 7px;
  line-height: 15px;
  vertical-align: middle;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .nickname {
  font-weight: normal;
  margin-right: 8px;
  max-width: 160px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  line-height: 19px;
  white-space: nowrap;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .name-input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  padding: 3px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #584de4;
  max-width: 160px;
  border-radius: 0;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .name-input.bold {
  font-weight: bold;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .btn-edit {
  display: inline-block;
  line-height: 15px;
  height: 15px;
  text-align: center;
  padding: 4px 7px;
  color: #7f7e92;
  font-size: 14px;
  border-radius: 3px;
  border: solid 1px #cecfdc;
  font-weight: normal;
  vertical-align: -2px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .editable-user-name .btn-edit:hover {
  color: #584de4;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .who .btn-call.to-buyer {
  position: absolute;
  right: 0;
  top: 5px;
  text-align: center;
  padding: 7.5px 18.5px;
  background-color: #584de4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .call-log {
  width: 100%;
  padding-left: 8px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .call-log .icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Cpath%20fill=%22%23484848%22%20fill-rule=%22evenodd%22%20d=%22M7.815%205.1c.355.657%201.541%202.996%203.557%207.018-.6.242-1.346.63-2.24%201.162-1.938%201.662%202.684%209.081%203.957%209.081.848%200%201.807-.359%202.877-1.077%201.51%203.019%202.705%205.353%203.584%207.003-3.584%202.221-5.014%201.847-8.26-.672-3.246-2.519-5.84-7.85-7.094-11.723C1.566%206.535%206.156%206.104%207.815%205.1zm19.385.85v8.5h-2.55V9.974l-6.697%206.698-1.803-1.803L22.517%208.5H17.85V5.95h9.35z%22%20opacity=%22.8%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 4px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .call-log .icon.incomming {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2240%22%20height=%2240%22%20viewBox=%220%200%2040%2040%22%3E%3Cpath%20fill=%22%237F7E92%22%20fill-rule=%22evenodd%22%20d=%22M9.194%206c.418.773%201.813%203.525%204.185%208.256-.706.285-1.584.74-2.635%201.367-2.281%201.956%203.158%2010.685%204.654%2010.685.998%200%202.127-.423%203.386-1.269%201.777%203.552%203.182%206.299%204.216%208.24-4.216%202.613-5.899%202.173-9.717-.79-3.82-2.964-6.87-9.237-8.347-13.793C1.843%207.688%207.24%207.181%209.194%206zm20.998.386l2.122%202.122L24.82%2016h5.493v3h-11V9h3l-.001%205.265%207.88-7.879z%22%20opacity=%22.6%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .call-log .direction {
  font-size: 15px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .all-call-logs .call-log-list .user-call-log .call-log .when {
  color: #7f7e92;
  font-size: 15px;
  line-height: 24px;
  margin-left: 4px;
}
.owner-trade-detail-container .owner-trade-detail .info-card .no-bottom-padding {
  padding-bottom: 0 !important;
}
.owner-trade-detail-container .owner-trade-detail .info-card .no-top-padding {
  padding-top: 0 !important;
}
.owner-trade-detail-container .owner-trade-detail .blue-bg {
  background-color: #f3f4fc;
}
.owner-trade-agent-footer {
  position: fixed;
  display: block;
  height: 50px;
  line-height: 51px;
  font-weight: 500;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0;
}
.owner-trade-agent-footer.btn-reject {
  background-color: #7f7e92;
}
.owner-trade-agent-footer.btn-ok {
  background-color: #584de4;
}
.owner-trade-agent-footer.btn-disabled {
  background-color: #f0f0f0;
  color: #dadada;
}
.owner-trade-agent-footer.btn-reject-submit:not(.active),
.owner-trade-agent-footer.btn-delete-submit:not(.active) {
  background-color: #f0f0f0;
  color: #dadada;
}
.owner-trade-agent-footer.w100 {
  bottom: 0;
  left: 0;
  width: 100%;
}
.owner-trade-agent-footer.l30 {
  bottom: 0;
  left: 0;
  width: 30%;
}
.owner-trade-agent-footer.r70 {
  left: unset;
  bottom: 0;
  right: 0;
  width: 70%;
}
.partner-header#header .btn-sub.icon .setting {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -272px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.partner-header#header .btn-sub.icon .ellipsis {
  display: inline-block;
  overflow: hidden;
  width: 4px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -167px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.partner-header#header .btn-close {
  position: absolute;
  padding: 15px;
  right: 1px;
  top: 7px;
  z-index: 1;
}
.partner-header#header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.partner-header#header .btn-close.small {
  position: absolute;
  right: 0;
  top: 0;
  padding: 23px 24px 15px;
}
.partner-header#header .btn-close.small > span {
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 13px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -223px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.keyboard-on .hide-on-keyboard {
  display: none;
}
.scene-partner {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-partner.bold {
  font-weight: bold;
}
.scene-partner .btn-basic.fixed {
  font-weight: bold;
}
.scene-partner.real-estate,
.scene-partner.ad-plan,
.scene-partner.trade-form {
  background-color: #fff;
}
.scene-partner.real-estate #header,
.scene-partner.ad-plan #header,
.scene-partner.trade-form #header {
  background-color: #fff;
}
.scene-partner.real-estate #header h2,
.scene-partner.ad-plan #header h2,
.scene-partner.trade-form #header h2 {
  color: #484848;
}
.scene-partner.real-estate .real-estate-agent-tab li {
  width: 22.5%;
}
.scene-partner.real-estate .real-estate-agent-tab li:last-child {
  width: 32.5%;
}
.scene-partner.real-estate.agreement {
  background-color: #fff;
}
.scene-partner.real-estate .real-estate-partner-ad-container {
  padding-top: 52px;
  color: #484848;
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad {
  height: 100%;
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad .ad-empty {
  height: 100%;
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad .ad-empty .title {
  font-size: 19px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad .ad-empty .title p {
  margin-top: 15px;
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad .ad-empty .title .help {
  font-size: 15px;
  color: #7f7e92;
  margin-top: 8px;
}
.scene-partner.real-estate .real-estate-partner-ad-container.no-ad .ad-empty .leave {
  font-size: 16px;
  color: #584de4;
  background-color: #f3f4fc;
  text-align: center;
  padding: 13px 24px;
  margin-top: 25px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .card.ad-summary {
  padding-bottom: 24px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-title {
  padding: 20px 24px 8px;
  font-size: 16px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .left {
  margin-top: 20px;
  width: 45%;
  padding: 5px 5px 10px;
  display: inline-block;
  box-sizing: border-box;
  border-right: 1px solid #f2f2f2;
}
.scene-partner.real-estate .real-estate-partner-ad-container .right {
  margin-top: 20px;
  width: 55%;
  padding: 5px 5px 10px;
  box-sizing: border-box;
  display: inline-block;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-text {
  text-align: center;
  font-size: 15px;
  color: #484848;
  line-height: 15px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-text span {
  vertical-align: middle;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-figure {
  margin-top: 5px;
  text-align: center;
  font-size: 24px;
  color: #484848;
  font-weight: bold;
}
.scene-partner.real-estate .real-estate-partner-ad-container .dot:before {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  font-size: 0;
  margin-right: 7px;
  display: inline-block;
  content: '';
}
.scene-partner.real-estate .real-estate-partner-ad-container .dot.green:before {
  background-color: #62d27d;
}
.scene-partner.real-estate .real-estate-partner-ad-container .dot.red:before {
  background-color: #fc541b;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list {
  background-color: #fff;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .plan-apt-title {
  padding: 20px 24px 8px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .plan-apt-title .inner {
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .dot {
  font-size: 14px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .ad-price {
  font-size: 14px;
  float: right;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .plan-apt-title .dot.red {
  margin-left: 20px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .partner-cost-list {
  padding-bottom: 100px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .partner-cost-list li {
  display: block;
  padding: 12px 24px;
  font-size: 16px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .partner-cost-list li .name {
  font-size: 16px;
  display: inline-block;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .partner-cost-list li .dot:before {
  margin-right: 11px;
  margin-bottom: 1px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .ad-list .partner-cost-list li .cost {
  vertical-align: middle;
  float: right;
  font-weight: bold;
}
.scene-partner.real-estate .real-estate-partner-ad-container .banner-container {
  z-index: 10;
  bottom: 76px;
}
.scene-partner.real-estate .real-estate-partner-ad-container .banner-container .partner-ad-banner {
  font-size: 15px;
  text-align: center;
}
.scene-partner.real-estate .real-estate-partner-ad-container .banner-container .partner-ad-banner .dot:before {
  margin-right: 11px;
}
.scene-partner.real-estate .partner-apt-container {
  background-color: #FFF;
}
.scene-partner.real-estate .partner-apt-container.apt-list {
  padding-top: 52px;
}
.scene-partner.real-estate .partner-apt-container.apt-list .apt-list-header {
  position: relative;
  padding: 20px 24px 11px;
  color: #484848;
}
.scene-partner.real-estate .partner-apt-container.apt-list .apt-list-header .title {
  font-size: 16px;
}
.scene-partner.real-estate .partner-apt-container.apt-list .apt-list-header .btn-order {
  position: absolute;
  top: 0;
  right: 24px;
  display: inline-block;
  font-size: 15px;
  padding: 20px 0 15px 10px;
  color: #484848;
}
.scene-partner.real-estate .partner-apt-container.apt-list .apt-list-header .btn-order .text {
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.scene-partner.real-estate .partner-apt-container.empty {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
}
.scene-partner.real-estate .partner-apt-container.empty .empty-container {
  position: relative;
  top: calc(50% - 54px);
  color: #484848;
}
.scene-partner.real-estate .partner-apt-container.empty .empty-container .text-container {
  margin-top: 14.5px;
}
.scene-partner.real-estate .partner-apt-container.empty .empty-container .text-container .title {
  font-size: 19px;
}
.scene-partner.real-estate .partner-apt-container.empty .empty-container .text-container .sub-title {
  font-size: 15px;
  margin-top: 8px;
  color: #7f7e92;
  line-height: 21px;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container {
  background-color: #fff;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt {
  position: relative;
  color: #484848;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a {
  color: #484848;
  margin: 0 24px;
  padding: 15px 0;
  display: block;
  border-bottom: solid 1px #E5E5E5;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .apt-name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .badge-group {
  display: inline-block;
  position: relative;
  top: -2px;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group {
  font-size: 15px;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group > span {
  margin-right: 5px;
  vertical-align: middle;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group > span:last-child {
  margin-right: 0;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group .empty {
  color: #7f7e92;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group .warning-group {
  display: inline-block;
  margin-right: 5px;
  color: #fc541b;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group .warning-group .attention {
  margin-right: 4px;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt > a .description-group .warning-group .text {
  vertical-align: text-bottom;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .partner-apt-list-container .partner-apt:last-child > a {
  border-bottom: 0px;
}
.scene-partner.real-estate .partner-apt-container .apt-list-container .add-apt-btn {
  font-weight: bold;
}
.scene-partner-trade {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-partner-trade.bold {
  font-weight: bold;
}
.scene-partner-trade.description {
  background-color: #f8f8f8;
}
.scene-partner-trade .partner-trade-container {
  margin-top: 109px;
}
.scene-partner-trade .partner-trade-container .loading-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.scene-partner-trade .partner-trade-container .trade-banner {
  font-size: 15px;
  padding: 17px 24px;
  background-color: #F3F4FC;
  color: #584de4;
}
.scene-partner-trade .partner-trade-container .trade-banner .btn-ad {
  width: 77px;
}
.scene-partner-trade .partner-trade-container .center {
  text-align: center;
}
.scene-partner-trade .partner-trade-container .warning {
  background-color: #fff8f5;
  color: #fc541b;
}
.scene-partner-trade .partner-trade-container .ad {
  display: flex;
  flex-direction: row;
}
.scene-partner-trade .partner-trade-container .ad .text-group {
  width: 70%;
}
.scene-partner-trade .partner-trade-container .ad .button-group {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.scene-partner-trade .partner-trade-container .item-container {
  padding: 20px 24px 100px;
  /* 중개사 매물 카드 */
}
.scene-partner-trade .partner-trade-container .item-container .trade-item-container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.scene-partner-trade .partner-trade-container .item-container .trade-item-container .trade-item {
  margin-bottom: 15px;
}
.scene-partner-trade .partner-trade-container .item-container .trade-item-container .trade-item.empty {
  margin-bottom: 35px;
}
.dimmed-layer.layer-add {
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
.dimmed-layer.layer-add .sub-title {
  padding-top: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}
.dimmed-layer.layer-add .button-group {
  padding-top: 20px;
}
.dimmed-layer.layer-add .button-group button {
  width: 45%;
  margin-right: 5%;
}
.dimmed-layer.layer-add .button-group button:last-child {
  margin-right: 0;
}
.step-portal-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #FFF;
  max-height: 400px;
}
.step-portal-layer.bold {
  font-weight: bold;
}
.step-portal-layer .step-header {
  position: relative;
  height: 58px;
}
.step-portal-layer .step-header .title {
  line-height: 58px;
  font-size: 18px;
  padding: 0 24px 0 42px;
}
.step-portal-layer .step-header.first .title {
  padding: 0 24px;
}
.step-portal-layer .step-header .btn-back {
  position: absolute;
  padding: 22px 15px 15px 24px;
}
.step-portal-layer .step-header .btn-back > span {
  display: inline-block;
  overflow: hidden;
  width: 9px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -207px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.step-portal-layer .step-container {
  padding: 0 25px;
  overflow: scroll;
}
.step-portal-layer.scroll .btn-step {
  -webkit-box-shadow: 0px -10px 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -10px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px -10px 20px 0 rgba(0, 0, 0, 0.2);
}
.step-portal-layer .preset-input-form-container {
  padding-bottom: 20px;
}
.partner-option-layer {
  background-color: #FFF;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.partner-option-layer.bold {
  font-weight: bold;
}
.partner-option-layer .title {
  height: 58px;
  line-height: 59px;
  font-weight: bold;
  font-size: 17px;
  padding: 0 25px;
}
.partner-option-layer .list-container .item {
  padding: 0 25px;
  display: block;
  height: 52px;
  line-height: 52px;
}
.partner-option-layer .list-container .item:last-child {
  border-bottom: 0;
}
.partner-option-layer .list-container .on {
  font-weight: bold;
  color: #584de4;
}
.partner-ad-card {
  padding: 20px 33px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.partner-ad-card .title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.partner-ad-card .subtitle-container {
  margin-top: 10px;
}
.partner-ad-card .subtitle-container > p {
  text-align: center;
  font-size: 14px;
  color: #7f7e92;
}
.partner-ad-card .btn-group {
  margin-top: 10px;
  text-align: center;
}
.partner-ad-card .btn-group > button {
  width: 115px;
}
.partner-ad-card .btn-group > button:first-child {
  margin-right: 5px;
}
.ad-plan {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.ad-plan.bold {
  font-weight: bold;
}
.ad-plan .ad-list-header {
  position: relative;
  background-color: #fff;
  padding: 0 24px 0 14px;
  font-size: 16px;
  color: #484848;
}
.ad-plan .ad-list-header .checkbox-container {
  display: inline-block;
  line-height: 0;
}
.ad-plan .ad-list-header .checkbox-container input[type=checkbox] {
  top: 10px;
  left: 24px;
}
.ad-plan .ad-list-header .checkbox-container label {
  padding: 10px 10px 10px 37px;
  display: inline-block;
  height: 21px;
  line-height: 20px;
}
.ad-plan .ad-list-header .btn-order {
  position: absolute;
  display: inline-block;
  padding: 10px;
  top: 0px;
  right: 14px;
  color: #484848;
  font-size: 15px;
}
.ad-plan .ad-list-header .btn-order .text {
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.ad-plan .checkbox-container input {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: border-box;
}
.ad-plan .checkbox-container label {
  line-height: 1;
  display: block;
  padding-left: 27px;
  vertical-align: middle;
  cursor: pointer;
}
.ad-plan .fixed-bottom {
  position: fixed;
  bottom: 57px;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  background: #fff;
  z-index: 1;
  padding: 15px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px -2px 10px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px -2px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 1px -2px 10px 0 rgba(0, 0, 0, 0.08);
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #484848;
}
.ad-plan .fixed-bottom.bold {
  font-weight: bold;
}
.ad-plan .fixed-bottom .selected-apt-count {
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
}
.ad-plan .fixed-bottom .plan {
  display: block;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  color: #484848;
}
.ad-plan .fixed-bottom .text-input input[type=number] {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  line-height: 50px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-top: 1px;
  margin-bottom: 6px;
  height: 55px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.ad-plan .ad-plan-apt-list {
  padding: 0 0 140px 0;
  background-color: #fff;
}
.ad-plan .ad-plan-apt-list.editing .fixed-bottom {
  display: none;
}
.ad-plan .ad-plan-apt-list.editing .footer-confirm {
  display: none;
}
.ad-plan .ad-apt {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  position: relative;
  color: #484848;
}
.ad-plan .ad-apt.bold {
  font-weight: bold;
}
.ad-plan .ad-apt:last-child .apt-cont {
  margin-bottom: 24px;
}
.ad-plan .ad-apt .apt-cont {
  margin: 12px;
  position: relative;
}
.ad-plan .ad-apt .apt-cont .plan-input {
  margin: 0 12px 20px 42px;
  display: block;
}
.ad-plan .ad-apt .apt-cont .plan-input .inline-text-input {
  display: block;
  padding: 10px 15px 20px 15px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #484848;
  font-size: 16px;
  height: 44px;
  box-sizing: border-box;
}
.ad-plan .ad-apt .apt-cont .plan-input .inline-text-input.red {
  border-color: #fc541b;
}
.ad-plan .ad-apt .apt-cont .plan-input .text-input {
  height: 44px;
}
.ad-plan .ad-apt .apt-cont .plan-input .text-input input {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  padding: 10px 15px 12px 15px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #484848;
  font-size: 16px;
  padding-right: 10px;
  margin-right: 0;
  height: 44px;
  line-height: normal;
  box-sizing: border-box;
}
.ad-plan .ad-apt .apt-cont .plan-input .text-input input.bold {
  font-weight: bold;
}
.ad-plan .ad-apt .apt-cont .plan-input .text-input .btn-reset {
  margin-top: -10px;
  right: 15px;
}
.ad-plan .ad-apt .apt-cont .plan-input .warning {
  font-size: 16px;
  color: #fc541b;
  margin-top: 4px;
}
.ad-plan .ad-apt .checkbox-container .apt-name {
  font-size: 17px;
  font-weight: bold;
  margin: 1px 0 3px 0;
  display: inline-block;
}
.ad-plan .ad-apt .checkbox-container .badge-group {
  display: inline-block;
  position: relative;
  top: -2px;
}
.ad-plan .ad-apt .checkbox-container .description-group {
  font-size: 14px;
}
.ad-plan .ad-apt .checkbox-container .description-group > span {
  margin-right: 5px;
}
.ad-plan .ad-apt .checkbox-container .description-group .description:last-child {
  margin-right: 0;
}
.ad-plan .ad-apt .checkbox-container input[type=checkbox] {
  left: 12px;
  top: 4px;
}
.ad-plan .ad-apt .checkbox-container label {
  margin-top: 0;
  padding: 4px 12px 4px 42px;
  cursor: pointer;
}
.ad-plan .ad-apt .checkbox-container .status {
  margin-top: 2px;
  color: #a3a3a3;
  font-size: 16px;
  line-height: 22px;
}
.ad-plan .ad-apt.checked label {
  padding-bottom: 11px;
}
.ad-plan .ad-apt.disabled .apt-name {
  color: #dadada;
}
.ad-plan .ad-apt.disabled input[type=checkbox],
.ad-plan .ad-apt.disabled label {
  cursor: initial;
}
.ad-plan .ad-apt.disabled .status {
  color: #dadada;
}
.scene-partner-my {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #f8f8f9;
}
.scene-partner-my.bold {
  font-weight: bold;
}
.scene-partner-my #container {
  margin: 56px 0 0;
}
.scene-partner-my #container .card.real-estate-partner-info {
  border-bottom: 0;
}
.scene-partner-my.real-estate .btn-close {
  position: relative;
  display: block;
  text-align: right;
  line-height: 40px;
  right: 20px;
  font-size: 15px;
  color: #777;
}
.scene-partner-my.scene-partner-contact-number {
  position: relative;
}
.agent-partner-dashboard {
  padding-top: 52px;
  position: relative;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-partner-dashboard.bold {
  font-weight: bold;
}
.agent-partner-dashboard .loading {
  height: calc(100vh - 106px);
}
.agent-partner-dashboard:last-child {
  border-bottom: 0px;
}
.agent-partner-dashboard .card {
  padding: 20px 24px;
  background-color: #ffffff;
  border-bottom: 10px solid #f8f8f9 !important;
}
.agent-partner-dashboard .card.full {
  padding: 0;
}
.agent-partner-dashboard .card .title {
  color: #484848;
  font-size: 15px;
  font-weight: normal;
}
.agent-partner-dashboard .card .title.main {
  font-size: 20px;
  font-weight: bold;
}
.agent-partner-dashboard .card:first-child {
  margin-top: 53px;
}
.agent-partner-dashboard .card:last-child {
  padding-bottom: 90px;
  border-bottom: 0 !important;
}
.agent-partner-dashboard .card .btn {
  display: inline-block;
  margin: 15px 0;
  color: #ececec;
  height: 26px;
  line-height: 24px;
  padding: 5px 12px;
  background-color: #584de4;
  font-size: 14px;
  font-weight: normal;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
.agent-partner-dashboard .card .btn.head-ad {
  position: absolute;
  right: 10px;
  top: -19px;
}
.agent-partner-dashboard .card .border {
  padding: 5px 0;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.agent-partner-dashboard .card p {
  color: #7f7e92;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.agent-partner-dashboard .real-time .counter {
  font-size: 24px;
  font-weight: bold;
  line-height: 25px;
  padding: 0 25px 10px;
  color: #484848;
}
.agent-partner-dashboard .real-time .counter.realtime {
  animation-duration: 1s;
  animation-name: hide;
  animation-iteration-count: 2;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: hide;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: hide;
  -moz-animation-iteration-count: 2;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: hide;
  -ms-animation-iteration-count: 2;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.agent-partner-dashboard .real-time .ad-counter {
  position: absolute;
  right: 24px;
  top: 23px;
  color: #7f7e92;
  font-size: 15px;
}
.agent-partner-dashboard .real-time .main-title {
  padding: 22px 0 15px 24px;
  color: #484848;
  font-size: 16px;
}
.agent-partner-dashboard .cost-summary {
  padding: 20px 24px 10px;
}
.agent-partner-dashboard .cost-summary .sub-title {
  color: #484848;
}
.agent-partner-dashboard .cost-summary .main-cost {
  color: #484848;
  padding-top: 13px;
  font-size: 26px;
  font-weight: bold;
}
.agent-partner-dashboard .cost-summary .empty {
  text-align: center;
  padding: 50px 24px 70px;
}
.agent-partner-dashboard .cost-summary .empty > div {
  font-size: 16px;
  color: #7f7e92;
  text-align: center;
}
.agent-partner-dashboard .cost-summary .empty > a {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 13px;
  border: 1px solid #a3a3a3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list {
  color: #484848;
  padding-top: 25px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list .btn-more {
  color: #7F7E92;
  display: block;
  padding: 10px 20px;
  text-align: center;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  font-size: 15px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .main {
  float: left;
  width: 184px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .main .name {
  font-size: 15px;
  display: inline-block;
  width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .main .cost {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  padding-top: 2px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .graph {
  display: block;
  float: right;
  padding-top: 7px;
  width: 135px;
  text-align: right;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .graph .view {
  color: #7f7e92;
  margin-top: 19px;
  width: 100%;
  display: block;
  text-align: right;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .graph .days {
  font-size: 13px;
  display: inline-block;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .graph .bar-wrap {
  float: right;
  position: relative;
  display: block;
  box-sizing: border-box;
  background-color: #eff0f7;
  height: 6px;
  width: 80%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.agent-partner-dashboard .cost-summary .partner-cost-list li .graph .bar-wrap span {
  display: block;
  height: 100%;
  background-color: #584de4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.agent-partner-dashboard .summary {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-partner-dashboard .summary.bold {
  font-weight: bold;
}
.agent-partner-dashboard .summary .date {
  color: #484848;
  font-size: 16px;
  padding: 0 24px;
}
.agent-partner-dashboard .summary .sub-title {
  font-size: 16px;
  color: #484848;
  padding: 0 24px;
}
.agent-partner-dashboard .summary .list {
  padding-top: 20px;
  height: 106px;
  overflow: hidden;
}
.agent-partner-dashboard .summary .list ul {
  position: relative;
  height: 107px;
}
.agent-partner-dashboard .summary .list ul li {
  display: inline-block;
  padding: 15px 0;
  box-sizing: border-box;
  width: 50%;
  border-top: 1px solid #dadada;
}
.agent-partner-dashboard .summary .list ul li .summary-btn {
  display: block;
  text-align: center;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-partner-dashboard .summary .list ul li .summary-btn.bold {
  font-weight: bold;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .name {
  font-size: 15px;
  color: #484848;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .count {
  font-size: 24px;
  font-weight: bold;
  margin-top: 4px;
  color: #484848;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .diff {
  font-size: 13px;
  padding-top: 3px;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .diff.minus {
  color: #1569f4;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .diff.plus {
  color: #fc541b;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .diff .val {
  margin-right: 4px;
}
.agent-partner-dashboard .summary .list ul li .summary-btn .diff .diff-text {
  color: #7f7e92;
}
.agent-partner-dashboard .summary .list ul li.selected {
  border-top: 2px solid #584de4;
  background-color: #f3f4fc;
}
.agent-partner-dashboard .summary .list ul li.selected .summary-btn .name {
  color: #584de4;
}
.agent-partner-dashboard .summary .list ul li.selected .summary-btn .count {
  color: #584de4;
}
.agent-partner-dashboard .date-btn {
  position: absolute;
  right: 16px;
  top: 25px;
  z-index: 10;
  line-height: 14px;
}
.agent-partner-dashboard .chart-detail-list {
  position: relative;
  padding: 0 0 10px 0;
}
.agent-partner-dashboard .chart-detail-list .loading {
  height: 50px;
}
.agent-partner-dashboard .chart-detail-list .title-date {
  color: #7f7e92;
  font-size: 14px;
  padding: 15px 0 12px 24px;
  display: inline-block;
}
.agent-partner-dashboard .chart-detail-list .btn-close {
  padding: 12px 24px 12px 15px;
  display: inline-block;
  float: right;
}
.agent-partner-dashboard .chart-detail-list .header {
  font-size: 14px;
  display: table;
  width: 100%;
  color: #484848;
}
.agent-partner-dashboard .chart-detail-list .header .count {
  display: inline-block;
  font-size: 24px;
  padding: 0 10px 0 24px;
  font-weight: bold;
}
.agent-partner-dashboard .chart-detail-list .header.middle {
  display: table-cell;
  vertical-align: middle;
}
.agent-partner-dashboard .chart-detail-list .header .diff {
  padding-left: 3px;
}
.agent-partner-dashboard .chart-detail-list .header .diff.negative {
  color: #1569f4;
}
.agent-partner-dashboard .chart-detail-list .header .diff.positive {
  color: #fc541b;
}
.agent-partner-dashboard .chart-detail-list .header .tag {
  float: right;
  padding: 13px 24px 0 0;
  font-size: 13px;
}
.agent-partner-dashboard .chart-detail-list .btn-more {
  display: block;
  color: #7F7E92;
  padding: 10px 20px 14px;
  text-align: center;
}
.agent-partner-dashboard .chart-detail-list .empty {
  color: #7f7e92;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  padding: 30px 80px;
}
.agent-partner-dashboard .chart-detail-list .empty.new {
  padding: 30px 30px 40px;
}
.agent-partner-dashboard .chart-detail-list .empty.real {
  padding: 30px 30px 40px;
}
.agent-partner-dashboard .chart-detail-list .apt-list {
  position: relative;
  width: 100%;
  padding-top: 13px;
}
.agent-partner-dashboard .chart-detail-list .apt-list.recent {
  padding-top: 20px;
}
.agent-partner-dashboard .chart-detail-list .apt-list .left {
  font-size: 12px;
  color: #7f7e92;
  float: left;
  padding: 0 24px 0;
  display: block;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul {
  padding: 0 24px;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li {
  height: 31px;
  line-height: 30px;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li:last-child {
  padding-bottom: 15px;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span {
  font-size: 16px;
  color: #484848;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span.name {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span.count {
  position: absolute;
  right: 95px;
  font-weight: bold;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span.ratio {
  position: absolute;
  font-size: 14px;
  right: 24px;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span.ratio.minus {
  color: #1569f4;
}
.agent-partner-dashboard .chart-detail-list .apt-list ul li span.ratio.plus {
  color: #fc541b;
}
.agent-partner-dashboard .chart {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.agent-partner-dashboard .chart .toolTip {
  position: absolute;
  display: none;
  width: auto;
  height: auto;
  background: none repeat scroll 0 0 white;
  border: 0 none;
  border-radius: 8px 8px 8px 8px;
  box-shadow: -3px 3px 15px #888888;
  color: black;
  font-size: 12px;
  padding: 5px;
  text-align: center;
  padding: 7px 13px;
  z-index: 10;
}
.agent-partner-dashboard .chart-container {
  position: relative;
  padding: 20px 0 0;
}
.agent-partner-dashboard .chart-container .title {
  padding: 0 24px 6px;
}
.agent-partner-dashboard .chart-container .sub-title {
  padding: 10px 24px 12px;
  color: #A3A3A3;
  font-size: 14px;
}
.agent-partner-dashboard .chart-container .chart-tooltip-label {
  background-color: #484848;
  padding: 0 8px;
}
.agent-partner-dashboard .chart-container .mock-chart {
  width: 100%;
  height: 108px;
  position: relative;
}
.agent-partner-dashboard .chart-container .mock-chart .line {
  position: absolute;
  width: 85%;
  border-top: 1px solid #9290ac;
  left: 50%;
  transform: translateX(-50%);
}
.agent-partner-dashboard .chart-container .mock-chart .line.top {
  opacity: 0.2;
  bottom: 76px;
}
.agent-partner-dashboard .chart-container .mock-chart .line.middle {
  opacity: 0.2;
  bottom: 38px;
}
.agent-partner-dashboard .chart-container .mock-chart .line.base {
  border-top: 1px solid #9290ac;
  bottom: 0px;
}
.agent-partner-dashboard .chart-container .double-chart-container .chart-box {
  display: inline-block;
  padding: 10px 0 0 16px;
}
.agent-partner-dashboard .chart-container .double-chart-container .chart-box.right {
  position: absolute;
  right: -10px;
}
.agent-partner-dashboard .chart-container .double-chart-container .chart-box .chart-title {
  font-size: 14px;
  padding-left: 8px;
}
.agent-partner-dashboard .chart-container .chart-wrapper .chart-tooltip-label {
  background-color: #484848;
}
.agent-partner-dashboard .chart-container .chart-wrapper .chart-tooltip-label .chart-tooltip-value {
  font-weight: bold;
  margin-left: 2px;
  margin-right: 0;
}
.agent-partner-dashboard .chart-container .chart-wrapper .chart-tooltip-label .chart-tooltip-date {
  margin-right: 0;
}
.agent-partner-dashboard .chart-container .chart-wrapper .annotation.my .my-circle {
  fill: #999;
  stroke: none;
}
.agent-partner-dashboard .chart-container .chart-wrapper .annotation.my .my-path {
  stroke: #999;
  stroke-width: 1;
  stroke-dasharray: 4, 2;
}
.agent-partner-dashboard .chart-container .chart-wrapper .annotation.my .my-text {
  font-size: 11px;
  fill: #777;
  text-anchor: middle;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line {
  height: 180px;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .focus-line {
  stroke: #484848;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.x .tick line {
  stroke: transparent;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.x .tick text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.x .tick text.bold {
  font-weight: bold;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.y .tick:nth-child(1) line {
  stroke: #9290ac;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.y .tick text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .axis.y .tick text.bold {
  font-weight: bold;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .price-line {
  stroke: #584DE4;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-line .second-price-line {
  fill: none;
  stroke: #584DE4;
  stroke-width: 2;
  stroke-dasharray: 2, 4;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar {
  padding-bottom: 20px;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .focus-line {
  stroke: #484848;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis path {
  stroke-width: 1;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis.x .tick line {
  stroke: transparent;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis.x .tick text {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis.x .tick text.bold {
  font-weight: bold;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis.y .tick:nth-child(1) line {
  stroke: #9290ac;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .axis.y .tick text {
  fill: transparent;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .value-bar {
  stroke: none;
  fill: #cfcfdd;
}
.agent-partner-dashboard .chart-container .chart-wrapper.chart-bar .value-bar.recent {
  fill: #584DE4;
}
.agent-partner-dashboard .chart-container .chart-month-pointer .chart-month-pointer-tip {
  top: 173px;
}
.agent-partner-dashboard .banner-container {
  z-index: 10;
}
.agent-partner-dashboard .banner-container .partner-ad-banner {
  font-size: 15px;
  text-align: center;
}
.agent-partner-dashboard .banner-container .partner-ad-banner > p {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #484848;
}
.agent-partner-dashboard .banner-container .partner-ad-banner > p.bold {
  font-weight: bold;
}
.agent-partner-dashboard .banner-container .partner-ad-banner .dot:before {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  font-size: 0;
  margin-right: 7px;
  display: inline-block;
  content: '';
  margin-right: 11px;
  background-color: #fc541b;
}
.agent-partner-dashboard .partner-intro {
  padding-top: 53px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-partner-dashboard .partner-intro.bold {
  font-weight: bold;
}
.agent-partner-dashboard .partner-intro .board {
  position: relative;
}
.agent-partner-dashboard .partner-intro .board.top {
  position: relative;
  text-align: center;
  font-size: 30px;
  background-color: transparent;
}
.agent-partner-dashboard .partner-intro .board.top .title {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.agent-partner-dashboard .partner-intro .board.top .title > h3 {
  color: #484848;
  font-size: 30px;
}
.agent-partner-dashboard .partner-intro .board.top .img-overlay {
  position: absolute;
  transform: translate3d(0, -470px, 0);
  -webkit-transform: translate3d(0, -470px, 0);
  -moz-transform: translate3d(0, -470px, 0);
  -ms-transform: translate3d(0, -470px, 0);
}
.agent-partner-dashboard .partner-intro .board.top .img-overlay.start {
  animation-duration: 1s;
  animation-name: position;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: position;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: position;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: position;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes position {
  0% {
    transform: translate3d(0, -399px, 0);
    -webkit-transform: translate3d(0, -399px, 0);
    -moz-transform: translate3d(0, -399px, 0);
    -ms-transform: translate3d(0, -399px, 0);
  }
  100% {
    transform: translate3d(0, -470px, 0);
    -webkit-transform: translate3d(0, -470px, 0);
    -moz-transform: translate3d(0, -470px, 0);
    -ms-transform: translate3d(0, -470px, 0);
  }
}
.agent-partner-dashboard .partner-intro .board.instruction {
  padding: 25px 0 69px;
}
.agent-partner-dashboard .partner-intro .board.instruction .num {
  font-size: 24px;
  color: #dadada;
  padding: 0 35px;
}
.agent-partner-dashboard .partner-intro .board.instruction .title {
  font-size: 24px;
  color: #484848;
  padding: 0 35px;
}
.agent-partner-dashboard .partner-intro .board.instruction .inst-wrap {
  padding-top: 10px;
}
.agent-partner-dashboard .partner-intro .board.instruction .inst-wrap .description {
  font-size: 16px;
  line-height: 22px;
  color: #484848;
  padding: 0 35px;
  white-space: pre-wrap;
  word-break: keep-all;
}
.agent-partner-dashboard .partner-intro .board.instruction .inst-wrap .info {
  font-size: 14px;
  color: #a3a3a3;
  padding: 0 35px 0;
}
.agent-partner-dashboard .partner-intro .board.instruction .img-desc-wrap {
  padding-top: 18px;
}
.agent-partner-dashboard .partner-intro .board.instruction .img-desc-wrap .img-left {
  display: inline-block;
  padding: 0 23px 0 35px;
}
.agent-partner-dashboard .partner-intro .board.instruction .img-desc-wrap .description-right {
  color: #484848;
  line-height: 22px;
  display: inline-block;
  width: 173px;
  vertical-align: top;
  padding-top: 9px;
}
.agent-partner-dashboard .partner-intro .board.register .inst-wrap .image.animation {
  transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
  -moz-transform: translate(30px, 0);
  -ms-transform: translate(30px, 0);
  animation-duration: 2s;
  animation-name: movemove;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: movemove;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 2s;
  -moz-animation-name: movemove;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 2s;
  -ms-animation-name: movemove;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes movemove {
  0% {
    transform: translate(255px, 0);
    -webkit-transform: translate(255px, 0);
    -moz-transform: translate(255px, 0);
    -ms-transform: translate(255px, 0);
  }
  100% {
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
  }
}
.agent-partner-dashboard .partner-intro .board.budget .inst-wrap {
  position: relative;
}
.agent-partner-dashboard .partner-intro .board.budget .inst-wrap > .tooltip-sample {
  position: absolute;
  top: 30px;
  padding-top: 50px;
  text-align: center;
}
.agent-partner-dashboard .partner-intro .board.budget .inst-wrap > .tooltip-sample.animation {
  animation-duration: 1s;
  animation-name: transform;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: transform;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: transform;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: transform;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes transform {
  0% {
    transform: translate(60px, 0);
    -webkit-transform: translate(60px, 0);
    -moz-transform: translate(60px, 0);
    -ms-transform: translate(60px, 0);
  }
  100% {
    transform: translate(130px, 0);
    -webkit-transform: translate(130px, 0);
    -moz-transform: translate(130px, 0);
    -ms-transform: translate(130px, 0);
  }
}
.agent-partner-dashboard .partner-intro .board.budget .inst-wrap > .tooltip-sample .tootip-text {
  width: 100%;
  color: #ececec;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.agent-partner-dashboard .partner-intro .board.ad {
  position: relative;
}
.agent-partner-dashboard .partner-intro .board.ad .report {
  position: relative;
}
.agent-partner-dashboard .partner-intro .board.ad .report .report-wrap {
  position: absolute;
  bottom: 35%;
}
.agent-partner-dashboard .partner-intro .board.ad .report .report-wrap.left {
  left: 74px;
  color: #584de4;
}
.agent-partner-dashboard .partner-intro .board.ad .report .report-wrap.right {
  right: 74px;
  color: #484848;
}
.agent-partner-dashboard .partner-intro .board.ad .report .report-wrap > .titles {
  font-size: 15px;
}
.agent-partner-dashboard .partner-intro .board.ad .report .report-wrap > .count {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  padding-top: 4px;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper .chart-tooltip-label {
  background-color: #484848;
  font-size: 16px;
  line-height: 30px;
  height: 32px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper .chart-tooltip-label .chart-tooltip-date {
  font-size: 16px;
  margin-right: 0;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper .chart-tooltip-label .chart-tooltip-value {
  margin-left: 2;
  margin-right: 0;
  font-size: 16px;
  font-weight: bold;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-line {
  height: 180px;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-line .focus-line {
  stroke: #484848;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-line .axis.x .tick line {
  stroke: transparent;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-line .axis.x .tick text {
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-line .axis.y .tick text {
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .focus-line {
  stroke: #484848;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis path {
  stroke-width: 0;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.x .tick line {
  stroke: transparent;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.x .tick text {
  fill: #7f7e92;
  font-size: 11px;
  font-weight: normal;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.y .tick:nth-child(1) line {
  stroke: #9290ac;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.y .tick:nth-child(2) line {
  stroke: transparent;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.y .tick:nth-child(3) line {
  stroke: transparent;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .axis.y .tick text {
  fill: transparent;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .bar-area .value-bar {
  stroke: none;
  fill: #cfcfdd;
}
.agent-partner-dashboard .partner-intro .board.ad .report > .chart-wrapper.chart-bar .bar-area .value-bar.recent {
  fill: #584de4;
}
.agent-partner-dashboard .partner-intro .board.super {
  position: relative;
  padding: 25px 0 39px;
}
.agent-partner-dashboard .partner-intro .board.super .img-wrap {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding-bottom: 70px;
}
.agent-partner-dashboard .partner-intro .board.super .img-wrap .left {
  position: relative;
  float: left;
  left: -18px;
  top: 31px;
}
.agent-partner-dashboard .partner-intro .board.super .img-wrap .middle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 134px;
}
.agent-partner-dashboard .partner-intro .board.super .img-wrap .middle.animation {
  animation-duration: 1s;
  animation-name: move;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: move;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 1s;
  -moz-animation-name: move;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 1s;
  -ms-animation-name: move;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
@keyframes move {
  0% {
    top: 169px;
  }
  100% {
    top: 134px;
  }
}
.agent-partner-dashboard .partner-intro .board.super .img-wrap .right {
  position: relative;
  float: right;
  right: -18px;
  top: 31px;
}
.agent-partner-dashboard .partner-intro .board.trade {
  text-align: center;
  background-color: #756afc;
  padding: 46px 0;
}
.agent-partner-dashboard .partner-intro .board.trade > h3 {
  font-size: 24px;
  line-height: 33px;
  color: #ffffff;
}
.agent-partner-dashboard .partner-intro .board.trade .trade-btn {
  display: inline-block;
  font-size: 17px;
  padding: 0 12px;
  margin-top: 30px;
  width: 150px;
  height: 50px;
  background-color: #584de4;
  color: #fff;
  line-height: 46px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.agent-partner-dashboard .partner-intro .board.faq {
  padding: 40px 35px;
  color: #484848;
}
.agent-partner-dashboard .partner-intro .board.faq > h3 {
  font-size: 23px;
  margin-bottom: 30px;
}
.agent-partner-dashboard .partner-intro .board.faq .faq-list .faq-item {
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
}
.agent-partner-dashboard .partner-intro .board.faq .faq-list .faq-item .title {
  font-size: 16px;
}
.agent-partner-dashboard .partner-intro .board.faq .faq-list .faq-item .description {
  padding-top: 8px;
  font-size: 15px;
  color: #a3a3a3;
  line-height: 20px;
}
.agent-partner-dashboard .partner-intro .board.faq .faq-list .faq-item:first-child {
  padding: 0 0 25px 0;
}
.agent-partner-dashboard .partner-intro .board.faq .faq-list .faq-item:last-child {
  border-bottom: 0px;
}
.agent-partner-dashboard .partner-intro .board.faq .detail-link {
  color: #7f7e92;
  font-size: 15px;
  font-weight: bold;
}
.dimmed-layer.event-layer .trade-celebration-container {
  text-align: center;
}
.dimmed-layer.event-layer .trade-celebration-container .title {
  margin-bottom: 30px;
}
.dimmed-layer.event-layer .trade-celebration-container .content {
  font-size: 18px;
  margin-bottom: 30px;
}
.dimmed-layer.event-layer .trade-celebration-container .content .point {
  font-size: 22px;
  color: #584de4;
}
.dimmed-layer.event-layer .trade-celebration-container .button-group .btn-basic {
  margin-bottom: 10px;
}
.dimmed-layer.event-layer .trade-celebration-container .button-group .close {
  color: #7f7e92;
  font-size: 14px;
  font-weight: 300;
}
.trade-confirm-container .title-container {
  text-align: center;
  color: #484848;
  margin-bottom: 15px;
}
.trade-confirm-container .title-container .title {
  font-size: 20px;
  font-weight: bold;
}
.trade-confirm-container .title-container .caution {
  margin-top: 5px;
  font-size: 15px;
  color: #fc541b;
}
.trade-confirm-container .preview-container {
  text-align: center;
}
.real-estate-partner-info {
  padding: 20px 24px !important;
  position: relative;
  box-sizing: border-box;
  background-color: #FFF;
  color: #484848;
  font-size: 15px;
  text-align: center;
}
.real-estate-partner-info .name {
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.real-estate-partner-info .address {
  margin-top: 5px;
  color: #7f7e92;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.real-estate-partner-info .btn-del {
  position: absolute;
  top: 5px;
  left: 51%;
  padding: 10px;
  z-index: 10;
}
.real-estate-partner-info .btn-del span {
  background-color: #fff;
  -webkit-border-radius: 9.5px;
  -moz-border-radius: 9.5px;
  -ms-border-radius: 9.5px;
  -o-border-radius: 9.5px;
  border-radius: 9.5px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.real-estate-partner-info .button-group {
  text-align: center;
  margin-top: 15px;
}
.trade-item {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: relative;
  width: 100px;
  text-align: center;
}
.trade-item.bold {
  font-weight: bold;
}
.trade-item a {
  display: block;
}
.trade-item.empty {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fafafb;
  box-sizing: border-box;
}
.trade-item.empty.show-date {
  margin-bottom: 20px;
}
.trade-item.empty .trade-info-group {
  height: 120.5px;
}
.trade-item.empty .trade-info-group.has-area-type {
  height: 134.5px;
}
.trade-item.empty .trade-info-group .info-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.trade-item.empty .trade-info-group .info-wrapper .text {
  display: block;
  font-weight: 400;
  color: #7f7e92;
  margin-top: 3px;
}
.trade-item.fill .btn-update {
  position: absolute;
  right: 0;
  top: 9px;
  padding: 0 5px 0 10px;
}
.trade-item.fill .trade-info-group {
  padding: 10px 0;
  background-color: #FFF;
  border: 1px solid #CECFDC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  height: 122.5px;
  box-sizing: border-box;
}
.trade-item.fill .trade-info-group.has-area-type {
  height: 136.5px;
}
.trade-item.fill .trade-info-group > span {
  display: block;
}
.trade-item.fill .trade-info-group .info {
  font-size: 14px;
  color: #7f7e92;
}
.trade-item.fill .trade-info-group .info.em {
  color: #584de4;
}
.trade-item.fill .trade-info-group .area-info {
  font-size: 15px;
  min-height: 18px;
}
.trade-item.fill .trade-info-group .area-info > span {
  display: block;
}
.trade-item.fill .trade-info-group .area-info > span.area-type {
  font-size: 11px;
}
.trade-item.fill .trade-info-group .price-info {
  margin-top: 4.5px;
  font-size: 20px;
  font-weight: 600;
  color: #484848;
  min-height: 55px;
}
.trade-item.fill .trade-info-group .price-info.rent {
  font-size: 16px;
}
.trade-item.fill .trade-info-group .description {
  margin-top: 4.5px;
  min-height: 18px;
}
.trade-item.fill .trade-info-group.expired {
  position: relative;
  border: 1px solid #CECFDC;
}
.trade-item.fill .trade-info-group.expired .info {
  opacity: 0.3;
}
.trade-item.fill .update-date {
  font-size: 12px;
  margin-top: 6px;
  color: #A3A3A3;
}
.trade-item.fill .update-date.new {
  color: #484848;
}
.trade-item.fill .update-date.expire {
  color: #fc541b;
}
.trade-item.fill.preview {
  width: 132px;
}
.trade-item.fill.preview .trade-info-group {
  height: 154px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05);
  -moz-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05);
  box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05);
}
.trade-item.fill.preview .trade-info-group .area-info {
  font-size: 16px;
}
.trade-item.fill.preview .trade-info-group .price-info {
  height: 64px;
  font-size: 24px;
  margin-top: 6px;
}
.trade-item.fill.preview .trade-info-group .price-info.rent {
  font-size: 22px;
}
.trade-item.fill.preview .trade-info-group .description {
  margin-top: 6px;
  font-size: 16px;
}
@media only screen and (min-width: 415px) {
  .trade-item {
    margin-right: 6px;
  }
}
@media only screen and (max-width: 414px) {
  .trade-item {
    width: calc((100% / 3) - 4px);
    margin-right: calc((100% - (calc((100% / 3) - 4px) * 3)) / 2);
  }
  .trade-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 340px) {
  .trade-item .price-info.rent {
    font-size: 14px !important;
  }
}
.scene-supply {
  background-color: #EEF0F3;
}
.scene-supply #header {
  background-color: #FFF;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
}
.scene-supply #header > .title {
  position: relative;
  height: 58px;
}
.scene-supply #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
}
.scene-supply #header > .title h1 a {
  color: #000;
}
.scene-supply #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-supply #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-supply .supply-household-list-wrap {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  padding-top: 58px;
}
.scene-supply .supply-household-list-wrap.bold {
  font-weight: bold;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul {
  padding: 0px 0px 0px;
  height: 100%;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a {
  padding: 0 20px;
  display: block;
  height: 52px;
  line-height: 52px;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a .name {
  font-size: 18px;
  float: left;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a .name.bunyang {
  color: #fe4c40;
  font-weight: 500;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a .household {
  color: gray;
  font-size: 16px;
  float: left;
  width: 22%;
  text-align: right;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a .start-date {
  color: gray;
  font-size: 16px;
  float: left;
  width: 15%;
  text-align: right;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li a .start-date.short-open {
  color: #4337de;
  font-weight: 600;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li:last-child {
  padding-bottom: 5px;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li:first-child {
  padding-top: 5px;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li.more-info {
  font-size: 16px;
  line-height: 52px;
  text-align: center;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll ul li.more-info a {
  display: block;
  color: gray;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll .summarize {
  padding: 20px 20px 0;
  font-size: 15px;
  line-height: 23px;
  font-weight: 300;
}
.scene-supply .supply-household-list-wrap .supply-household-scroll .summarize .colored {
  color: #4337de;
  font-weight: 800;
}
.scene-request-cs {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #eeeff0;
  min-height: 100%;
}
.scene-request-cs.bold {
  font-weight: bold;
}
.scene-request-cs #header {
  position: fixed;
  width: 100%;
  height: 58px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}
.scene-request-cs #header h2 {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 57px;
  text-align: center;
  margin: 0 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-request-cs #header .btn-back {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-request-cs #header .btn-back span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-request-cs #header .btn-submit {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-request-cs #header .btn-close {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
}
.scene-request-cs #header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-request-cs .select-apt {
  padding-top: 58px;
  background-color: #ffffff;
}
.scene-request-cs .select-apt .card {
  padding: 30px 24px;
  background-color: #fff;
}
.scene-request-cs .select-apt .header {
  margin-bottom: 15px;
  font-size: 22px;
}
.scene-request-cs .select-apt .description {
  margin: 15px 0;
}
.scene-request-cs .select-apt .button-wrapper {
  display: flex;
  justify-content: space-between;
}
.scene-request-cs .select-apt .button-wrapper .btn {
  margin: 15px 0 0;
  padding: 0;
}
.scene-request-cs .select-apt .button-wrapper .btn-ask {
  display: inline-block;
  width: 49%;
}
.scene-request-cs .select-apt .button-wrapper .btn-faq {
  display: block;
  width: 100%;
}
.scene-request-cs .select-apt .search-group {
  margin-top: 20px;
  position: relative;
  box-sizing: border-box;
}
.scene-request-cs .select-apt .search-group .search-input {
  display: block;
  position: relative;
  border: 1px solid #CCC;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  font-size: 19px;
  padding: 0 55px 0 25px;
  color: #000;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-request-cs .select-apt .search-group:after {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-request-cs .btn-write {
  display: block;
  margin: 16px 16px 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  background-color: #5963d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.scene-request-cs .btn-write[disabled],
.scene-request-cs .btn-write.disabled {
  background-color: #bbc1c7;
}
.scene-request-cs .btn-ask,
.scene-request-cs .btn-faq {
  display: block;
  margin: 16px 16px 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #584de4;
  background-color: #f3f4fc;
}
.scene-request-cs .btn-ask[disabled],
.scene-request-cs .btn-faq[disabled],
.scene-request-cs .btn-ask.disabled,
.scene-request-cs .btn-faq.disabled {
  color: #484848;
  background-color: #f0f0f0;
}
.scene-request-cs .request-cs {
  padding-top: 58px;
}
.scene-request-cs .request-cs .cs-description {
  font-size: 15px;
  color: #4337DE;
  background-color: #FFF;
  padding: 16px;
}
.scene-request-cs .request-cs .phone-container {
  position: relative;
  background-color: #fff;
  padding: 10px 16px 10px 16px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1px 0;
}
.scene-request-cs .request-cs .phone-container .input-group {
  position: relative;
  margin: 10px 0 0 0;
}
.scene-request-cs .request-cs .phone-container .input-group .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-request-cs .request-cs .phone-container .input-group .input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-request-cs .request-cs .phone-container .input-group .input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-request-cs .request-cs .phone-container .input-group .mobile {
  position: relative;
}
.scene-request-cs .request-cs .phone-container .input-group textarea.input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  resize: none;
  height: 120px;
}
.scene-request-cs .request-cs .phone-container .input-group textarea.input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-request-cs .request-cs .phone-container .input-group textarea.input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-request-cs .request-cs .phone-container .btn-auth {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 10px 0;
  height: 52px;
  line-height: 56px;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-request-cs .request-cs .phone-container .btn-auth[disabled] {
  background: #9197a1;
}
.scene-request-cs .request-cs .intro-container {
  position: relative;
}
.scene-request-cs .request-cs .intro-container .intro {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}
.scene-request-cs .request-cs .cs-content-container {
  position: relative;
  height: 250px;
  padding-bottom: 80px;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 20px;
}
@keyframes slideIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.scene-request-cs .request-cs .cs-content-container .cs-content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 24px;
  line-height: 1.4;
  font-size: 16px;
  background-color: #fff;
  border: 0;
  resize: none;
}
.scene-request-cs .request-cs .cs-content-container .cs-content::placeholder {
  opacity: 0.5;
  color: #484848;
}
.scene-request-cs .request-cs .cs-content-container .faq-suggestion {
  display: block;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100% - 32px);
  width: 100%;
  line-height: 22px;
  margin: 0 auto;
  padding: 8px 16px;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 75px;
  transform: translateY(0);
  opacity: 1;
  border: 1px solid #efefef;
  -moz-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  -webkit-box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  box-shadow: 0 5px 5px 0 rgba(44, 49, 103, 0.05), 0 1px 2px 0 rgba(44, 49, 103, 0.06);
  animation-duration: 0.4s;
  animation-name: slideIn;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: slideIn;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: slideIn;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0.4s;
  -ms-animation-name: slideIn;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.scene-request-cs .request-cs .cs-content-container .faq-suggestion:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-request-cs .request-cs .cs-content-container .faq-title {
  display: block;
  max-width: 85%;
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-request-cs .request-cs .cs-content-container .faq-title .small-title {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
}
.scene-request-cs .request-cs .cs-content-container .faq-delete {
  display: block;
  padding: 19px;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
  text-align: center;
  font-size: 14px;
  color: #7F7E92;
  cursor: pointer;
}
.scene-request-cs .request-cs .btn-hint {
  display: block;
  padding: 0px 25px;
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  color: #000;
}
.scene-request-cs .request-cs .btn-hint:after {
  color: #aaa;
  font-family: fontello;
  content: '\E810';
  margin-left: 6px;
}
.scene-request-cs .request-cs .hint {
  display: none;
  z-index: 999;
  position: absolute;
  background-color: #fff;
  font-size: 14px;
  top: 200px;
  left: 25px;
  right: 25px;
  padding: 18px;
  border: 1px solid #999;
}
.scene-request-cs .request-cs .hint p {
  margin-top: 12px;
}
.scene-request-cs .request-cs .hint table {
  width: 100%;
}
.scene-request-cs .request-cs .hint td {
  font-size: 12px;
  width: 33%;
  padding: 7px 0;
  color: gray;
}
.scene-request-cs .request-cs .hint td:before {
  content: '- ';
}
.scene-request-cs .request-cs .btn-write {
  margin-top: 10px;
}
.cs-detail-container {
  position: relative;
  background: #eeeff0;
  min-height: 100%;
  width: 100%;
}
.cs-detail-container #header {
  position: fixed;
  width: 100%;
  height: 58px;
  background-color: #fff;
  border-bottom: 1px solid #ededed;
}
.cs-detail-container #header h2 {
  display: block;
  color: #000;
  font-size: 19px;
  font-weight: normal;
  line-height: 61px;
  text-align: center;
  margin: 0 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.cs-detail-container #header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.cs-detail-container #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.cs-detail-container .cs-detail-list {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  padding: 57px 15px 160px;
  width: 100%;
}
.cs-detail-container .cs-detail-list.bold {
  font-weight: bold;
}
.cs-detail-container .cs-detail-list li {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  clear: both;
  padding: 10px 0 10px;
}
.cs-detail-container .cs-detail-list li .profile {
  display: block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 3px;
}
.cs-detail-container .cs-detail-list li .message-group {
  position: relative;
  display: block;
  max-width: 80%;
  -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  -ms-border-radius: 0 3px 3px 3px;
  -o-border-radius: 0 3px 3px 3px;
  border-radius: 0 3px 3px 3px;
  padding: 12px;
  background: #fff;
  word-wrap: break-word;
  box-sizing: border-box;
}
.cs-detail-container .cs-detail-list li .message-group .auto-linked {
  color: #4337de;
  text-decoration: underline;
}
.cs-detail-container .cs-detail-list li .message-group .title {
  font-size: 18px;
  font-weight: 900;
}
.cs-detail-container .cs-detail-list li .message-group .time {
  position: absolute;
  font-size: 10px;
  color: #aaa;
  white-space: nowrap;
}
.cs-detail-container .cs-detail-list li .message-group .html-container {
  position: relative;
}
.cs-detail-container .cs-detail-list li .message-group .html-container div > img {
  cursor: pointer;
}
.cs-detail-container .cs-detail-list li .message-group .img-wrap {
  margin: 8px 0;
}
.cs-detail-container .cs-detail-list li .message-group .img-wrap:last-child {
  margin-bottom: 0;
}
.cs-detail-container .cs-detail-list li .message-group .photo-container {
  position: relative;
  background-color: #fff;
  margin-top: 8px;
}
.cs-detail-container .cs-detail-list li .message-group .photo-container .swipe-item {
  position: relative;
  display: block;
}
.cs-detail-container .cs-detail-list li .message-group .photo-container .swipe-item img {
  cursor: pointer;
}
.cs-detail-container .cs-detail-list li.left .profile {
  text-align: left;
  color: #4d55b2;
}
.cs-detail-container .cs-detail-list li.left .message-group {
  float: left;
}
.cs-detail-container .cs-detail-list li.left .message-group:before {
  position: absolute;
  top: 0;
  left: -7px;
  display: inline-block;
  overflow: hidden;
  width: 7px;
  height: 7px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -205px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.cs-detail-container .cs-detail-list li.left .time {
  right: 0;
  margin-right: -8px;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0);
}
.cs-detail-container .cs-detail-list li.right .profile {
  text-align: right;
  color: #6bbad8;
}
.cs-detail-container .cs-detail-list li.right .message-group {
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  -ms-border-radius: 3px 0 3px 3px;
  -o-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  float: right;
}
.cs-detail-container .cs-detail-list li.right .message-group:after {
  position: absolute;
  top: 0;
  right: -6px;
  display: inline-block;
  overflow: hidden;
  width: 7px;
  height: 7px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -205px -55px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.cs-detail-container .cs-detail-list li.right .time {
  margin-left: -20px;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0);
}
.cs-detail-container .add-image-input-group {
  position: fixed;
  bottom: 60px;
}
.cs-detail-container .comment-input {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.cs-detail-container .comment-input .btn-image {
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 58px;
  height: 58px;
  text-align: center;
  padding: 0 15px;
  color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.cs-detail-container .comment-input input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 15px;
  height: 58px;
  resize: none;
  outline: 0;
  white-space: pre-wrap;
  word-break: break-all;
  border: 1px solid #f1f1f1;
  font-size: 15px;
}
.cs-detail-container .comment-input input::-webkit-input-placeholder {
  color: #aaa;
}
.cs-detail-container .comment-input input:-moz-placeholder {
  color: #aaa;
}
.cs-detail-container .comment-input input::-moz-placeholder {
  color: #aaa;
}
.cs-detail-container .comment-input input:-ms-input-placeholder {
  color: #aaa;
}
.cs-detail-container .comment-input .btn-post {
  position: absolute;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 58px;
  height: 58px;
  text-align: center;
  padding: 0 20px;
  color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.cs-detail-container .comment-input .btn-post.abled {
  background-color: #5963D9;
  color: #eee;
}
.ad-container {
  height: 87px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.ad-container a {
  display: block;
  cursor: pointer;
  text-align: center;
}
.ad-container img {
  height: 87px;
}
.scene-gateway {
  padding-top: 65px;
}
.scene-gateway .header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.scene-gateway .header img {
  display: block;
  width: 100%;
}
.scene-gateway .footer {
  display: block;
  margin: 0 auto;
  width: 100%;
  border: 0;
  background-color: #fff;
  position: relative;
  padding: 25px 0;
}
.scene-gateway .footer .content {
  display: block;
  padding-top: 25px;
  border-top: 1px solid #eaeaea;
  margin: 0 35px;
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
  color: #aaa;
}
.scene-gateway .revision-image {
  display: block;
}
.scene-gateway .revision-image img {
  display: block;
  width: 100%;
}
.ad-banner-container {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.ad-banner-container.bold {
  font-weight: bold;
}
.ad-banner-container .content-group {
  width: 70%;
  font-size: 14px;
}
.ad-banner-container .content-group .main {
  font-weight: bold;
  color: #484848;
}
.ad-banner-container .content-group .sub {
  color: #7f7e92;
}
.ad-banner-container .btn-ad {
  position: absolute;
  top: 25%;
  right: 15px;
}
.scene-black .black-header,
.scene-black #header {
  position: fixed;
  left: 0;
  right: 0;
  height: 112px;
  text-align: center;
  background-color: #333;
  color: #f2f2f2;
  z-index: 11;
}
.scene-black .black-header h3,
.scene-black #header h3 {
  padding: 0 21px 0 20px;
  display: block;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 18px;
  line-height: 61px;
  font-weight: 300;
  border-bottom: 1px solid #444;
}
.scene-black .black-header h3 a,
.scene-black #header h3 a {
  color: #fff;
}
.scene-black .black-header .tab-menu,
.scene-black #header .tab-menu {
  display: table;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.scene-black .black-header .tab-menu li,
.scene-black #header .tab-menu li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  line-height: 50px;
  border-bottom: 3px solid #333;
}
.scene-black .black-header .tab-menu li a,
.scene-black #header .tab-menu li a {
  display: block;
  text-align: center;
  color: #fff;
}
.scene-black .black-header .tab-menu li.selected,
.scene-black #header .tab-menu li.selected {
  border-bottom: 3px solid #ccc;
}
.scene-black .black-header p,
.scene-black #header p {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #c5c6e2;
}
.scene-black .black-header > span,
.scene-black #header > span {
  font-size: 12px;
  font-weight: 200;
  color: #c5c6e2;
}
.scene-black .black-header .btn-back,
.scene-black #header .btn-back,
.scene-black .black-header .btn-prev,
.scene-black #header .btn-prev {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
  text-align: left;
}
.scene-black .black-header .btn-back span,
.scene-black #header .btn-back span,
.scene-black .black-header .btn-prev span,
.scene-black #header .btn-prev span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-black .black-header .time-indicator,
.scene-black #header .time-indicator {
  color: #ccc;
  font-size: 14px;
}
.scene-black .black-header.invitation,
.scene-black #header.invitation {
  padding-top: 0!important;
  height: 57px;
  border-bottom: 1px solid #525252;
}
.scene-black .black-header.invitation h2,
.scene-black #header.invitation h2 {
  color: #fff;
}
.scene-black #container {
  padding-top: 112px;
}
.scene-black .loading {
  position: relative;
  height: 52px;
}
.scene-black .result .legend {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.scene-black .result .legend .date {
  color: #4337de;
}
.scene-black .apt-item {
  position: relative;
  padding: 12px 20px;
  border-bottom: 1px solid #f2f2f2;
}
.scene-black .apt-item > a {
  display: block;
}
.scene-black .apt-item .rank-group {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 36px;
  text-align: center;
}
.scene-black .apt-item .rank-group .current-rank {
  font-size: 16px;
  font-family: Arial, Helvetica;
  font-weight: 600;
  display: block;
}
.scene-black .apt-item .rank-group .diff-rank {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  font-family: Arial, Helvetica;
}
.scene-black .apt-item .rank-group .diff-rank.new {
  color: green;
}
.scene-black .apt-item .rank-group .diff-rank.up {
  color: red;
}
.scene-black .apt-item .rank-group .diff-rank.up:before {
  display: inline-block;
  font-family: fontello;
  content: '\E848';
  margin-right: 2px;
  vertical-align: middle;
}
.scene-black .apt-item .rank-group .diff-rank.down {
  color: #4337de;
}
.scene-black .apt-item .rank-group .diff-rank.down:before {
  display: inline-block;
  font-family: fontello;
  content: '\E847';
  margin-right: 2px;
  vertical-align: middle;
}
.scene-black .apt-item .rank-group .diff-rank.same {
  color: gray;
}
.scene-black .apt-item h5 {
  font-weight: 500;
  display: block;
  padding: 0 80px 0 36px;
  margin: 0;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-black .apt-item .description {
  padding-left: 36px;
  margin-top: 5px;
}
.scene-black .apt-item .description span {
  display: inline-block;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  line-height: 22px;
  padding: 0 9px;
  background-color: #efefef;
  font-size: 13px;
  margin-right: 5px;
}
.scene-black .apt-item .description span:last-child {
  margin-right: 0;
}
.scene-black .apt-item .price-group {
  position: absolute;
  right: 20px;
  top: 12px;
  text-align: right;
}
.scene-black .apt-item .price-group .real-price {
  display: block;
  color: #4337de;
  font-size: 17px;
}
.scene-black .apt-item .price-group .rent-price {
  font-size: 13px;
  display: block;
}
.scene-black .apt-item .price-group .caption {
  display: block;
  font-size: 10px;
  color: gray;
}
.scene-black .apt-item.offer .price-group .real-price {
  color: red;
}
.scene-black .apt-item.offer .price-group .real-price:after {
  font-size: 12px;
  display: block;
  content: '분양가';
}
.scene-black .apt-item.offer h5 {
  color: red;
}
.scene-black .index {
  line-height: 58px;
  padding: 0 20px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  position: relative;
}
.scene-black .index a {
  display: block;
}
.scene-black .index.sido {
  font-size: 17px;
}
.scene-black .index.sigungu {
  font-size: 16px;
  font-weight: 500;
  line-height: 51px;
}
.scene-black .index:after {
  position: absolute;
  right: 20px;
  top: 0;
  color: #888;
  font-family: 'fontello';
  content: '\E80F';
}
.scene-black .index.dong {
  line-height: 36px;
  font-weight: normal;
  font-size: 15px;
  background-color: #f2f2f2;
}
.scene-black .index.dong:after {
  content: '';
}
.scene-black .index.collapsed:after {
  font-family: 'fontello';
  content: '\E80C';
}
.scene-black .invitation-detail {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0 20px;
  padding-top: 57px !important;
  background-color: #333;
  color: #fff;
  height: 100%;
}
.scene-black .invitation-detail .logo {
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -75px;
  width: 150px;
  height: 150px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -ms-border-radius: 75px;
  -o-border-radius: 75px;
  border-radius: 75px;
  text-align: center;
  padding-left: 5px;
  box-sizing: border-box;
  background-color: #000;
  line-height: 150px;
  display: block;
  font-family: arial;
  font-size: 80px;
  font-weight: 800;
  color: #fff;
}
.scene-black .invitation-detail .beta {
  display: block;
  position: absolute;
  font-size: 8px;
  font-weight: 600;
  background-color: red;
  color: #fff;
  padding: 0 8px;
  line-height: 20px;
  right: 0px;
  top: 0px;
}
.scene-black .invitation-detail .caption {
  position: absolute;
  display: block;
  top: 280px;
  left: 25px;
  right: 25px;
  font-weight: 100;
  line-height: 1.5;
  font-size: 17px;
  text-align: center;
}
.scene-black .invitation-detail .description {
  display: block;
  left: 25px;
  right: 25px;
  margin-bottom: 20px;
  color: #efefef;
  line-height: 1.5;
  font-size: 17px;
  text-align: center;
}
.scene-black .invitation-detail input {
  height: 52px;
  width: 100%;
  background-color: #555;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  font-family: arial;
}
.scene-black .invitation-detail input::-webkit-input-placeholder {
  color: #999;
}
.scene-black .invitation-detail input:-moz-placeholder {
  color: #999;
}
.scene-black .invitation-detail input::-moz-placeholder {
  color: #999;
}
.scene-black .invitation-detail input:-ms-input-placeholder {
  color: #999;
}
.scene-black .invitation-detail textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-black .invitation-detail textarea:-moz-placeholder {
  color: #999;
}
.scene-black .invitation-detail textarea::-moz-placeholder {
  color: #999;
}
.scene-black .invitation-detail textarea:-ms-input-placeholder {
  color: #999;
}
.scene-black .invitation-detail .btn-group {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.scene-black .invitation-detail .btn-submit {
  display: block;
  margin-top: 10px;
  box-sizing: border-box;
  height: 52px;
  width: 100%;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #5963d9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-black .invitation-detail .btn-submit.v2 {
  background-color: #9197a1;
}
.scene-browser {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1005;
  overflow: hidden;
}
.scene-browser .browser {
  height: 100%;
}
.scene-browser .header,
.scene-browser #header {
  height: 50px;
  background-color: #4d55b2;
  border: 1px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.scene-browser .header .input,
.scene-browser #header .input {
  display: block;
  width: 100%;
  padding: 10px 15px 0 60px;
  box-sizing: border-box;
}
.scene-browser .header .input input,
.scene-browser #header .input input {
  display: block;
  padding: 7px 18px 4px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  box-sizing: border-box;
  background-color: #2d348a;
  width: 100%;
  color: #94a9d8;
}
.scene-browser .header .btn-close,
.scene-browser #header .btn-close {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 50px;
  width: 40px;
}
.scene-browser .header .btn-close span,
.scene-browser #header .btn-close span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-browser iframe {
  padding-top: 51px;
  box-sizing: border-box;
  border: 0;
  height: 100%;
}
.scene-browser .no-url {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 24px;
}
.scene-browser .no-url:before {
  display: inline-block;
  overflow: hidden;
  width: 34px;
  height: 33px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -239px -115px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
  display: block;
  margin: 0 auto 10px;
}
#base-header.agent-detail-header {
  border-bottom: 0.5px solid #e5e5e5;
  animation: .2s slideDown;
}
@keyframes slideDown {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* 중개사 정보 헤더 */
.agent-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.agent-info-header::after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.agent-info-header .photo {
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 95% top;
}
.agent-info-header .photo img {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.agent-info-header.super .agent-info {
  width: calc(100% - 60px - 52px - 10px);
}
.agent-info-header .agent-info {
  width: calc(100% - 60px - 10px);
  height: 100%;
  box-sizing: border-box;
  text-align: left;
  float: left;
  transform: translateY(-1px);
}
.agent-info-header .agent-info .title-group.only-title {
  padding-top: 7px;
}
.agent-info-header .agent-info .company-title {
  display: block;
  font-size: 17px;
  line-height: 1.41;
  color: #484848;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.agent-info-header .agent-info .info-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 3px;
}
.agent-info-header .agent-info .info-bottom .description {
  flex: 1;
  transform: translateY(0.5px);
  display: inline-block;
  color: #7f7e92;
  font-size: 15px;
  letter-spacing: 0;
  word-spacing: 0.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.agent-info-header .agent-info .info-bottom .description .small-title {
  opacity: 0.75;
  margin-right: 2px;
}
.agent-info-header .agent-info .info-bottom .description .is-called {
  display: inline-block;
  margin-left: 6px;
  color: #584de4;
  font-size: 15px;
}
.agent-info-header .agent-info .info-bottom .description .is-called.text-standalone {
  margin: 0;
}
.agent-info-header .agent-info-header-btn-call {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 42px;
  line-height: 38px;
  box-sizing: border-box;
  float: right;
  text-align: center;
  background-color: #584de4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.agent-info-header .agent-info-header-btn-call.closed-time {
  background-color: #c7c7c7;
}
.agent-info-header .agent-info-header-btn-call.hide {
  display: none;
}
/* 중개사 시세 카드 */
.agent-trade-card {
  position: relative;
}
.agent-trade-card .trade-item.empty {
  vertical-align: top;
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
}
.agent-trade-card .trade-item.empty .trade-info-group {
  box-shadow: none;
  border: none;
}
@media only screen and (min-width: 415px) {
  .agent-trade-card > .trade-item {
    margin-right: 6px;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 414px) {
  .agent-trade-card > .trade-item {
    width: calc((100% / 3) - 4px);
  }
  .agent-trade-card > .trade-item .fill {
    width: 100%;
    max-width: unset;
  }
  .agent-trade-card > .trade-item:nth-child(3) ~ * {
    margin-top: 15px;
  }
  .agent-trade-card > .trade-item:not(:nth-child(3n)) {
    margin-right: calc((100% - (calc((100% / 3) - 4px) * 3)) / 2);
  }
}
.agent-trade-card .trade-info-group {
  border: 1px solid #cecfdc;
  cursor: pointer;
}
/* 중개사 상세 정보 페이지 */
.agent-detail {
  color: #484848;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-detail.bold {
  font-weight: bold;
}
.agent-detail .main-banner {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  min-height: 116.67vw;
  background: rgba(0, 0, 0, 0.125);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.agent-detail .main-banner.hidden-banner {
  opacity: 0;
}
.agent-detail .main-banner .title-group {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 28px;
  z-index: 100;
}
.agent-detail .main-banner .photo {
  position: relative;
  width: 100%;
  min-height: 375px;
  max-height: 100%;
  overflow: hidden;
}
.agent-detail .main-banner .photo .dimmed-filter {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), transparent);
}
.agent-detail .main-banner .photo img {
  display: block;
  width: 100%;
}
.agent-detail .main-banner .title {
  font-size: 38px;
  line-height: 1.21;
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.agent-detail .main-banner .desc {
  margin-top: 11px;
  line-height: 1.5;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
.agent-detail .agent-spec {
  padding: 10px 24px;
}
.agent-detail .agent-spec .spec-item {
  padding: 10px 0;
}
.agent-detail .agent-spec .info {
  color: #484848;
}
.agent-detail .agent-spec .title {
  font-size: 16px;
  font-weight: 700;
}
.agent-detail .agent-spec .desc {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
}
.agent-detail .super-agent-intro {
  padding: 24px;
  background-color: #f8f8f8;
  color: #484848;
}
.agent-detail .super-agent-intro .title {
  font-size: 24px;
  font-weight: 700;
}
.agent-detail .super-agent-intro .desc {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.56;
  word-break: keep-all;
}
.agent-detail .super-agent-intro .detail-btn {
  display: inline-block;
  margin-top: 14px;
  padding: 9px 10px 11px;
  border-radius: 6px;
  background-color: #584de4;
  color: #ffffff;
  font-size: 16px;
}
.agent-detail .super-agent-profile {
  position: relative;
  z-index: 100;
  margin-top: 116.67vw;
  padding: 20px 0 25px;
  background-color: #fff;
}
.agent-detail .super-agent-profile.empty {
  padding-top: 0;
}
.agent-detail .super-agent-profile .intro {
  padding: 25px 24px 0;
}
.agent-detail .super-agent-profile .intro .title {
  font-size: 16px;
  font-weight: bold;
  color: #7f7e92;
}
.agent-detail .super-agent-profile .intro .desc {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.38;
  color: #7f7e92;
}
.agent-detail .super-agent-profile .intro .link {
  display: inline-block;
  margin-top: 8px;
  font-size: 16px;
  color: #484848;
}
.agent-detail .photo-swipe-mobile {
  padding: 0 24px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  transition: opacity 0.25s;
}
.agent-detail .photo-swipe-mobile img {
  display: inline-block;
  width: 100%;
}
.agent-detail .photo-swipe-mobile img + img {
  margin-left: 6px;
}
@media only screen and (min-width: 768px) {
  .agent-detail .photo-swipe-mobile img {
    width: 40%;
  }
}
.agent-detail .agent-info {
  margin-bottom: 20px;
  padding: 0 24px;
  color: #484848;
}
.agent-detail .agent-info .title {
  font-size: 20px;
  font-weight: 600;
}
.agent-detail .agent-info .desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.56;
  word-break: keep-all;
  white-space: pre-line;
}
.agent-detail .summary-wrap {
  border-top: 10px solid #F8F8F8;
  border-bottom: 0.5px solid #e5e5e5;
  padding: 20px 24px;
  background-color: #fff;
}
.agent-detail .summary-wrap .title {
  margin-bottom: 8px;
  font-size: 20px;
}
.agent-detail .summary-wrap .type-count {
  font-size: 16px;
  color: #484848;
}
.agent-detail .summary-wrap .type-count em {
  font-weight: bold;
}
.agent-detail .summary-wrap .type-count > span + span {
  margin-left: 10px;
}
.agent-detail .trade-wrap {
  padding: 10px 24px;
  color: #484848;
  background-color: #fff;
}
.agent-detail .trade-wrap .apt-item .header {
  padding: 15px 0;
  cursor: pointer;
}
.agent-detail .trade-wrap .apt-item .header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.agent-detail .trade-wrap .apt-item .content {
  margin-bottom: 25px;
}
.agent-detail .trade-wrap .apt-item .content:last-of-type {
  margin-bottom: 20px;
}
.agent-detail .trade-wrap .apt-item .title {
  float: left;
  font-size: 17px;
  max-width: calc(100% - 20px);
}
.agent-detail .trade-wrap .apt-item .title a {
  color: #484848;
}
.agent-detail .trade-wrap .apt-item .btn-more-apt-detail {
  float: right;
  outline: none;
}
.agent-detail .trade-wrap .apt-item .trade-count {
  margin-bottom: 11px;
  font-size: 15px;
  font-weight: 400;
  color: #484848;
}
.agent-detail .trade-wrap .apt-item .trade-count em {
  font-weight: bold;
}
.agent-detail .trade-wrap .apt-item .btn-more-trade {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto 0;
  padding-right: 10px;
  padding-left: 15px;
  height: 32px;
  line-height: 31px;
  text-align: center;
  border: 1px solid #cecfdc;
  outline: none;
  font-size: 14px;
  color: #484848;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.agent-detail .trade-wrap .apt-item .btn-more-trade.bold {
  font-weight: bold;
}
.agent-detail .trade-wrap .apt-item .btn-more-trade .icon {
  transform: translateY(-1px);
}
.agent-detail .location {
  padding: 5px 24px 24px;
  background-color: #fff;
}
.agent-detail .location .title {
  font-weight: bold;
}
.agent-detail .location.super {
  padding-top: 20px;
  border-top: 10px solid #f8f8f8;
}
.agent-detail .location.super .title {
  font-size: 17px;
}
.agent-detail .location.standard .title {
  font-size: 24px;
}
.agent-detail .location .desc {
  margin-top: 5px;
  line-height: 1.38;
  color: #7f7e92;
}
.agent-detail .location .desc .address {
  font-size: 16px;
  font-weight: 400;
}
.agent-detail .location .desc .working-time {
  margin-top: 5px;
  font-size: 16px;
}
.agent-detail .location .map {
  position: relative;
  margin-top: 20px;
  height: 155px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.agent-detail .location .map .lock-layer {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 12px 15px;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.agent-detail .review-wrap {
  background-color: #ffffff;
  border-top: 10px solid #f8f8f8;
  padding: 20px 24px;
}
.agent-detail .review-wrap .btn-expand {
  display: inline-block;
  margin-left: 3px;
  color: #4337de;
}
.agent-detail .review-wrap .btn-more {
  margin: 25px 0 12px;
  display: block;
  text-align: center;
  color: #7f7e92;
  font-size: 16px;
}
.agent-detail .btn-call {
  z-index: 1000;
}
.agent-detail .btn-top {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  height: 56px;
}
.agent-detail .btn-back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  height: 56px;
  left: 0;
}
.agent-detail .btn-back.super {
  position: fixed;
  top: 0;
  z-index: 100;
}
.agent-detail .btn-back.hidden {
  visibility: hidden;
}
.agent-detail .btn-share {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  height: 56px;
  right: 0;
}
.agent-detail .btn-share.standard {
  position: absolute;
  color: #7f7e92;
}
.agent-detail .btn-share.super {
  position: fixed;
  top: 0;
  z-index: 100;
  color: #FFFFFF;
}
.agent-detail .btn-share.hidden {
  visibility: hidden;
}
/* 중개사 후기 */
.agent-reviews {
  color: #484848;
}
.agent-reviews .title {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 700;
  color: #484848;
}
.agent-reviews .review + .review {
  margin-top: 25px;
}
.agent-reviews .review .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  margin-bottom: 10px;
}
.agent-reviews .review .header span {
  display: block;
}
.agent-reviews .review .nickname {
  font-size: 15px;
  font-weight: 600;
  color: #484848;
  line-height: 1.33;
}
.agent-reviews .review .date {
  font-size: 14px;
  color: #a3a3a3;
  line-height: 1.29;
}
.agent-reviews .review .desc {
  font-size: 16px;
  color: #484848;
  line-height: 1.38;
}
.scene-agent-intro-wrap {
  min-height: auto;
}
.scene-agent-intro-wrap #header {
  margin-bottom: 0;
  border-bottom: 0;
}
.scene-agent-intro {
  position: relative;
  width: 100%;
  min-width: 375px;
  overflow-x: hidden;
}
.scene-agent-intro .btn-back {
  position: absolute;
  left: 5px;
  top: 5px;
  padding-left: 16px;
  height: 58px;
  width: 50px;
  z-index: 10;
}
.scene-agent-intro .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-intro .section {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.scene-agent-intro .section .section-content {
  display: block;
  position: relative;
  width: 375px;
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-agent-intro .section .section-content.bold {
  font-weight: bold;
}
.scene-agent-intro .section .section-bg {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}
.scene-agent-intro .section .section-bg.left {
  left: 0;
}
.scene-agent-intro .section .section-bg.right {
  right: 0;
}
.scene-agent-intro .section .section-title {
  padding-top: 34px;
  font-size: 15px;
  font-weight: 700;
  color: #4d55b2;
}
.scene-agent-intro .section .section-title-line {
  height: 26px;
  padding: 0 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #000;
  font-weight: 300;
  font-size: 15px;
  line-height: 26px;
}
.scene-agent-intro .section .section-desc {
  margin-top: 15px;
  font-size: 22px;
  font-weight: 300;
  color: #000;
}
.scene-agent-intro .section.section-free {
  height: 630px;
  background-color: #4d55b2;
  background: -webkit-linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
  background: linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
}
.scene-agent-intro .section.section-free .logo {
  display: block;
  width: 65px;
  padding-top: 50px;
  margin: 0 auto;
}
.scene-agent-intro .section.section-free .sub-tit {
  width: 240px;
  margin: 18px auto 0;
  border: 1px solid #fff;
  border-width: 1px 0;
}
.scene-agent-intro .section.section-free .sub-tit .text {
  display: table-cell;
  width: 240px;
  height: 40px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.scene-agent-intro .section.section-free .img-top {
  display: block;
  margin-top: 55px;
}
.scene-agent-intro .section.section-free .user {
  position: relative;
  width: 270px;
  margin: 40px auto 0;
  text-align: left;
  font-size: 13px;
  color: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-agent-intro .section.section-free .user.bold {
  font-weight: bold;
}
.scene-agent-intro .section.section-free .user .counter {
  position: absolute;
  right: 0;
  top: -7px;
}
.scene-agent-intro .section.section-free .user .counter .num {
  margin-right: 5px;
  font-size: 21px;
  font-weight: 700;
}
.scene-agent-intro .section.section-free .btn-join,
.scene-agent-intro .section.section-free .btn-download {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  width: 270px;
  height: 50px;
  text-align: left;
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 20px;
  line-height: 48px;
}
.scene-agent-intro .section.section-free .btn-join .img-icon,
.scene-agent-intro .section.section-free .btn-download .img-icon {
  position: absolute;
  top: 2px;
  right: 20px;
}
.scene-agent-intro .section.section-free .btn-join {
  margin: 40px auto 0;
  color: #4d55b2;
  background: #fff;
  font-weight: 700;
}
.scene-agent-intro .section.section-free .btn-download {
  margin: 15px auto 0;
  color: #fff;
  font-weight: 300;
}
.scene-agent-intro .section.section-join {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  height: 60px;
}
.scene-agent-intro .section.section-join .section-content {
  width: 100%;
}
.scene-agent-intro .section.section-join .btn-join {
  display: block;
  height: 60px;
  background: #4d55b2;
  background: -webkit-linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
  background: linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
  font-size: 22px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  color: #fff;
}
.scene-agent-intro .section.section-pledge {
  height: 1580px;
  background: #ececef;
}
.scene-agent-intro .section.section-pledge .title-guarantee {
  display: inline-block;
  padding-top: 40px;
}
.scene-agent-intro .section.section-pledge .title-guarantee .em {
  font-weight: 700;
}
.scene-agent-intro .section.section-pledge .title-pledge {
  margin-top: 25px;
}
.scene-agent-intro .section.section-pledge .pledge-wrap {
  margin-top: 30px;
}
.scene-agent-intro .section.section-pledge .pledge-wrap .pledge {
  display: inline-block;
  margin: 15px 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.scene-agent-intro .section.section-pledge .pledge-wrap .pledge:last-child {
  border-bottom: none;
}
.scene-agent-intro .section.section-pledge .pledge-wrap .pledge .title {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 45px;
  color: #4d55b2;
  text-align: left;
}
.scene-agent-intro .section.section-pledge .pledge-wrap .pledge .content {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #555;
  text-align: left;
  word-break: keep-all;
}
.scene-agent-intro .section.section-pledge .pledge-wrap .pledge .content em {
  font-weight: 700;
}
.scene-agent-intro .section.section-winner {
  height: 379px;
  background: #ececef;
}
.scene-agent-intro .section.section-winner .title-why {
  width: 150px;
  margin: 0 auto;
  padding-top: 35px;
}
.scene-agent-intro .section.section-winner .section-title {
  padding-top: 16px;
}
.scene-agent-intro .section.section-winner .img-1-st {
  display: block;
  margin: 18px auto 0;
}
.scene-agent-intro .section.section-winner .reuse-ratio {
  position: absolute;
  top: 210px;
  left: 10px;
}
.scene-agent-intro .section.section-winner .reuse-ratio .reuse-ratio-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
.scene-agent-intro .section.section-winner .reuse-ratio .reuse-ratio-content .title {
  display: inline-block;
  padding-top: 38px;
  color: #4d55b2;
  font-size: 12px;
  font-weight: 400;
}
.scene-agent-intro .section.section-winner .reuse-ratio .reuse-ratio-content .counter {
  display: block;
  position: absolute;
  top: 47px;
  left: 24px;
  width: 114px;
  height: 62px;
  font-size: 42px;
  color: #000;
  font-weight: 300;
  text-align: right;
}
.scene-agent-intro .section.section-winner .reuse-ratio .reuse-ratio-content .content-desc {
  display: block;
  margin-top: 54px;
  color: #000;
  font-size: 11px;
  font-weight: 300;
}
.scene-agent-intro .section.section-growth {
  height: 540px;
  background: #fff;
}
.scene-agent-intro .section.section-growth .section-desc {
  padding-top: 290px;
}
.scene-agent-intro .section.section-growth .img-graph {
  display: block;
  position: absolute;
  top: 293px;
  left: 13px;
}
.scene-agent-intro .section.section-growth .age-ratio {
  position: absolute;
  top: 90px;
  right: 5px;
}
.scene-agent-intro .section.section-growth .age-ratio .age-ratio-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
.scene-agent-intro .section.section-growth .age-ratio .age-ratio-content .title {
  display: inline-block;
  padding-top: 38px;
  color: #4d55b2;
  font-size: 12px;
  font-weight: 400;
}
.scene-agent-intro .section.section-growth .age-ratio .age-ratio-content .counter {
  display: block;
  position: absolute;
  top: 47px;
  left: 24px;
  width: 114px;
  height: 62px;
  font-size: 42px;
  color: #000;
  font-weight: 300;
  text-align: right;
}
.scene-agent-intro .section.section-growth .age-ratio .age-ratio-content .content-desc {
  display: block;
  margin: 54px auto 0;
  width: 78px;
  height: 20px;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 20px;
  background: #4d55b2;
  background: -webkit-linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
  background: linear-gradient(to right, #6b33b1 0%, #4d55b2 100%);
}
.scene-agent-intro .section.section-phone {
  position: absolute;
  top: 2372px;
  background: transparent;
  height: 500px;
}
.scene-agent-intro .section.section-phone .img-1-st-phone {
  position: absolute;
  top: 0;
  left: 29px;
}
.scene-agent-intro .section.section-trend {
  height: 710px;
  background: #ececef;
}
.scene-agent-intro .section.section-trend .section-title {
  padding-top: 32px;
}
.scene-agent-intro .section.section-trend .section-desc {
  margin-top: 15px;
}
.scene-agent-intro .section.section-trend .feature-wrap {
  width: 345px;
  margin: 20px auto 0;
  padding: 0;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view {
  position: relative;
  width: 100%;
  height: 444px;
  overflow: hidden;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask {
  position: relative;
  width: 276px;
  height: 444px;
  overflow: hidden;
  top: 65px;
  left: 35px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content {
  position: relative;
  width: 276px;
  height: 444px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-01 {
  top: -100px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-02 {
  top: -182px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-03 {
  top: -130px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-04 {
  top: -182px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-05 {
  top: -180px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-06 {
  top: -180px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-07 {
  top: -42px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-08 {
  top: -182px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-content-mask .phone-content .feature-09 {
  top: -114px;
}
.scene-agent-intro .section.section-trend .feature-wrap .feature-view .phone-shadow {
  position: absolute;
  top: 0;
  left: 0;
}
.scene-agent-intro .section.section-trend .feature-desc {
  position: relative;
  width: 100%;
  height: 100px;
  color: #000;
  background: #ececef;
  font-weight: 300;
}
.scene-agent-intro .section.section-trend .feature-desc .feature-icon {
  position: absolute;
  top: 25px;
  left: 47px;
}
.scene-agent-intro .section.section-trend .feature-desc .desc {
  margin-left: 125px;
  padding-top: 27px;
  text-align: left;
}
.scene-agent-intro .section.section-trend .feature-desc .desc .title {
  font-size: 20px;
}
.scene-agent-intro .section.section-trend .feature-desc .desc .tag {
  display: inline-block;
  width: 60px;
  height: 20px;
  margin-bottom: 3px;
  line-height: 20px;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  background-color: #4d55b2;
  text-align: center;
}
.scene-agent-intro .section.section-trend .feature-desc .desc .tag.only {
  background-color: #1da359;
}
.scene-agent-intro .section.section-press {
  height: 645px;
  background: #fff;
}
.scene-agent-intro .section.section-press .press-list {
  width: 100%;
  height: 370px;
  margin-top: 40px;
  text-align: left;
}
.scene-agent-intro .section.section-press .press-list .press {
  display: inline-block;
  width: 325px;
  height: 350px;
  vertical-align: top;
  margin-left: 15px;
}
.scene-agent-intro .section.section-press .press-list .press .photo {
  display: block;
  line-height: 0;
}
.scene-agent-intro .section.section-press .press-list .press .date {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 700;
  color: #4d55b2;
}
.scene-agent-intro .section.section-press .press-list .press .press-title {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.scene-agent-intro .section.section-press .press-list .press .press-desc {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  font-weight: 300;
}
.scene-agent-intro .section.section-press .partner-list .partner-row .partner {
  display: inline-block;
  margin-right: 20px;
  height: 40px;
}
.scene-agent-intro .section.section-press .partner-list .partner-row .partner:last-child {
  margin-right: 0;
}
.scene-agent-intro .section.section-review {
  height: 620px;
  background: #ececef;
  overflow: hidden;
}
.scene-agent-intro .section.section-review .review {
  margin-top: 30px;
}
.scene-agent-intro .section.section-review .phone {
  position: absolute;
  top: 320;
  left: 84px;
  z-index: 0;
}
.scene-agent-intro .section.section-company {
  background: #3f3f3f;
  font-weight: 300;
  text-align: left;
  padding-left: 15px;
}
.scene-agent-intro .section.section-company .logo {
  padding-top: 30px;
}
.scene-agent-intro .section.section-company .address {
  margin-top: 20px;
  padding-bottom: 90px;
  font-size: 13px;
  color: #909090;
  line-height: 1.6;
}
.scene-agent-join-wrap {
  background: #fff;
  min-height: 100%;
  /* 부동산 가입 */
}
.scene-agent-join-wrap #header .btn-back {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-agent-join-wrap #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-join-wrap #header .btn-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
  color: #000;
}
.scene-agent-join-wrap #header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 16px;
  height: 58px;
  width: 60px;
  text-align: right;
}
.scene-agent-join-wrap #header .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-join-wrap #container {
  padding: 63px 20px 150px 20px;
}
.scene-agent-join-wrap #container .top {
  text-align: center;
}
.scene-agent-join-wrap #container input::-webkit-input-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container input:-moz-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container input::-moz-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container input:-ms-input-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container textarea:-moz-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container textarea::-moz-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container textarea:-ms-input-placeholder {
  color: #999;
}
.scene-agent-join-wrap #container .progress {
  position: absolute;
  top: 57px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #efefef;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.scene-agent-join-wrap #container .progress .bar {
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #5963D9;
}
.scene-agent-join-wrap .scene-agent-join {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-agent-join-wrap .scene-agent-join.bold {
  font-weight: bold;
}
.scene-agent-join-wrap .scene-agent-join .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #efefef;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.scene-agent-join-wrap .scene-agent-join .progress .bar {
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #373E96;
  opacity: 0.8;
}
.scene-agent-join-wrap .scene-agent-join h2 {
  margin-top: 20px;
  font-size: 26px;
  font-weight: 100;
}
.scene-agent-join-wrap .scene-agent-join .current-state {
  text-align: center;
  padding: 8px 0;
  font-size: 15px;
  color: #7A7A7A;
}
.scene-agent-join-wrap .scene-agent-join .current-state .total {
  margin-right: 2px;
  font-size: 22px;
  font-weight: 700;
  color: #4337DE;
}
.scene-agent-join-wrap .scene-agent-join .text {
  display: block;
  margin-top: 16px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.scene-agent-join-wrap .scene-agent-join .text.dark {
  color: #444;
}
.scene-agent-join-wrap .scene-agent-join .text .text-list {
  margin: 20px 0;
  padding: 20px;
  background-color: #f2f2f2;
  border: 1px solid #e1e1e1;
}
.scene-agent-join-wrap .scene-agent-join .text .highlight {
  color: #373E96;
  font-weight: 500;
}
.scene-agent-join-wrap .scene-agent-join .input-group {
  position: relative;
  margin: 10px 0 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group.button-group {
  margin-top: 15px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #4651C8;
  color: #D7DAFD;
  font-size: 18px;
  font-weight: normal;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select[disabled] {
  background: #9197a1;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select.main {
  width: 80%;
  float: right;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select.side {
  width: 18%;
  float: left;
  color: #efefef;
  background-color: #bbb;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select.main-update {
  width: 100%;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-select .highlight {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  margin-right: 3px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-support {
  display: inline-block;
  margin: 5px auto;
  height: 52px;
  line-height: 52px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  color: #000;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}
.scene-agent-join-wrap .scene-agent-join .input-group h4 {
  padding-top: 10px;
}
.scene-agent-join-wrap .scene-agent-join .input-group h4 .opt {
  font-weight: normal;
  padding-left: 3px;
  color: #777;
}
.scene-agent-join-wrap .scene-agent-join .input-group .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group .input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-agent-join-wrap .scene-agent-join .input-group .label {
  margin-left: 5px;
  margin-right: 10px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .space {
  width: 20px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .desc {
  margin: 10px 0;
  line-height: 1.5;
  color: #777;
}
.scene-agent-join-wrap .scene-agent-join .input-group .desc strong {
  font-weight: normal;
  color: #4337de;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont.w20 {
  display: inline-block;
  width: 20%;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont .select {
  padding: 0 15px;
  z-index: 2;
  font-size: 17px;
  display: block;
  width: 100%;
  height: 42px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont .select.disabled {
  color: gray;
}
.scene-agent-join-wrap .scene-agent-join .input-group .select-cont:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-agent-join-wrap .scene-agent-join .input-group .search-group {
  position: relative;
}
.scene-agent-join-wrap .scene-agent-join .input-group .search-group .search-input {
  text-align: left;
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-right: 45px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .search-group .search-input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group .search-group .search-input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-agent-join-wrap .scene-agent-join .input-group .search-group:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -272px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-agent-join-wrap .scene-agent-join .input-group .mobile {
  position: relative;
}
.scene-agent-join-wrap .scene-agent-join .input-group textarea.input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  resize: none;
  height: 120px;
}
.scene-agent-join-wrap .scene-agent-join .input-group textarea.input.price {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group textarea.input.w20 {
  display: inline-block;
  width: 20%;
}
.scene-agent-join-wrap .scene-agent-join .input-group .help-tail {
  padding: 10px 0;
  font-size: 14px;
  color: #999;
}
.scene-agent-join-wrap .scene-agent-join .input-group .help-tail:before {
  margin-right: 5px;
  font-family: fontello;
  content: '\E822';
}
.scene-agent-join-wrap .scene-agent-join .input-group .agent-result {
  height: 160px;
  margin-top: -5px;
  padding: 0 0px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .empty-agent {
  margin-top: 20px;
  font-size: 16px;
  color: #777;
  font-weight: 400;
}
.scene-agent-join-wrap .scene-agent-join .input-group .empty-agent .btn-cs {
  color: #777;
  text-decoration: underline;
}
.scene-agent-join-wrap .scene-agent-join .input-group .confirm-list li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 15px;
  font-size: 19px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .confirm-list li.newline {
  width: 100%;
  display: block;
  margin: 20px 0 0 0;
}
.scene-agent-join-wrap .scene-agent-join .input-group .confirm-list li .key {
  color: #4337de;
  font-size: 14px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .confirm-list li .value {
  display: block;
  color: #333;
}
.scene-agent-join-wrap .scene-agent-join .input-group .complete-text {
  padding: 20px 10px;
  font-size: 17px;
  line-height: 1.7;
  color: #444;
}
.scene-agent-join-wrap .scene-agent-join .input-group .complete-text .highlight {
  color: #4337de;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-ok.v2 {
  background: #9197a1;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-ok[disabled] {
  background: #9197a1;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn_x {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn_x span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-top: 1px;
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-auth {
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
  height: 52px;
  line-height: 56px;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-agent-join-wrap .scene-agent-join .input-group .btn-auth[disabled] {
  background: #9197a1;
}
.scene-agent-join-wrap .scene-agent-join .btn-ok {
  display: block;
  box-sizing: border-box;
  margin: 12px 20px 25px;
  height: 52px;
  line-height: 56px;
  background-color: #4337de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-agent-join-wrap .scene-agent-join .btn-ok.v2 {
  background: #9197a1;
}
.scene-agent-join-wrap .scene-agent-join .input {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #C8C6E6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 44px;
}
.map-tool-hidden-target {
  -webkit-transition: transform 0.4s, opacity 0.4s !important;
  -moz-transition: transform 0.4s, opacity 0.4s !important;
  -ms-transition: transform 0.4s, opacity 0.4s !important;
  -o-transition: transform 0.4s, opacity 0.4s !important;
  transition: transform 0.4s, opacity 0.4s !important;
}
.map-tool-hidden-target.sub-filter-layer {
  -webkit-transition: top 0.5s !important;
  -moz-transition: top 0.5s !important;
  -ms-transition: top 0.5s !important;
  -o-transition: top 0.5s !important;
  transition: top 0.5s !important;
}
.map-tool-hidden .map-tool-hidden-target.map-button-group {
  transform: translate3d(-155px, 0, 0);
  -webkit-transform: translate3d(-155px, 0, 0);
  -moz-transform: translate3d(-155px, 0, 0);
  -ms-transform: translate3d(-155px, 0, 0);
  opacity: 0;
}
.map-tool-hidden .map-tool-hidden-target.map-button-right-group,
.map-tool-hidden .map-tool-hidden-target.map-button-right-under-group,
.map-tool-hidden .map-tool-hidden-target.bus-group {
  transform: translate3d(155px, 0, 0);
  -webkit-transform: translate3d(155px, 0, 0);
  -moz-transform: translate3d(155px, 0, 0);
  -ms-transform: translate3d(155px, 0, 0);
  opacity: 0;
}
.map-tool-hidden .map-tool-hidden-target.search-group {
  transform: translate3d(0, -155px, 0);
  -webkit-transform: translate3d(0, -155px, 0);
  -moz-transform: translate3d(0, -155px, 0);
  -ms-transform: translate3d(0, -155px, 0);
}
.map-tool-hidden .map-tool-hidden-target.sub-filter-layer {
  top: -50px;
}
.map-tool-hidden .map-last-location-banner {
  -webkit-transition: transform 0.4s, opacity 0.4s !important;
  -moz-transition: transform 0.4s, opacity 0.4s !important;
  -ms-transition: transform 0.4s, opacity 0.4s !important;
  -o-transition: transform 0.4s, opacity 0.4s !important;
  transition: transform 0.4s, opacity 0.4s !important;
  transform: translate3d(155px, 0, 0);
  -webkit-transform: translate3d(155px, 0, 0);
  -moz-transform: translate3d(155px, 0, 0);
  -ms-transform: translate3d(155px, 0, 0);
  opacity: 0;
}
.map-tool-hidden .map-last-location-banner.hide {
  display: none;
}
.scene-recommend-apt-list .recommend-header,
.scene-recommend-apt-list #header {
  position: fixed;
  left: 0;
  right: 0;
  height: 57px;
  text-align: center;
  background-color: #4d55b2;
  color: #fff;
  z-index: 11;
}
.scene-recommend-apt-list .recommend-header h3,
.scene-recommend-apt-list #header h3 {
  padding: 0 21px 0 20px;
  display: block;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 18px;
  line-height: 61px;
  font-weight: 500;
  border-bottom: 1px solid #444;
}
.scene-recommend-apt-list .recommend-header h3 a,
.scene-recommend-apt-list #header h3 a {
  color: #fff;
}
.scene-recommend-apt-list .recommend-header p,
.scene-recommend-apt-list #header p {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #c5c6e2;
}
.scene-recommend-apt-list .recommend-header > span,
.scene-recommend-apt-list #header > span {
  font-size: 12px;
  font-weight: 200;
  color: #c5c6e2;
}
.scene-recommend-apt-list .recommend-header .btn-back,
.scene-recommend-apt-list #header .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
  text-align: left;
}
.scene-recommend-apt-list .recommend-header .btn-back span,
.scene-recommend-apt-list #header .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .recommend-header .btn-share,
.scene-recommend-apt-list #header .btn-share {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  line-height: 57px;
  padding-right: 15px;
  font-weight: 300;
}
.scene-recommend-apt-list #container {
  padding-top: 57px;
}
.scene-recommend-apt-list .loading {
  position: relative;
  height: 52px;
}
.scene-recommend-apt-list .request-info {
  padding: 20px;
  border-top: 7px solid #eaebed;
  border-bottom: 1px solid #e2e3e5;
}
.scene-recommend-apt-list .request-info .conditions {
  display: block;
  margin-top: 10px;
}
.scene-recommend-apt-list .request-info .conditions .condition {
  display: inline-block;
  color: #4337de;
  font-weight: 300;
  font-size: 16px;
  margin-right: 8px;
}
.scene-recommend-apt-list .recommend-desc {
  padding: 20px;
  font-size: 16px;
}
.scene-recommend-apt-list .btn-more,
.scene-recommend-apt-list .btn-new-request {
  display: block;
  position: relative;
  font-size: 17px;
  color: #4337de;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.scene-recommend-apt-list .apt-item {
  position: relative;
  padding: 12px 20px;
  border-bottom: 1px solid #f2f2f2;
  display: block;
  cursor: pointer;
}
.scene-recommend-apt-list .apt-item h5 {
  font-weight: 600;
  display: block;
  padding-right: 110px;
  margin: 0;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-recommend-apt-list .apt-item .description {
  margin-top: 5px;
}
.scene-recommend-apt-list .apt-item .description span {
  display: inline-block;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  line-height: 22px;
  padding: 0 9px;
  background-color: #efefef;
  font-size: 13px;
  margin-right: 5px;
}
.scene-recommend-apt-list .apt-item .description span:last-child {
  margin-right: 0;
}
.scene-recommend-apt-list .apt-item .award {
  display: block;
  color: #6059b3;
  font-size: 13px;
  z-index: 2;
  position: relative;
  padding-top: 10px;
}
.scene-recommend-apt-list .apt-item .award:before {
  font-family: 'fontello';
  content: '\E844';
  font-size: 14px;
  vertical-align: middle;
  margin-right: 4px;
}
.scene-recommend-apt-list .apt-item .reason {
  color: red;
  font-size: 13px;
  font-weight: 300;
}
.scene-recommend-apt-list .apt-item .price-group {
  position: absolute;
  right: 20px;
  top: 15px;
  text-align: right;
}
.scene-recommend-apt-list .apt-item .price-group .price {
  display: block;
  color: #4337de;
  font-size: 19px;
  font-weight: 500;
}
.scene-recommend-apt-list .apt-item .price-group .area {
  display: block;
  font-size: 14px;
  color: gray;
}
.scene-recommend-apt-list .apt-item.has-reason .price-group {
  top: 30px;
}
.scene-recommend-apt-list .apt-item:hover {
  background-color: #f2f2f2;
}
.scene-recommend-apt-list .share {
  position: relative;
  background-color: #354088;
  padding-bottom: 30px;
  border-bottom: 1px solid #2F3A90;
  text-align: center;
}
.scene-recommend-apt-list .share p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  height: 40px;
  color: #d3d4e2;
  padding-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-recommend-apt-list .share .copy-url {
  padding: 0 20px 10px;
}
.scene-recommend-apt-list .share .copy-url .url {
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  line-height: 36px;
  color: #8e8eca;
  background-color: #413279;
  border-top: 1px solid #322f6f;
  border-left: 1px solid #322f6f;
  border-right: 1px solid #4c4b94;
  border-bottom: 1px solid #4c4b94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-recommend-apt-list .share ul {
  text-align: center;
}
.scene-recommend-apt-list .share li {
  display: inline-block;
  width: 45px;
  padding-right: 10px;
}
.scene-recommend-apt-list .share li a {
  display: block;
  height: 45px;
}
.scene-recommend-apt-list .share li a.facebook span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .share li a.twitter span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .share li a.kakaotalk span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -94px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .share li a.kakaostory span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .share li a.band span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-recommend-apt-list .share li:first-child {
  margin-top: 0;
}
.scene-recommend-apt-list .share li:last-child {
  padding-right: 0;
}
.scene-recommend-apt {
  box-sizing: border-box;
}
.scene-recommend-apt #header {
  top: auto;
}
.scene-recommend-apt.app-banner #header {
  border-top: 1px solid #f2f2f2;
}
.scene-recommend-apt #container {
  padding-top: 80px;
  padding-bottom: 82px;
}
.scene-recommend-apt h3 {
  font-size: 19px;
  margin-bottom: 10px;
  font-weight: 600;
}
.scene-recommend-apt .request-list {
  padding-bottom: 5px;
}
.scene-recommend-apt .request-list h5 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  font-weight: normal;
  color: #4337de;
}
.scene-recommend-apt .request-list .request-item {
  display: block;
  border: 1px solid #f2f2f2;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 12px 15px;
  margin-bottom: 10px;
  font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-recommend-apt .request-list .request-item .date {
  display: block;
  color: gray;
  font-size: 14px;
  margin-top: 3px;
}
.scene-recommend-apt .request-list .request-item:hover {
  background-color: #f2f2f2;
}
.scene-recommend-apt .price-container {
  margin-top: 5px;
}
.scene-recommend-apt .price-container .price {
  color: #4337de;
  font-size: 22px;
}
.scene-recommend-apt .price-container .percent {
  margin-left: 3px;
  color: gray;
}
.scene-recommend-apt .apt-search-input {
  margin-top: 20px;
}
.scene-recommend-apt .select-box {
  position: relative;
  margin: 10px 9px 0px 0px;
  display: inline-block;
  border: 1px solid #efefef;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.scene-recommend-apt .select-box button {
  position: relative;
  z-index: 2;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  padding-right: 38px;
  padding-left: 15px;
}
.scene-recommend-apt .select-box:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  right: 13px;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-recommend-apt .price-input {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 15px;
  width: 100px;
  border: 1px solid #CCC;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
}
.scene-recommend-apt .btn-ok {
  display: block;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: 62px;
  line-height: 66px;
  color: #F3F3F3;
  background-color: #373E96;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-recommend-apt .btn-ok.v2 {
  background: #9197a1;
}
.scene-recommend-apt .btn-ok[disabled] {
  background: #9197a1;
}
.scene-recommend-apt .checkbox-container {
  margin-top: 10px;
}
.scene-recommend-apt .loading {
  height: 100px;
  position: relative;
}
.scene-recommend-apt .step-intro h1 {
  font-weight: 200;
  font-size: 32px;
}
.scene-recommend-apt .step-intro .txt {
  margin: 15px 0 15px;
  font-size: 17px;
}
.scene-recommend-apt .step-ask-price .price-form-wrap {
  margin-bottom: 20px;
}
.scene-recommend-apt .step-ask-price .inline-select-box {
  margin-top: 10px;
}
.scene-recommend-apt .step-ask-region .address-input-container {
  margin-top: 15px;
}
.scene-recommend-apt .step-ask-region .address-input-container {
  margin-bottom: 20px;
}
.scene-recommend-apt .step-ask-region .label-container {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 8px;
  font-size: 16px;
  line-height: 26px;
}
.scene-recommend-apt .step-ask-region .label-container a {
  color: #4337de;
}
.scene-recommend-apt .step-ask-office .select-group {
  margin-top: 10px;
}
.scene-recommend-apt .step-ask-office .select-box {
  width: 140px;
}
.scene-recommend-apt .step-ask-office .select-box select {
  width: 100%;
}
.scene-recommend-apt .step-ask-options .inline-select-box {
  margin-bottom: 20px;
}
.scene-notice,
.scene-faq {
  background-color: #fff;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-notice input::-webkit-input-placeholder,
.scene-faq input::-webkit-input-placeholder {
  color: #999;
}
.scene-notice input:-moz-placeholder,
.scene-faq input:-moz-placeholder {
  color: #999;
}
.scene-notice input::-moz-placeholder,
.scene-faq input::-moz-placeholder {
  color: #999;
}
.scene-notice input:-ms-input-placeholder,
.scene-faq input:-ms-input-placeholder {
  color: #999;
}
.scene-notice textarea::-webkit-input-placeholder,
.scene-faq textarea::-webkit-input-placeholder {
  color: #999;
}
.scene-notice textarea:-moz-placeholder,
.scene-faq textarea:-moz-placeholder {
  color: #999;
}
.scene-notice textarea::-moz-placeholder,
.scene-faq textarea::-moz-placeholder {
  color: #999;
}
.scene-notice textarea:-ms-input-placeholder,
.scene-faq textarea:-ms-input-placeholder {
  color: #999;
}
.scene-notice.bold,
.scene-faq.bold {
  font-weight: bold;
}
.scene-notice #header,
.scene-faq #header {
  background-color: #4d55b2;
}
.scene-notice #header h2 .header-title,
.scene-faq #header h2 .header-title {
  color: #fff;
}
.scene-notice #header .btn-prev,
.scene-faq #header .btn-prev {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 57px;
  width: 60px;
}
.scene-notice #header .btn-prev span,
.scene-faq #header .btn-prev span {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-notice #header .faq-input-container,
.scene-faq #header .faq-input-container {
  position: relative;
  background-color: #4d55b2;
  padding: 5px 20px 15px 20px;
  text-align: center;
  color: #888888;
}
.scene-notice #header .faq-input-container input,
.scene-faq #header .faq-input-container input {
  line-height: 12px;
  font-size: 12px;
}
.scene-notice #header .faq-input-container .icon-search,
.scene-faq #header .faq-input-container .icon-search {
  position: absolute;
  left: 40px;
  top: 20px;
  font-size: 15px;
  color: #4d55b2;
}
.scene-notice #header .faq-input-container .keyword,
.scene-faq #header .faq-input-container .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 45px;
  padding-right: 50px;
  line-height: 51px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-notice #header .faq-input-container .suggestion,
.scene-faq #header .faq-input-container .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.scene-notice #header .faq-input-container .suggestion ul,
.scene-faq #header .faq-input-container .suggestion ul {
  padding: 6px 0;
}
.scene-notice #header .faq-input-container .suggestion ul li,
.scene-faq #header .faq-input-container .suggestion ul li {
  position: relative;
}
.scene-notice #header .faq-input-container .suggestion ul li.selected,
.scene-faq #header .faq-input-container .suggestion ul li.selected {
  background-color: #eee;
}
.scene-notice #header .faq-input-container .suggestion ul li a,
.scene-faq #header .faq-input-container .suggestion ul li a {
  display: block;
  line-height: 52px;
  padding: 0 20px;
  font-size: 15px;
}
.scene-notice #header .faq-input-container .suggestion ul li a:hover,
.scene-faq #header .faq-input-container .suggestion ul li a:hover {
  background-color: #eee;
}
.scene-notice #header .faq-input-container .suggestion ul li a .highlight,
.scene-faq #header .faq-input-container .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.scene-notice #header .faq-input-container .btn-reset,
.scene-faq #header .faq-input-container .btn-reset {
  position: absolute;
  bottom: 29px;
  right: 30px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-notice .content-wrap,
.scene-faq .content-wrap {
  background: #fff;
  padding-top: 58px;
}
.scene-notice .content-wrap.faq-content-wrap,
.scene-faq .content-wrap.faq-content-wrap {
  padding-top: 126px;
}
.scene-notice .content-wrap .btn-more,
.scene-faq .content-wrap .btn-more {
  display: block;
  line-height: 52px;
  height: 52px;
  color: #777;
  text-align: center;
}
.scene-notice .content-wrap .btn-more:before,
.scene-faq .content-wrap .btn-more:before {
  margin-right: 6px;
  font-family: 'fontello';
  content: '\E80C';
}
.scene-notice .content-wrap .loading,
.scene-faq .content-wrap .loading {
  position: relative;
  height: 52px;
}
.scene-notice .content-wrap ul,
.scene-faq .content-wrap ul {
  padding-top: 0;
}
.scene-notice .content-wrap ul .list-item,
.scene-faq .content-wrap ul .list-item {
  border-top: 1px solid #e2e3e5;
  border-bottom: 7px solid #eaebed;
}
.scene-notice .content-wrap ul .list-item:first-child,
.scene-faq .content-wrap ul .list-item:first-child {
  padding-top: 3px;
  border-top: 0px;
}
.scene-notice .content-wrap ul .list-item:last-child,
.scene-faq .content-wrap ul .list-item:last-child {
  border-bottom: 30px solid #eaebed;
}
.scene-notice .content-wrap ul .list-item .link,
.scene-faq .content-wrap ul .list-item .link {
  position: relative;
  display: block;
  padding: 20px 25px;
}
.scene-notice .content-wrap ul .list-item .link.faq:after,
.scene-faq .content-wrap ul .list-item .link.faq:after {
  font-family: 'fontello';
  content: '\E80F';
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.scene-notice .content-wrap ul .list-item .link.faq.collapsed:after,
.scene-faq .content-wrap ul .list-item .link.faq.collapsed:after {
  font-family: 'fontello';
  content: '\E80C';
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -9px;
}
.scene-notice .content-wrap ul .list-item .link .title,
.scene-faq .content-wrap ul .list-item .link .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 600;
  width: 85%;
  cursor: pointer;
}
.scene-notice .content-wrap ul .list-item .link .title.new:after,
.scene-faq .content-wrap ul .list-item .link .title.new:after {
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -209px -147px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-notice .content-wrap ul .list-item .link .date,
.scene-faq .content-wrap ul .list-item .link .date {
  position: absolute;
  right: 27px;
  top: 23px;
  font-size: 13px;
  font-weight: 300;
  color: #555555;
}
.scene-notice .content-wrap ul .list-item .content,
.scene-faq .content-wrap ul .list-item .content {
  padding: 0 25px 20px;
  line-height: 1.6;
  font-size: 15px;
}
.scene-notice .content-wrap ul .list-item .content .inner-content,
.scene-faq .content-wrap ul .list-item .content .inner-content {
  display: inline-block;
  word-break: break-all;
}
.scene-notice .content-wrap ul .list-item .content .message-more,
.scene-faq .content-wrap ul .list-item .content .message-more {
  color: #4337de;
  margin-left: 5px;
}
.scene-notice .content-wrap ul .list-item .content.faq,
.scene-faq .content-wrap ul .list-item .content.faq {
  padding: 0 25px 20px;
}
.scene-notice .content-wrap ul .list-item .content ul,
.scene-faq .content-wrap ul .list-item .content ul {
  padding: 0 15px;
}
.scene-notice .content-wrap ul .list-item .content ul li,
.scene-faq .content-wrap ul .list-item .content ul li {
  list-style-type: disc;
}
.scene-notice .content-wrap ul .list-item .content ol,
.scene-faq .content-wrap ul .list-item .content ol {
  margin: 5px;
  padding: 0 15px;
}
.scene-notice .content-wrap ul .list-item .content ol li,
.scene-faq .content-wrap ul .list-item .content ol li {
  list-style-type: decimal;
}
.scene-notice .content-wrap ul .list-item .content div,
.scene-faq .content-wrap ul .list-item .content div {
  max-width: 100%;
}
.scene-notice .content-wrap ul .list-item .content img,
.scene-faq .content-wrap ul .list-item .content img {
  max-width: 100%;
}
.scene-notice .content-wrap ul .list-item .content a,
.scene-faq .content-wrap ul .list-item .content a {
  color: #4337de;
}
.scene-notice .content-wrap ul .list-item .content .card-link,
.scene-faq .content-wrap ul .list-item .content .card-link {
  display: block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: #5963D9;
  color: #fff;
  margin-top: 9px;
}
.scene-newHigh {
  background-color: #EEF0F3;
}
.scene-newHigh #header {
  background-color: #FFF;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  border-bottom: 10px solid rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.scene-newHigh #header > .title {
  position: relative;
  height: 58px;
}
.scene-newHigh #header > .title h1 {
  display: block;
  position: relative;
  font-size: 19px;
  height: auto;
  font-weight: bold;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
}
.scene-newHigh #header > .title h1 a {
  color: #000;
}
.scene-newHigh #header > .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 60px;
  text-align: left;
}
.scene-newHigh #header > .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-newHigh #header > .title .btn-share {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 20px;
  text-align: left;
  color: #7f7e92;
  font-size: 15px;
}
.scene-newHigh #header .information {
  padding: 5px 30px 15px;
  text-align: center;
  font-size: 14px;
  color: #7f7e92;
  border-bottom: 10px solid rgba(0, 0, 0, 0.05);
}
.scene-newHigh #header .information .btn-close {
  position: absolute;
  right: 10px;
  top: 55px;
  padding: 15px;
}
.scene-newHigh #header .information .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-newHigh #header .address {
  position: relative;
  padding: 22px 20px;
  font-size: 17px;
}
.scene-newHigh #header .address .icon-help-circled {
  color: #7f7e92;
  padding-right: 5px;
}
.scene-newHigh #header .address .filter-name a {
  position: absolute;
  bottom: 8px;
  right: 15px;
  padding: 15px 18px;
  font-weight: 400;
  font-size: 15px;
  color: #7f7e92;
}
.scene-newHigh #header .address .filter-name a:after {
  position: absolute;
  bottom: 23px;
  right: 0;
  display: inline-block;
  overflow: hidden;
  width: 10px;
  height: 6px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -298px -294px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  content: '';
}
.scene-newHigh .list-wrap {
  background: #fff;
  padding-top: 204px;
}
.scene-newHigh .list-wrap.except {
  padding-top: 138px;
}
.scene-newHigh .list-wrap .scroll {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.scene-newHigh .list-wrap .scroll ul {
  padding: 0px 0px 0px;
  height: 100%;
}
.scene-newHigh .list-wrap .scroll ul li {
  padding: 15px 25px;
  display: block;
  border-bottom: 10px solid rgba(0, 0, 0, 0.05);
}
.scene-newHigh .list-wrap .scroll ul li .name {
  font-size: 15px;
  color: #7f7e92;
  float: left;
  width: 60%;
  padding-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-newHigh .list-wrap .scroll ul li .trade {
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 0;
  width: 100%;
}
.scene-newHigh .list-wrap .scroll ul li .trade:last-child {
  border-bottom: 0px;
  padding: 10px 0 0 0;
}
.scene-newHigh .list-wrap .scroll ul li .trade a {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 15px;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .price {
  display: block;
  font-size: 17px;
  font-weight: bold;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .date {
  color: #7f7e92;
  font-size: 15px;
  position: absolute;
  right: 0px;
  top: 2px;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .date .new {
  position: absolute;
  right: -8px;
  top: -1px;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: red;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .info {
  display: inline-block;
  color: #333;
  padding: 5px 5px 0 0;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .seperater {
  font-weight: 100;
  display: inline-block;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .last-high-text {
  display: inline-block;
  color: #333;
  padding-left: 5px;
}
.scene-newHigh .list-wrap .scroll ul li .trade a .price-diff {
  font-weight: bold;
  color: #fc541b;
  padding-left: 4px;
}
.layer-new-high-select {
  background-color: #fff;
  max-height: 380px;
}
.layer-new-high-select h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 25px;
}
.layer-new-high-select .list-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 325px;
  box-sizing: border-box;
}
.layer-new-high-select .item {
  display: block;
  height: 62px;
  line-height: 62px;
  position: relative;
  margin: 0 25px;
  border-bottom: 1px solid #eeeffc;
  box-sizing: border-box;
  font-size: 17px;
}
.layer-new-high-select .item:last-child {
  border-bottom: 0;
  height: 70px;
}
.layer-new-high-select .item.selected {
  font-weight: bold;
}
.layer-new-high-select .btn-close {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 15px;
}
.layer-new-high-select .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-streaming {
  position: relative;
  background-color: #fff;
  height: 100%;
}
.scene-streaming #container {
  padding: 57px 0 20px;
}
.scene-streaming #container h3 {
  display: none;
}
.scene-streaming #container p {
  padding: 0 20px;
  display: block;
  margin: 15px 0;
  font-size: 17px;
  line-height: 1.4;
}
.scene-streaming #container .info {
  color: #4337de;
  border: 1px solid #4337de;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}
.scene-streaming #container .btn-group {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.scene-streaming #container .btn {
  display: block;
  box-sizing: border-box;
  margin-top: 10px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.scene-streaming #container .btn.v2 {
  background: #9197a1;
}
.scene-streaming #container .btn[disabled] {
  background: #9197a1;
}
.scene-streaming #container .btn.cancel {
  background-color: #aaa;
}
.scene-streaming #container .btn.youtube {
  background-color: #fb061b;
}
.scene-streaming #container form {
  display: block;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.scene-streaming #container textarea {
  resize: none;
  outline: 0;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 16px;
  width: 100%;
  margin-top: 15px;
  padding: 15px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid #f2f2f2;
}
.scene-streaming #container input::-webkit-input-placeholder {
  color: #aaa;
}
.scene-streaming #container input:-moz-placeholder {
  color: #aaa;
}
.scene-streaming #container input::-moz-placeholder {
  color: #aaa;
}
.scene-streaming #container input:-ms-input-placeholder {
  color: #aaa;
}
.scene-streaming #container textarea::-webkit-input-placeholder {
  color: #aaa;
}
.scene-streaming #container textarea:-moz-placeholder {
  color: #aaa;
}
.scene-streaming #container textarea::-moz-placeholder {
  color: #aaa;
}
.scene-streaming #container textarea:-ms-input-placeholder {
  color: #aaa;
}
.scene-streaming #container button {
  width: 100%;
}
.achievement-hint.goal-subscription [data-achievement-hint="subscription"].bell {
  transform-origin: center 15px;
  animation-duration: 2s;
  animation-name: 'shake-10deg';
  animation-iteration-count: infinite;
  animation-delay: 2s;
  animation-timing-function: ease;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: 'shake-10deg';
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-duration: 2s;
  -moz-animation-name: 'shake-10deg';
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 2s;
  -moz-animation-timing-function: ease;
  -ms-animation-duration: 2s;
  -ms-animation-name: 'shake-10deg';
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 2s;
  -ms-animation-timing-function: ease;
}
@keyframes 'shake-10deg' {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  2.5% {
    transform: rotate(-2.5deg);
    -moz-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
  }
  7.5% {
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
  }
  12.5% {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
  }
  17.5% {
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
  }
  22.5% {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
  }
  27.5% {
    transform: rotate(2.5deg);
    -moz-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
  }
  32.5% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
}
@-webkit-keyframes 'shake-10deg' {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  2.5% {
    transform: rotate(-2.5deg);
    -moz-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
  }
  7.5% {
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
  }
  12.5% {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
  }
  17.5% {
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
  }
  22.5% {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
  }
  27.5% {
    transform: rotate(2.5deg);
    -moz-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
  }
  32.5% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
}
.achievement-hint.goal-subscription [data-achievement-hint="subscription"].btn-subscribe-real-price {
  animation-duration: 2s;
  animation-name: shadowing;
  animation-iteration-count: infinite;
}
.achievement-hint.goal-analysis [data-achievement-hint="analysis"] {
  animation-duration: 2s;
  animation-name: 'shake-5deg';
  animation-iteration-count: infinite;
  animation-delay: 2s;
  animation-timing-function: ease;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: 'shake-5deg';
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-duration: 2s;
  -moz-animation-name: 'shake-5deg';
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 2s;
  -moz-animation-timing-function: ease;
  -ms-animation-duration: 2s;
  -ms-animation-name: 'shake-5deg';
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 2s;
  -ms-animation-timing-function: ease;
}
@keyframes 'shake-5deg' {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  2% {
    transform: rotate(-1.25deg);
    -moz-transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
  }
  6% {
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
  }
  10% {
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
  }
  14% {
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
  }
  18% {
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
  }
  22% {
    transform: rotate(1.25deg);
    -moz-transform: rotate(1.25deg);
    -ms-transform: rotate(1.25deg);
  }
  26% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
}
@-webkit-keyframes 'shake-5deg' {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  2% {
    transform: rotate(-1.25deg);
    -moz-transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
  }
  6% {
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
  }
  10% {
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
  }
  14% {
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
  }
  18% {
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
  }
  22% {
    transform: rotate(1.25deg);
    -moz-transform: rotate(1.25deg);
    -ms-transform: rotate(1.25deg);
  }
  26% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
}
.achievement-hint.goal-apt [data-achievement-hint="apt"].highlight-marker {
  transform: scale(1.3);
  transition-delay: 0.5s;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.44, -0.78, 0.41, 2.5);
  -webkit-transform: scale(1.3);
  -webkit-transition-delay: 0.5s;
  -webkit-transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.44, -0.78, 0.41, 2.5);
}
.achievement-hint.goal-apt [data-achievement-hint="apt"].bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  overflow: hidden;
}
.achievement-hint.goal-apt [data-achievement-hint="apt"].bg .mask {
  position: absolute;
  border-radius: 100%;
  box-shadow: 0px 0px 0px 2000px #000;
  opacity: 0;
  transition-property: width, height, left, top, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: width, height, left, top, opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
}
.achievement-hint.goal-apt [data-achievement-hint="apt"].bg .mask-white {
  position: absolute;
  border-radius: 100%;
  background: #fff;
  opacity: 0.9;
  transition-property: width, height, left, top, opacity;
  transition-delay: 0.3s;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: width, height, left, top, opacity;
  -webkit-transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
}
@keyframes shadowing {
  0% {
    box-shadow: 0 0 10px 2px rgba(47, 33, 221, 0.15);
  }
  50% {
    box-shadow: 0 0 15px 2px rgba(47, 33, 221, 0.6);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(47, 33, 221, 0.15);
  }
}
@-webkit-keyframes shadowing {
  0% {
    box-shadow: 0 0 10px 2px rgba(47, 33, 221, 0.15);
  }
  50% {
    box-shadow: 0 0 15px 2px rgba(47, 33, 221, 0.6);
  }
  100% {
    box-shadow: 0 0 10px 2px rgba(47, 33, 221, 0.15);
  }
}
.scene-goodnews {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
}
.scene-goodnews.bold {
  font-weight: bold;
}
.scene-goodnews .goodnews-header {
  background-color: #fff;
  margin-bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
}
.scene-goodnews .goodnews-header .title {
  position: relative;
  height: 58px;
}
.scene-goodnews .goodnews-header .title h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  position: relative;
  font-size: 19px;
  color: #000;
  height: auto;
  font-weight: 400;
  line-height: 61px;
  text-align: center;
  vertical-align: top;
  padding: 0 60px;
  width: 100%;
  box-sizing: border-box;
}
.scene-goodnews .goodnews-header .title h1 > a {
  color: #fff;
}
.scene-goodnews .goodnews-header .title .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
  height: 58px;
  width: 40px;
}
.scene-goodnews .goodnews-header .title .btn-back span {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  display: inline-block;
  overflow: hidden;
  width: 21px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -198px -331px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .goodnews-header .title .btn-like {
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 10px;
}
.scene-goodnews .goodnews-header .title .btn-like span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -277px -118px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .goodnews-header .title .btn-like.liked span {
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -305px -164px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result {
  width: 100%;
  padding-top: 58px;
  background-color: #eaebed;
  overflow: auto;
  overflow-x: hidden;
}
.scene-goodnews .result .tiny-scroll {
  height: auto;
}
.scene-goodnews .result .shapes {
  background-color: #fff;
}
.scene-goodnews .result .shapes .scroll-menu-container {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  height: 46px;
}
.scene-goodnews .result .shapes .scroll-menu-container .arrow-left {
  width: 30px;
  padding-top: 14px;
  padding-left: 7px;
}
.scene-goodnews .result .shapes .scroll-menu-container .arrow-right {
  right: 0;
  width: 30px;
  padding-top: 14px;
}
.scene-goodnews .result .shapes .scroll-menu-container .gradient-left {
  left: 0px;
}
.scene-goodnews .result .shapes .scroll-menu-container .gradient-right {
  right: 0px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul {
  padding-left: 8px;
  height: 46px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li {
  height: 46px;
  box-sizing: border-box;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li a {
  padding: 9px 6px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li a.select {
  padding: 7px 3px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li:first-child a.select {
  padding-left: 4px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li:last-child {
  padding-right: 15px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li.has-more {
  line-height: 24px;
  height: 24px;
  margin-bottom: 6px;
  margin-top: 6px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li .scroll-link {
  font-size: 16px;
  padding: 0 2px;
  height: 28px;
  line-height: 29px;
}
.scene-goodnews .result .shapes .scroll-menu-container ul li .scroll-link.select {
  padding: 1px 12px;
  border: solid 1px #584de4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #584de4;
  font-weight: normal;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(195, 197, 230, 0.29);
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more {
  height: 100%;
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more ul {
  height: 100%;
  padding-bottom: 5px;
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more ul li {
  float: left;
  width: 50%;
  height: 38px;
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more ul li .scroll-link {
  padding: 1px 10px;
  display: inline-block;
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more ul li .scroll-link.applied {
  padding: 0 9px;
}
.scene-goodnews .result .shapes .scroll-menu-container.has-more ul li .scroll-link.select {
  padding: 0 9px;
}
.scene-goodnews .result .goodnews-draggable-map {
  position: relative;
}
.scene-goodnews .result .goodnews-draggable-map .static-map {
  position: relative;
  width: 100%;
  height: 180px;
}
.scene-goodnews .result .goodnews-draggable-map .map-expand-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
.scene-goodnews .result .goodnews-baseinfo {
  background-color: #fff;
}
.scene-goodnews .result .goodnews-baseinfo ul {
  padding: 20px 20px 0px 20px;
}
.scene-goodnews .result .goodnews-baseinfo ul li {
  list-style: inside;
  padding-bottom: 8px;
}
.scene-goodnews .result .goodnews-baseinfo ul li:last-child {
  padding-bottom: 0;
}
.scene-goodnews .result .goodnews-baseinfo ul li .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  max-width: 240px;
  vertical-align: middle;
}
.scene-goodnews .result .goodnews-baseinfo ul li .link {
  vertical-align: middle;
}
.scene-goodnews .result .goodnews-baseinfo ul li .link .sep {
  padding: 0 4px;
}
.scene-goodnews .result .goodnews-baseinfo ul li .link a {
  display: inline-block;
  color: #584de4;
}
.scene-goodnews .result .goodnews-baseinfo .report {
  padding: 15px 24px;
}
.scene-goodnews .result .goodnews-baseinfo .report .btn-goodnews-report {
  font-size: 17px;
  display: block;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #eeeffc;
  text-align: center;
  color: #584de4;
}
.scene-goodnews .result .card {
  border-bottom: 1px solid #e2e3e5;
  background-color: #fff;
}
.scene-goodnews .result .card.no-border,
.scene-goodnews .result .card:empty {
  border: 0;
}
.scene-goodnews .result .card.review-card {
  background-color: #5F66B5;
}
.scene-goodnews .result .card.review-card .title-container {
  padding: 15px;
  position: relative;
}
.scene-goodnews .result .card.review-card .title-container p {
  position: relative;
  font-size: 14px;
  display: inline-block;
  color: #ffffff;
  top: 1px;
}
.scene-goodnews .result .card.review-card .title-container p span {
  font-size: 12px;
  opacity: 0.5;
  margin-left: 5px;
}
.scene-goodnews .result .card.review-card .title-container .btn-photos {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 15px 0 0;
}
.scene-goodnews .result .card.review-card .title-container .btn-photos span {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -203px -243px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .card.review-card .review-image-scroll-view-container .notice {
  margin: 0 10px;
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 18px 8px 15px;
  font-size: 15px;
  font-weight: 300;
  color: #FFF;
  text-align: center;
  vertical-align: top;
}
.scene-goodnews .result .card.review-card .review-image-scroll-view-container .notice span {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 15px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -248px -205px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  margin-right: 10px;
}
.scene-goodnews .result .share {
  position: relative;
  background-color: #354088;
  padding-bottom: 30px;
  border-bottom: 1px solid #364892;
  text-align: center;
}
.scene-goodnews .result .share p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  height: 40px;
  color: #d3d4e2;
  padding-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-goodnews .result .share .copy-url {
  padding: 0 20px 10px;
}
.scene-goodnews .result .share .copy-url .url {
  display: block;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  line-height: 36px;
  color: #8e8eca;
  background-color: #413279;
  border-top: 1px solid #322f6f;
  border-left: 1px solid #322f6f;
  border-right: 1px solid #4c4b94;
  border-bottom: 1px solid #4c4b94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.scene-goodnews .result .share ul {
  text-align: center;
}
.scene-goodnews .result .share li {
  display: inline-block;
  width: 45px;
  padding-right: 10px;
}
.scene-goodnews .result .share li a {
  display: block;
  height: 45px;
}
.scene-goodnews .result .share li a.facebook span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .share li a.twitter span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .share li a.kakaotalk span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -94px -90px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .share li a.kakaostory span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: 0 -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .share li a.band span {
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -47px -137px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews .result .share li:first-child {
  margin-top: 0;
}
.scene-goodnews .result .share li:last-child {
  padding-right: 0;
}
.scene-goodnews .result .relatedApts {
  position: relative;
}
.scene-goodnews .result .relatedApts .apts {
  width: 100%;
  padding: 0 0 10px 0;
}
.scene-goodnews .result .relatedApts .apts .name {
  display: inline-block;
  width: 190px;
}
.scene-goodnews .result .relatedApts .apts .text {
  position: absolute;
  display: block;
  right: 20px;
  top: 0;
  font-weight: 600;
  text-align: right;
  color: #333;
}
.scene-goodnews .result .relatedApts .apts .text .subtext {
  display: block;
  color: #777;
  font-size: 13px;
  font-weight: 200;
}
.scene-goodnews .result .relatedApts .apts a {
  position: relative;
  display: block;
  padding: 0px 20px;
  height: 35px;
  line-height: 35px;
}
.scene-goodnews .result .relatedApts .apts a:hover {
  background-color: #f5f5f5;
}
.scene-goodnews .result .relatedApts .apts a .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}
.scene-goodnews .result .relatedApts .apts a.selected .name,
.scene-goodnews .result .relatedApts .apts a.selected .text {
  color: #4337de;
}
.scene-goodnews .result .relatedApts .apts a .text {
  overflow: hidden;
  font-size: 15px;
}
.scene-goodnews .result .btn-top {
  height: 61px;
  background-color: #444d92;
  display: block;
  overflow: hidden;
  line-height: 999em;
}
.scene-goodnews .result .btn-top:before {
  display: inline-block;
  overflow: hidden;
  width: 17px;
  height: 20px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -179px -313px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  display: block;
  margin: 21px auto 20px;
  content: '';
}
.scene-goodnews .result .footer {
  border-top: 1px solid #565e9c;
  height: 48px;
  font-size: 13px;
  color: #d3d4e2;
  background-color: #444d92;
  text-align: center;
  line-height: 48px;
}
.goodnews-report {
  position: relative;
  padding: 25px 0;
}
.goodnews-report .btn-close {
  position: absolute;
  right: 10px;
  padding: 15px 20px 0;
  box-sizing: border-box;
}
.goodnews-report .btn-close span {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px -48px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
/* 호재 제보 */
.scene-goodnews-report h2 {
  padding: 0 25px;
  margin-bottom: 15px;
}
.scene-goodnews-report h5 {
  padding: 0 25px;
  font-size: 15px;
  line-height: 1.6;
  color: #7f7e92;
  font-weight: normal;
  margin-bottom: 12px;
}
.scene-goodnews-report .text-input {
  margin: 0 25px;
}
.scene-goodnews-report .category {
  padding: 0 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
}
.scene-goodnews-report .category .type {
  flex: 0 0 33%;
  padding: 0 3px 15px 4px;
  box-sizing: border-box;
}
.scene-goodnews-report .category .type:first-child {
  padding-left: 0;
}
.scene-goodnews-report .category .type:last-child {
  padding-right: 0;
}
.scene-goodnews-report .category .btn-goodnews-type {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  height: 42px;
  font-size: 16px;
  text-align: center;
  color: #584de4;
  background-color: #eeeffc;
}
.scene-goodnews-report .category .btn-goodnews-type.on {
  color: #fff;
  background-color: #584de4;
  box-shadow: 0 4px 5px 0 rgba(89, 99, 217, 0.3);
}
.scene-goodnews-report .category .btn-goodnews-type:last-child {
  margin-right: 0;
}
.scene-goodnews-report .btn-write {
  margin: 10px 25px 0 25px;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #5963d9;
}
.scene-goodnews-report .btn-write[disabled],
.scene-goodnews-report .btn-write.disabled {
  background-color: #bbc1c7;
}
.scene-goodnews-report .pointing-map {
  position: relative;
  width: 100%;
  height: 320px;
}
.scene-goodnews-report .pointing-map:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -39px;
  content: '';
  display: inline-block;
  overflow: hidden;
  width: 23px;
  height: 44px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -330px -49px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  pointer-events: none;
}
.scene-goodnews-report .pointing-map svg {
  left: 50%;
  top: 50%;
  margin-left: -125px;
  margin-top: -125px;
  width: 250px;
  position: absolute;
  pointer-events: none;
}
.scene-goodnews-report .pointing-map .position-pointing-map {
  position: absolute;
  width: 510px;
  height: 100%;
}
.scene-goodnews-report .address-input-container {
  position: relative;
  margin: 0 25px 25px 25px;
}
.scene-goodnews-report .address-input-container input::-webkit-input-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container input:-moz-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container input::-moz-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container input:-ms-input-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container textarea::-webkit-input-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container textarea:-moz-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container textarea::-moz-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container textarea:-ms-input-placeholder {
  color: #adadad;
}
.scene-goodnews-report .address-input-container .keyword {
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 50px;
  height: 48px;
  font-size: 16px;
  border: 1px solid #f1f1f1;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.scene-goodnews-report .address-input-container .suggestion {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.scene-goodnews-report .address-input-container .suggestion ul {
  padding: 6px 0;
}
.scene-goodnews-report .address-input-container .suggestion ul li {
  position: relative;
}
.scene-goodnews-report .address-input-container .suggestion ul li.selected {
  background-color: #eee;
}
.scene-goodnews-report .address-input-container .suggestion ul li a {
  display: block;
  line-height: 32px;
  padding: 0 20px;
  font-size: 13px;
}
.scene-goodnews-report .address-input-container .suggestion ul li a:hover {
  background-color: #eee;
}
.scene-goodnews-report .address-input-container .suggestion ul li a .highlight {
  color: #4337de;
  font-weight: 500;
}
.scene-goodnews-report .address-input-container .btn-reset {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 15px;
  display: inline-block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -130px -26px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-goodnews-report .cs-content-container {
  padding: 0 25px;
  font-size: 0;
}
.scene-goodnews-report .cs-content-container input::-webkit-input-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container input:-moz-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container input::-moz-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container input:-ms-input-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container textarea::-webkit-input-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container textarea:-moz-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container textarea::-moz-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container textarea:-ms-input-placeholder {
  color: #ccc;
}
.scene-goodnews-report .cs-content-container textarea {
  box-sizing: border-box;
  margin-top: 0px;
  width: 100%;
  padding: 16px 0;
  line-height: 1.4;
  height: 300px;
  font-size: 16px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  resize: none;
}
.scene-goodnews-report .add-image-input-group {
  height: auto;
  padding: 10px 25px 0;
}
.scene-error {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-error.bold {
  font-weight: bold;
}
.scene-error #container {
  text-align: center;
}
.scene-error #header {
  position: relative;
  width: 100%;
  height: 57px;
  z-index: 100;
  border: 0;
}
.scene-error .txt {
  margin-top: 150px;
  font-family: arial;
  font-size: 90px;
  color: #2a2d34;
}
.scene-error h1 {
  margin-top: 21px;
  font-size: 24px;
  color: #333;
}
.scene-error em {
  display: block;
  margin-top: 9px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #999;
}
.scene-error .link_container {
  margin: 50px auto;
  border-top: 1px solid #e5e5e5;
  width: 300px;
}
.scene-error .link_container a {
  display: inline-block;
  font-size: 15px;
  color: #333;
  margin-top: 20px;
  line-height: 1;
  border-bottom: 1px solid #333;
}
.scene-error .btn_home {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 19px 20px 20px 20px;
  height: 50px;
  box-sizing: border-box;
}
.scene-error .btn_home span {
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -108px 0;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-error .go_fb {
  display: none;
}
.scene-error .inr {
  position: relative;
  min-width: 750px;
  max-width: 980px;
  min-height: 100%;
  margin: 0 auto;
}
.scene-error .inr:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.scene-error .btn-report {
  display: block;
  margin: 30px 24px 0;
  height: 52px;
  line-height: 52px;
  text-align: center;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #584DE4;
  color: #FFF;
  font-size: 18px;
  font-weight: normal;
}
.scene-error .btn-report.retry {
  margin-top: 15px;
}
.scene-error .btn-report.home {
  margin-top: 15px;
}
.scene-error .btn-group {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}
.scene-agent-review {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f5f5;
}
.scene-agent-review.bold {
  font-weight: bold;
}
.scene-agent-review .agent-review-header {
  position: relative;
  padding: 16px 24px 20px 24px;
  background-color: #ffffff;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 0px;
}
.scene-agent-review .agent-review-header h2 {
  align-items: flex-start;
  text-align: left;
  padding: 0px;
  font-size: 24px;
  color: #484848;
}
.scene-agent-review .agent-review-header .sub {
  margin: 25px 0 0 0;
}
.scene-agent-review .agent-review-header .sub h3 {
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 17px;
  color: #484848;
}
.scene-agent-review .agent-review-header .sub .detail {
  font-size: 14px;
  color: #7f7e92;
}
.scene-agent-review .agent-review-header .btn-close {
  position: absolute;
  top: -2px;
  right: 0px;
  padding: 20px 24px;
}
.scene-agent-review .agent-review-container {
  overflow: scroll;
}
.scene-agent-review .agent-review-container h3 {
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
  color: #484848;
}
.scene-agent-review .agent-review-container .agent-review-select-area {
  margin-top: 10px;
  padding: 20px 24px 25px 24px;
  background-color: #ffffff;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container {
  display: flex;
  justify-content: space-between;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 49%;
  height: 89px;
  margin-top: 19px;
  border-radius: 6px;
  background-color: #f3f4fc;
  font-size: 16px;
  color: #7f7e92;
  text-align: center;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend .icon {
  margin-bottom: 6px;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend.checked {
  background-color: #584de4;
  color: #ffffff;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend.checked .goodIcon {
  display: inline-block;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -381px -188px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend.checked .badIcon {
  display: inline-block;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -456px -188px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend .goodIcon {
  display: inline-block;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -419px -188px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-recommend .recommend-container .recommend .badIcon {
  display: inline-block;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -492px -188px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-choices {
  margin-top: 17px;
  color: #484848;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-choices .choices .pros-feedback {
  display: block;
  height: 40px;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-choices .choices .pros-feedback input[type="checkbox"] {
  top: 2px;
}
.scene-agent-review .agent-review-container .agent-review-select-area .agent-review-choices .choices .pros-feedback label {
  margin-left: 10px;
}
.scene-agent-review .agent-review-container .agent-review-content-area {
  margin-top: 10px;
  padding: 20px 24px 30px 24px;
  background-color: #ffffff;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-textarea {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-top: 19px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  height: 171px;
  line-height: 1.4;
  font-size: 16px;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #cecfdc;
  resize: none;
  color: #484848;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-textarea.bold {
  font-weight: bold;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-textarea:focus {
  border: solid 1px #584de4;
}
.scene-agent-review .agent-review-container .agent-review-content-area textarea::placeholder {
  opacity: 0.5;
  font-size: 15px;
  color: #484848;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-agree {
  margin-top: 10px;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-agree .agree-tooltip-wrapper {
  display: inline-block;
  vertical-align: text-bottom;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-agree .open-agreement {
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  margin-right: 5px;
  color: #484848;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-agree .open-agreement input[type="checkbox"] {
  top: 1px;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-agree .open-agreement label {
  margin-left: 3px;
}
.scene-agent-review .agent-review-container .agent-review-content-area .agent-review-description {
  margin-top: 6px;
  font-size: 14px;
  color: #a3a3a3;
  box-sizing: border-box;
}
.scene-apt .card.hide {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.scene-apt .sunlight {
  position: relative;
  padding: 20px;
}
.scene-apt .sunlight .title {
  font-weight: 400;
  font-size: 15px;
  padding: 0px 0px 10px;
}
.scene-apt .sunlight .title span {
  padding-right: 4.5px;
}
.scene-apt .sunlight .caption a:before {
  font-family: fontello;
  content: '\E83C';
  margin-right: 3px;
}
.scene-apt .sunlight .view {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  min-width: 280px;
}
.scene-apt .sunlight .view.height-animated {
  transition-property: height;
  transition-duration: 1s;
}
.scene-apt .sunlight .preview {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.scene-apt .sunlight .preview.fadeout {
  display: none;
}
.scene-apt .sunlight .preview .preview-image {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('https://static.hogangnono.com/img/sunlight/sunlight-preview.png');
  width: 100%;
  height: 100%;
}
.scene-apt .sunlight .preview .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60.75px;
  margin-top: -21px;
  width: 121.5px;
  height: 42px;
  border-radius: 6px;
  background-color: #584de4;
}
.scene-apt .sunlight .preview .play-btn.hidden {
  display: none;
}
.scene-apt .sunlight .preview .play-btn .label {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.scene-apt .sunlight .preview .play-btn .label.bold {
  font-weight: bold;
}
.scene-apt .sunlight .preview .notice {
  padding: 15px 20px 25px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.scene-apt .sunlight .mainview {
  box-sizing: border-box;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  /* 다른 컨텐츠에 영향을 주지 않기 위함 */
  overflow: hidden;
}
.scene-apt .sunlight .mainview.visible {
  visibility: visible;
}
.scene-apt .sunlight .mainview .containerview {
  position: relative;
  width: 100%;
}
.scene-apt .sunlight .mainview .containerview .btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px 10px;
  box-sizing: border-box;
}
.scene-apt .sunlight .mainview .containerview .canvasview {
  box-sizing: border-box;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.scene-apt .sunlight .mainview .containerview .canvasview canvas {
  outline: none;
}
.scene-apt .sunlight .mainview .containerview #sunlight-basemap {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.scene-apt .sunlight .mainview .menu-drawer {
  position: relative;
  width: 100%;
  padding: 14px 8px 0px;
  /* x 축 padding 은 글자가 잘리지 않게 하기 위함 */
  box-sizing: border-box;
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul {
  position: relative;
  height: 30px;
  border-radius: 6px;
  background-color: #f3f4fc;
  padding: 4px;
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul li {
  float: left;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  width: 25%;
  height: 30px;
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul li a {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: -1px;
  display: block;
  line-height: 30px;
  padding: 4px 11px;
  color: #7f7e92;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul li a.bold {
  font-weight: bold;
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul li.selected {
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(195, 197, 230, 0.29);
}
.scene-apt .sunlight .mainview .menu-drawer .season-select ul li.selected a {
  color: #584de4;
}
.scene-apt .sunlight .mainview .menu-drawer .slider {
  margin: 4px 0;
  padding: 0px 10px;
  height: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-apt .sunlight .mainview .menu-drawer .slider .track {
  height: 5px;
  border-radius: 2.5px;
  background-color: #eff0f7;
  margin-top: -3px;
}
.scene-apt .sunlight .mainview .menu-drawer .slider .thumb-group .track-unselected {
  height: 5px;
  background-color: #584de4;
}
.scene-apt .sunlight .mainview .menu-drawer .slider .thumb-group .thumb {
  top: -5px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  border: solid 0.5px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  outline: none;
  box-sizing: content-box;
  margin-left: -14px;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-cont .indicator {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  width: 30px;
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #584de4;
  padding-bottom: 13px;
  display: inline-block;
  text-align: center;
  margin-left: -2px;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-cont .indicator.bold {
  font-weight: bold;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-cont .indicator .oval {
  margin-left: 13.5px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #584de4;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  height: 16px;
  padding-bottom: 12px;
  width: 100%;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption.bold {
  font-weight: bold;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption li {
  position: absolute;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  color: #7f7e92;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption li:first-child {
  left: 0px;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption li:last-child {
  right: 0px;
}
.scene-apt .sunlight .mainview .menu-drawer .slider-caption li.caption-item-center {
  left: 42%;
}
.sunlight .mainview .containerview .btn-close span {
  display: inline-block;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -55px -404px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.sunlight .mainview .containerview .sunlight-gesture-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.sunlight .mainview .containerview .sunlight-gesture-guide .bg {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
}
.sunlight .mainview .containerview .sunlight-gesture-guide .arrow-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sunlight .mainview .containerview .sunlight-gesture-guide .arrow-box .arrow {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 51px;
  height: 17px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -474px -337px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  top: 50%;
  left: 50%;
  transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
}
.sunlight .mainview .containerview .sunlight-gesture-guide .arrow-box .arrow.up {
  transform: translateX(-30px) rotate(-90deg);
  -webkit-transform: translateX(-30px) rotate(-90deg);
  -moz-transform: translateX(-30px) rotate(-90deg);
  -ms-transform: translateX(-30px) rotate(-90deg);
}
.sunlight .mainview .containerview .sunlight-gesture-guide .arrow-box .arrow.bottom {
  transform: translate(-15px, -50px) rotate(90deg);
  -webkit-transform: translate(-15px, -50px) rotate(90deg);
  -moz-transform: translate(-15px, -50px) rotate(90deg);
  -ms-transform: translate(-15px, -50px) rotate(90deg);
}
.sunlight .mainview .containerview .sunlight-gesture-guide .finger-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-duration: 2s;
  animation-name: sunlight-gesture-guide-move-animation;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: sunlight-gesture-guide-move-animation;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 2s;
  -moz-animation-name: sunlight-gesture-guide-move-animation;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 2s;
  -ms-animation-name: sunlight-gesture-guide-move-animation;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 0s;
  -ms-animation-fill-mode: none;
}
.sunlight .mainview .containerview .sunlight-gesture-guide .finger-box .finger {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  overflow: hidden;
  width: 45px;
  height: 66px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -521px -355px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-my-call {
  background-color: #fff;
  color: #484848;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-my-call.bold {
  font-weight: bold;
}
.my-call-list {
  padding-top: 55px;
  min-height: calc(100vh - 56px);
  background-color: #f8f8f8;
}
.my-call-list.empty {
  padding-top: 0;
  min-height: unset;
}
.my-call-list .loading {
  background-color: #ffffff;
  position: relative;
  height: 52px;
}
.my-call-list .contents {
  background-color: #ffffff;
  padding-bottom: 10px;
}
.my-call-list .contents + .contents {
  border-top: 10px solid #f8f8f8;
}
.my-call-list .contents .more-btn {
  display: block;
  margin: 10px auto;
  height: 32px;
  line-height: 31px;
  text-align: center;
  outline: none;
  font-size: 15px;
  color: #484848;
}
.my-call-list .list-header {
  padding: 20px 24px 0;
  line-height: 20px;
}
.my-call-list .list-header .block-title {
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  color: #484848;
}
.my-call-list .list-header .help {
  display: block;
  float: right;
  font-size: 14px;
  line-height: 1.29;
  color: #7f7e92;
}
.my-call-list .list-header .help:before {
  content: '';
  display: inline-block;
  margin-right: 6px;
  transform: translateY(-1.5px);
  width: 7px;
  height: 7px;
  background-color: #62d27d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.my-call-list .list-header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.my-call-list .call-list {
  margin-top: 10px;
}
.my-call-list .call-list .list-item {
  padding: 0;
}
.my-call-list .call-list .item-wrap {
  cursor: pointer;
  padding: 14px 24px 16px;
}
.my-call-list .call-list .item-wrap .call-wrap:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.my-call-list .call-list .item-wrap .memo-wrap {
  margin-top: 16px;
  padding-left: 27px;
}
.my-call-list .call-list .call-icon {
  position: relative;
  display: block;
  float: left;
  margin-right: 6px;
  transform: translateY(1px);
}
.my-call-list .call-list .call-icon.active:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #62d27d;
  z-index: 1;
  border: 2px solid #fff;
}
.my-call-list .call-list .agent-info {
  color: #484848;
  float: left;
  max-width: calc(100% - 90px);
  width: 100%;
}
.my-call-list .call-list .agent-info .company-name {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.41;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.my-call-list .call-list .agent-info .apt-name {
  margin-top: 5px;
  display: block;
  font-size: 15px;
  line-height: 1.33;
  color: #7f7e92;
}
.my-call-list .call-list .btn-call {
  float: right;
  position: relative;
  max-width: 60px;
  width: 100%;
  height: 42px;
  text-align: center;
  background-color: #f0f0f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-list .call-list .btn-call .align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.my-call-list .call-list .btn-call span {
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}
.my-call-list .call-list .btn-call:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2236%22%20viewBox=%220%200%2024%2036%22%3E%3Cpath%20fill=%22%23DADADA%22%20fill-rule=%22evenodd%22%20d=%22M6.56%200C4.095%201.467-2.723%202.095%201.183%2015.761c1.865%205.656%205.72%2013.442%2010.543%2017.121%204.824%203.679%206.95%204.225%2012.275.98-1.306-2.408-3.081-5.817-5.325-10.227-1.591%201.05-3.017%201.574-4.277%201.574-1.89%200-8.76-10.835-5.88-13.263%201.329-.778%202.438-1.343%203.329-1.697C8.85%204.376%207.089.959%206.56%200z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 20.5px;
  width: 14px;
  height: 20.5px;
  color: #DADADA;
}
.my-call-list .call-list .btn-call.active {
  background-color: #584de4;
}
.my-call-list .call-list .btn-call.active:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2236%22%20viewBox=%220%200%2024%2036%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20fill-rule=%22evenodd%22%20d=%22M6.56%200C4.095%201.467-2.723%202.095%201.183%2015.761c1.865%205.656%205.72%2013.442%2010.543%2017.121%204.824%203.679%206.95%204.225%2012.275.98-1.306-2.408-3.081-5.817-5.325-10.227-1.591%201.05-3.017%201.574-4.277%201.574-1.89%200-8.76-10.835-5.88-13.263%201.329-.778%202.438-1.343%203.329-1.697C8.85%204.376%207.089.959%206.56%200z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 20.5px;
  width: 14px;
  height: 20.5px;
  color: #FFFFFF;
}
.my-call-list .call-list .date-called {
  display: block;
  float: right;
  font-size: 14px;
  color: #7f7e92;
  transform: translateY(2.5px);
}
.my-call-list .empty-wrap {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
.my-call-list .empty-wrap .empty-title {
  margin-bottom: 11px;
  font-size: 19px;
  font-weight: 400;
}
.my-call-list .empty-wrap .empty-desc {
  margin-bottom: 25px;
  font-size: 15px;
  color: #7f7e92;
}
.my-call-list .empty-wrap .btn-back {
  display: block;
  margin: 0 auto;
  max-width: 110px;
  width: 100%;
  height: 42px;
  line-height: 40px;
  font-size: 16px;
  color: #584de4;
  background-color: #f3f4fc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-detail {
  padding-top: 56px;
  padding-bottom: 30px;
  color: #484848;
}
.my-call-detail .call-info {
  padding: 5px 24px 25px;
  border-bottom: 1px solid #e5e5e5;
}
.my-call-detail .call-info .main-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.my-call-detail .call-info .main-title a {
  color: #484848;
}
.my-call-detail .call-info .sub-title {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.38;
}
.my-call-detail .call-info .sub-title .apt-name {
  display: block;
  font-weight: 400;
}
.my-call-detail .call-info .sub-title .from {
  margin-top: 2px;
  display: block;
  color: #7F7E92;
}
.my-call-detail .call-info .agent-trade-card {
  margin-top: 15px;
}
.my-call-detail .call-info .agent-trade-card .trade-info-group.selected {
  border: 1px solid #584de4;
}
.my-call-detail .call-info .owner-trade-list-wrap {
  padding: 14px 16px 16px;
  margin-top: 15px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-detail .call-info .owner-trade-list-wrap .main-info {
  margin-top: 1px;
}
.my-call-detail .call-info .owner-trade-list-wrap .trade {
  padding: 0;
}
.my-call-detail .call-info .owner-trade-list-wrap .trade .info {
  margin: 2px 0 0;
  height: auto;
  -webkit-line-clamp: 1;
}
.my-call-detail .call-info .button-wrap {
  position: relative;
  margin-top: 20px;
}
.my-call-detail .call-info .button-wrap .btn-basic {
  position: relative;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-detail .call-info .button-wrap .btn-basic:not(:last-child) {
  margin-right: 6px;
}
.my-call-detail .call-info .button-wrap .btn-basic span {
  display: block;
  font-size: 17px;
}
@media only screen and (max-width: 414px) {
  .my-call-detail .call-info .button-wrap .btn-basic {
    max-width: calc(100% / 2 - 3px);
  }
}
.my-call-detail .call-info .button-wrap .btn-review,
.my-call-detail .call-info .button-wrap .btn-detail {
  position: relative;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f4fc;
  color: #584de4;
}
.my-call-detail .call-info .button-wrap .btn-review:not(:last-child),
.my-call-detail .call-info .button-wrap .btn-detail:not(:last-child) {
  margin-right: 6px;
}
.my-call-detail .call-info .button-wrap .btn-review span,
.my-call-detail .call-info .button-wrap .btn-detail span {
  display: block;
  font-size: 17px;
}
@media only screen and (max-width: 414px) {
  .my-call-detail .call-info .button-wrap .btn-review,
  .my-call-detail .call-info .button-wrap .btn-detail {
    max-width: calc(100% / 2 - 3px);
  }
}
.my-call-detail .call-info .button-wrap .btn-review.disabled,
.my-call-detail .call-info .button-wrap .btn-detail.disabled {
  background-color: #f0f0f0;
  color: #dadada;
}
.my-call-detail .call-info .button-wrap .btn-call {
  position: relative;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #584de4;
  color: #fff;
}
.my-call-detail .call-info .button-wrap .btn-call:not(:last-child) {
  margin-right: 6px;
}
.my-call-detail .call-info .button-wrap .btn-call span {
  display: block;
  font-size: 17px;
}
@media only screen and (max-width: 414px) {
  .my-call-detail .call-info .button-wrap .btn-call {
    max-width: calc(100% / 2 - 3px);
  }
}
.my-call-detail .call-info .button-wrap .btn-call span:before {
  content: '';
  display: inline-block;
  margin-right: 6px;
  transform: translateY(1px);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2236%22%20viewBox=%220%200%2024%2036%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20fill-rule=%22evenodd%22%20d=%22M6.56%200C4.095%201.467-2.723%202.095%201.183%2015.761c1.865%205.656%205.72%2013.442%2010.543%2017.121%204.824%203.679%206.95%204.225%2012.275.98-1.306-2.408-3.081-5.817-5.325-10.227-1.591%201.05-3.017%201.574-4.277%201.574-1.89%200-8.76-10.835-5.88-13.263%201.329-.778%202.438-1.343%203.329-1.697C8.85%204.376%207.089.959%206.56%200z%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  color: #FFFFFF;
}
.my-call-detail .log-block {
  padding: 24px;
}
.my-call-detail .log-block .header {
  margin-bottom: 18px;
}
.my-call-detail .log-block .header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.my-call-detail .log-block .block-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  float: left;
}
.my-call-detail .log-block .empty-message {
  font-size: 14px;
  color: #7f7e92;
}
.my-call-detail .call-recent {
  padding: 24px;
}
.my-call-detail .call-recent .header {
  margin-bottom: 18px;
}
.my-call-detail .call-recent .header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.my-call-detail .call-recent .block-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  float: left;
}
.my-call-detail .call-recent .empty-message {
  font-size: 14px;
  color: #7f7e92;
}
.my-call-detail .call-recent .log-item {
  font-size: 16px;
  line-height: 1.38;
}
.my-call-detail .call-recent .log-item + .log-item {
  margin-top: 15px;
}
.my-call-detail .call-recent .log-item .time-history {
  display: inline-block;
  margin-right: 13px;
  min-width: 60px;
  font-weight: bold;
}
.my-call-detail .call-recent .log-item .time-taken {
  font-weight: 400;
  color: #7f7e92;
}
.my-call-detail .call-recent + .call-memo {
  margin-top: 7px;
}
.my-call-detail .call-memo {
  padding: 24px;
}
.my-call-detail .call-memo .header {
  margin-bottom: 18px;
}
.my-call-detail .call-memo .header:after {
  display: block;
  clear: both;
  height: 0;
  content: '';
}
.my-call-detail .call-memo .block-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  float: left;
}
.my-call-detail .call-memo .empty-message {
  font-size: 14px;
  color: #7f7e92;
}
.my-call-detail .call-memo .header {
  line-height: 19.5px;
}
.my-call-detail .call-memo .help {
  float: right;
  font-size: 14px;
  line-height: 1.29;
  color: #a3a3a3;
}
.my-call-detail .call-memo .memo-item-wrap {
  margin-bottom: 5px;
}
.my-call-detail .memo-list {
  padding: 20px 24px 0 24px;
  position: relative;
  white-space: nowrap;
}
.my-call-detail .memo-input {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 15px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #cecfdc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-detail .memo-input input::-webkit-input-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input input:-moz-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input input::-moz-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input input:-ms-input-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input textarea::-webkit-input-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input textarea:-moz-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input textarea::-moz-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input textarea:-ms-input-placeholder {
  color: rgba(72, 72, 72, 0.2);
}
.my-call-detail .memo-input textarea {
  display: block;
  width: 90%;
  max-height: 100px;
  box-sizing: border-box;
  white-space: pre-wrap;
  resize: none;
  outline: 0;
  border: 0;
  word-break: break-all;
  font-size: 16px;
  line-height: 23.5px;
  color: #484848;
}
.my-call-detail .memo-input .btn-post {
  position: absolute;
  right: 0;
  padding: 14px 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 23.5px;
  text-align: center;
  color: #584de4;
}
.my-call-detail .memo-item {
  padding-bottom: 0;
}
.my-call-detail .memo-item .content-group {
  position: relative;
  padding: 12px 15px;
  line-height: 1.33;
  font-size: 15px;
  background-color: #f9f9f9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.my-call-detail .memo-item .content-group .memo-content {
  display: inline;
  word-break: break-all;
  color: #484848;
}
.my-call-detail .memo-item .message-more {
  display: inline-block;
  margin-left: 3px;
  color: #4337de;
}
.my-call-detail .memo-item .info-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-flow: row wrap;
  padding: 5px 10px 15px;
  line-height: 1.29;
}
.my-call-detail .memo-item .info-group .btn-delete {
  color: #7f7e92;
  font-size: 14px;
}
.my-call-detail .memo-item .info-group .date {
  margin-right: 6px;
  font-size: 14px;
  color: #a3a3a3;
}
.my-call-detail .memo-item:first-child {
  margin-top: 0;
}
#wrap .billing-content-layer .card {
  border-bottom: 10px solid #f8f8f9;
}
#wrap .billing-content-layer .card.point-charge-select {
  border-bottom: 0px;
}
#wrap .billing-content-layer .card:last-child {
  border-bottom: 0px;
}
.bill-wrap {
  padding-bottom: 25px;
}
.bill-wrap .scroll-container {
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.bill-wrap.scene-partner.real-estate {
  background-color: white;
}
.billing-content-layer {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: white;
  /**
     * common.less 에 정의된 것
     */
}
.billing-content-layer.bold {
  font-weight: bold;
}
.billing-content-layer .footer-confirm {
  left: 0px;
}
.billing-content-layer .inline {
  display: inline-block;
}
.billing-content-layer .anchor-wrapper a.anchor {
  padding-top: 25px;
  font-size: 14px;
  float: right;
  height: 20px;
  opacity: 0.5;
  line-height: 1.33;
  color: #484848;
  text-decoration: underline;
}
.billing-content-layer .card {
  padding: 0 24px 20px;
}
.billing-content-layer .card .label {
  padding-top: 20px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #484848;
}
.billing-content-layer .card.top {
  margin-top: 0px;
  padding-bottom: 25px;
}
.billing-content-layer .card.top input {
  height: 35.5px;
  font-size: 24px;
  font-weight: bold;
  color: #484848;
}
.billing-content-layer .card .bill-item .value {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #484848;
}
.billing-content-layer .card .bill-item .value.bold {
  font-weight: bold;
}
.billing-content-layer .card .bill-item .value.status-text {
  color: #7f7e92;
}
.billing-content-layer .card .bill-item .memo {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #7f7e92;
}
.billing-content-layer .card .bill-item .memo.bold {
  font-weight: bold;
}
.billing-content-layer .card .bill-item.seperator {
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0px 0px 0.5px 0px;
}
.bill-full-dimmed {
  display: none;
}
.bill-full-dimmed.show {
  display: block;
}
.tax-invoice {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.tax-invoice.bold {
  font-weight: bold;
}
.tax-invoice .tax-type-select {
  display: flex;
  margin: 15px 0;
}
.tax-invoice .checkbox-container {
  flex: auto;
}
.point-charge-select .tax-bill-info .desc {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  font-size: 12px;
  color: #fc541b;
  padding-left: 20px;
}
.point-charge-select .tax-bill-info .desc.bold {
  font-weight: bold;
}
.creditcard-list {
  width: 310px;
  height: 180px;
  height: 169px;
  margin-top: 25px;
  padding-bottom: 20px;
}
.creditcard-list .react-swipe-indicator {
  margin-top: 0;
  margin-bottom: 0;
}
.creditcard-list .creditcard-item-wrapper {
  box-sizing: border-box;
}
.creditcard-list .creditcard-item-wrapper .creditcard-item {
  box-sizing: border-box;
  width: 300px;
  height: 169px;
  padding: 17.5px 16px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #2b40aa;
  color: #fff;
}
.creditcard-list .creditcard-item-wrapper .creditcard-item .logo {
  height: 22px;
  padding-right: 6px;
  vertical-align: top;
  padding-top: 1px;
}
.creditcard-list .creditcard-item-wrapper .creditcard-item .brand-name {
  font-size: 17px;
  font-weight: bold;
}
.creditcard-list .creditcard-item-wrapper .creditcard-item .number {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}
.creditcard-list .creditcard-item-wrapper .creditcard-item .checkbox-container {
  float: right;
  line-height: 0;
}
.creditcard-list .creditcard-item-wrapper.new-card .creditcard-item {
  color: #7f7e92;
  background-color: #fbfbfb;
  border: dashed 0.5px #7f7e92;
  font-size: 17px;
}
.creditcard-list .creditcard-item-wrapper.new-card .creditcard-item .add-button {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: flex;
  width: 80%;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}
.creditcard-list .creditcard-item-wrapper.new-card .creditcard-item .add-button.bold {
  font-weight: bold;
}
.creditcard-list .creditcard-item-wrapper.new-card .creditcard-item .add-button .label {
  padding: 6px 0 0;
  font-size: 17px;
  color: #7f7e92;
}
.creditcard-list.dummy .creditcard-item {
  position: absolute;
  background-color: #f8f8f9;
}
.billing-history .history-item {
  border: 1px solid;
}
.billing-history .history-item .btn-remove {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #b92db2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.billing-history .history-item .btn-remove.v2 {
  background: #9197a1;
}
.billing-history .history-item .btn-remove[disabled] {
  background: #9197a1;
}
.billing-history .history-item .btn-detail {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: #373E96;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.billing-history .history-item .btn-detail.v2 {
  background: #9197a1;
}
.billing-history .history-item .btn-detail[disabled] {
  background: #9197a1;
}
.billing-history .history-item .btn-cancel {
  display: block;
  box-sizing: border-box;
  margin: 25px 20px;
  height: 52px;
  line-height: 56px;
  color: #F3F3F3;
  background-color: coral;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.billing-history .history-item .btn-cancel.v2 {
  background: #9197a1;
}
.billing-history .history-item .btn-cancel[disabled] {
  background: #9197a1;
}
.billing-detail .btn-test {
  display: block;
  box-sizing: border-box;
  margin: 12px 20px 25px;
  height: 52px;
  line-height: 52px;
  color: white;
  background-color: red;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.refund-point {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.refund-point .refundable-points {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
  background-color: white;
}
.refund-point .refundable-points .refundable-cash .amount {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  color: #484848;
}
.refund-point .refundable-points .notice {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  line-height: 1.38;
  letter-spacing: normal;
  color: #7f7e92;
}
.refund-point .refundable-points .notice .amount {
  color: #584de4;
}
.refund-point .refundable-points ul.detail {
  background-color: #f9f9f9;
  border-radius: 6px;
  padding: 15px 15px;
}
.refund-point .refundable-points ul.detail li {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #484848;
}
.refund-point .refundable-points ul.detail li.bold {
  font-weight: bold;
}
.refund-point .refundable-points ul.detail li:first-child {
  margin-bottom: 4px;
}
.refund-point .refund-bank-form {
  border: 1px 0 0 0 solid;
  background-color: white;
  padding-bottom: 30px;
}
.refund-point .refund-bank-form .gap-between-input {
  height: 10px;
}
.refund-point .refund-guide {
  padding: 0px 24px 35px;
  background-color: white;
  border-bottom: 0px !important;
}
.refund-point .refund-guide .desc {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.29;
  color: #7f7e92;
}
.refund-point .btn-area {
  padding: 40px 0px 0px;
  background-color: white;
}
.refund-point .btn-area .refund-button {
  height: 50px;
  font-size: 17px;
  line-height: 1.35;
  width: 100%;
  background-color: #584de4;
  padding: 13px;
  color: white;
  border-radius: 6px;
}
.refund-point .btn-area .refund-button.disabled {
  background-color: #f0f0f0;
  color: #484848;
  opacity: 0.4;
}
.scene-partner-my.real-estate .btn-more {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  padding: 21px 10px 19px 10px;
  right: 10px;
  top: 0px;
  font-size: 13px;
  color: #7f7e92;
}
.scene-partner-my.real-estate .btn-more.bold {
  font-weight: bold;
}
.my-point {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fff;
}
.my-point.bold {
  font-weight: bold;
}
.my-point .title {
  font-size: 16px;
  color: #484848;
  margin-bottom: 8px;
}
.my-point .point-state {
  position: relative;
  padding: 24px !important;
  background: #fff;
  border-bottom: none !important;
}
.my-point .point-state .point {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  color: #484848;
}
.my-point .point-state .point.plus {
  color: #584de4;
}
.my-point .point-state .btn-charge {
  position: absolute;
  display: block;
  bottom: 29px;
  right: 25px;
  width: 64px;
  height: 56px;
  line-height: 54px;
  font-size: 17px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  background: #584de4;
  -webkit-box-shadow: 2px 2px 5px 2px rgba(88, 77, 228, 0.3);
  -moz-box-shadow: 2px 2px 5px 2px rgba(88, 77, 228, 0.3);
  box-shadow: 2px 2px 5px 2px rgba(88, 77, 228, 0.3);
}
.my-point .point-info {
  padding: 0 25px;
  background: #fff;
  line-height: 1.5;
}
.my-point .point-info .info {
  margin-bottom: 20px;
}
.my-point .point-info .info .subtitle {
  display: inline-block;
  margin-right: 7px;
  font-size: 14px;
  color: #7f7e92;
}
.my-point .point-info .info .subtitle.hidden {
  visibility: hidden;
}
.my-point .point-info .info .amount {
  display: inline-block;
  margin-right: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #484848;
}
.my-point .point-info .info .desc {
  display: inline-block;
  font-size: 14px;
  color: #7f7e92;
}
.my-point .point-info .scheduled-billing {
  margin: 20px -25px 0;
  padding: 0;
}
.my-point .point-receipt-list {
  position: relative;
  padding: 25px;
  border-top: 10px solid #f8f8f9;
  background: #fff;
}
.my-point .point-receipt-list .list {
  margin: 15px -25px 0;
}
.my-point .point-receipt-list .list > li {
  padding: 0 25px;
}
.my-point .point-receipt-list .list > li.selected {
  background: #f3f4fc;
}
.my-point .point-receipt-list .list .item {
  display: block;
  position: relative;
  height: 49px;
  line-height: 49px;
  color: #484848;
}
.my-point .point-receipt-list .list .item.year {
  position: relative;
  height: 32px;
  line-height: 32px;
  color: #7f7e92;
}
.my-point .point-receipt-list .list .item.year .text {
  height: 100%;
  padding: 0 10px 20px 0;
  font-size: 15px;
  color: #7f7e92;
  font-weight: normal;
  background: #fff;
}
.my-point .point-receipt-list .list .item.year .line {
  position: absolute;
  left: 45px;
  right: 0;
  top: 15px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.my-point .point-receipt-list .list .item .date {
  position: absolute;
  display: block;
  top: -1px;
  left: 0;
  font-size: 15px;
  color: #7f7e92;
  font-weight: normal;
}
.my-point .point-receipt-list .list .item .name {
  margin-left: 62px;
  font-size: 16px;
  font-weight: normal;
  color: #484848;
}
.my-point .point-receipt-list .list .item .desc {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #7f7e92;
}
.my-point .point-receipt-list .list .item .amount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
}
.my-point .point-receipt-list .list .item .amount.plus {
  color: #584de4;
}
.my-point .point-receipt-list .list .empty {
  padding: 20px 30px 30px 30px;
  font-size: 15px;
  color: #7f7e92;
  text-align: center;
}
.my-point .point-receipt-list .list .btn-more-receipts {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 46px;
  font-size: 14px;
  text-align: center;
  color: #7f7e92;
}
.my-point .point-receipt-list .list .btn-more-receipts:before {
  font-size: 12px;
  font-family: 'fontello';
  content: '\E80C';
  margin-right: 8px;
}
.my-point .point-receipt-list .list .loading {
  position: relative;
  height: 30px;
  line-height: 30px;
}
.partner-point-receipt {
  position: relative;
  margin: 20px 0 !important;
  padding: 25px;
  visibility: hidden;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.partner-point-receipt.bold {
  font-weight: bold;
}
.partner-point-receipt .title {
  font-size: 18px;
  font-weight: bold;
}
.partner-point-receipt .btn-close-sm {
  position: absolute;
  top: 10px;
  right: 5px;
  padding: 15px;
  box-sizing: border-box;
}
.partner-point-receipt .list {
  margin: 20px 0 5px 0;
}
.partner-point-receipt .list .item {
  height: 32px;
  line-height: 32px;
  clear: both;
}
.partner-point-receipt .list .item .name {
  float: left;
  font-size: 14px;
  color: #7f7e92;
}
.partner-point-receipt .list .item .value {
  float: right;
  font-size: 14px;
  color: #484848;
}
.partner-point-receipt .list .item .value.bold {
  font-weight: bold;
}
.partner-point-receipt .list .line {
  margin: 15px 0;
  height: 1px;
  border-top: 1px dashed #e5e5e5;
}
.partner-point-receipt .list .line:first-child {
  display: none;
}
.partner-point-receipt .list .box {
  margin: 5px 0;
  padding: 10px 15px;
  background: #f9f9f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.partner-point-receipt .list .box .item {
  height: 25px;
  line-height: 25px;
}
.partner-point-receipt .list .box .item .name {
  float: left;
  font-size: 13px;
  color: #7f7e92;
}
.partner-point-receipt .list .box .item .value {
  float: right;
  font-size: 13px;
  color: #7f7e92;
}
.partner-point-receipt .list .box .item .value a {
  color: #7f7e92;
  text-decoration: underline;
}
.partner-point-receipt .punch-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
}
.partner-point-receipt .punch-line .punch-box {
  position: absolute;
}
.partner-point-receipt .punch-line .punch {
  stroke: none;
  fill: #fff;
}
.partner-point-receipt .punch-line.top {
  top: -5px;
}
.partner-point-receipt .punch-line.bottom {
  bottom: 0;
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  margin-bottom: -5px;
}
.partner-point-receipt .empty {
  font-size: 15px;
  padding: 40px 0;
  text-align: center;
  color: #484848;
}
.draggable-footer-layer .coupon-code-input {
  margin: 5px 25px 25px;
}
.scene-nicepay {
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #efefef;
}
.scene-nicepay.bold {
  font-weight: bold;
}
.scene-nicepay #container {
  padding-top: 58px;
  background-color: white;
}
.scene-nicepay #container .sub-title {
  background-color: white;
  padding: 20px 24px 9px;
  font-size: 15px;
  color: #484848;
}
.scene-nicepay #container .ad-products {
  padding: 0px 24px;
  background-color: white;
}
.scene-nicepay #container .ad-item {
  margin: 10px 0;
  padding: 20px 24px;
  border-radius: 6px;
  border: solid 0.5px #cecfdc;
}
.scene-nicepay #container .ad-item .name {
  font-size: 15px;
  color: #484848;
}
.scene-nicepay #container .ad-item .amount {
  font-size: 19px;
  font-weight: bold;
  color: #484848;
}
.scene-nicepay #container .ad-item a {
  display: block;
}
.scene-nicepay #container .ad-item.selected {
  border: solid 2px #584de4;
}
.scene-nicepay #container .ad-item.selected .checkbox {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-nicepay #container .ad-item .checkbox {
  position: relative;
  left: 0px;
  top: -31px;
  float: right;
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -125px -399px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
}
.scene-nicepay #container .business-info {
  padding: 50px 0px 110px;
  width: 237px;
  height: 72px;
  font-family: SpoqaHanSans;
  font-size: 13px;
  text-align: center;
  color: #7f7e92;
  margin: 0 auto;
}
.scene-nicepay .footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  background-color: #4d55b2;
}
.scene-nicepay .purchase-btn {
  box-sizing: border-box;
  padding: 18px 30px 20px;
  width: 47%;
  height: 60px;
  color: white;
  font-size: 16px;
  text-align: center;
  background-color: #584de4;
  font-weight: bold;
  margin: 5px;
  border-radius: 6px;
  position: relative;
}
.scene-nicepay .purchase-btn.left {
  left: 0px;
}
.scene-nicepay .purchase-btn.right {
  right: 0px;
}
.scene-nicepay .purchase-btn.right a {
  color: white;
}
.scene-nicepay .purchase-btn.right span {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 21px;
  background-image: url(sp_rtn.01f2082f5f73bc4dc6dbfce6b371f483.png);
  background-position: -103px -333px;
  background-size: 800px 800px;
  line-height: 999em;
  vertical-align: top;
  position: absolute;
  left: 25%;
  top: 50%;
  margin-left: -8px;
  margin-top: -11px;
}
.scene-apt-sub-visitor #header {
  border-bottom: 0;
}
.scene-apt-sub-visitor .card {
  box-sizing: border-box;
  border-top: 10px solid #f8f8f9;
}
.scene-apt-sub-visitor .card:first-child {
  border: none;
}
.scene-apt-sub-visitor .card.realtime {
  padding: 10px 25px 25px;
}
.scene-apt-sub-visitor .card.trend {
  padding: 25px 0;
}
.scene-apt-sub-visitor .card.trend h3 {
  margin: 0 25px 10px 25px;
  font-size: 16px;
}
.scene-apt-sub-visitor .card.trend .visit-trend .chart-summary {
  padding: 0 25px;
}
.scene-apt-sub-visitor .card.trend .visit-trend .chart-summary .item {
  margin-bottom: 5px;
}
.scene-apt-sub-visitor .card.trend .visit-trend .chart-summary .item .name {
  display: inline-block;
  width: 105px;
  font-size: 15px;
  color: #7f7e92;
}
.scene-apt-sub-visitor .card.trend .visit-trend .chart-summary .item .value {
  display: inline-block;
  font-size: 15px;
  color: #484848;
}
.scene-apt-sub-visitor .card.detail {
  padding: 0 25px;
}
.scene-apt-sub-visitor .card.detail h3 {
  margin: 25px 0 15px;
  font-size: 15px;
  font-weight: normal;
  color: #484848;
}
.scene-apt-sub-visitor .card.detail h4 {
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
}
.scene-apt-sub-visitor .card.detail .visitor-24h {
  font-size: 24px;
  font-weight: bold;
}
.scene-apt-sub-visitor .card.detail .empty {
  margin: 40px 0 45px;
  line-height: 1.5;
  font-size: 14px;
  color: #7f7e92;
  text-align: center;
}
.scene-apt-sub-visitor .visitor-analysis {
  margin-top: 58px;
  color: #484848;
  font-family: 'SpoqaHanSans', 'SpoqaHanSansWeb';
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.scene-apt-sub-visitor .visitor-analysis.bold {
  font-weight: bold;
}
.scene-apt-sub-visitor .visitor-analysis .apt-name {
  font-size: 15px;
}
.scene-apt-sub-visitor .visitor-analysis .total {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
}
.scene-apt-sub-visitor .visitor-analysis .group {
  box-sizing: border-box;
  display: inline-block;
  width: 160px;
  margin-top: 20px;
  text-align: left;
}
.scene-apt-sub-visitor .visitor-analysis .group.new {
  position: absolute;
  right: 20px;
}
.scene-apt-sub-visitor .visitor-analysis .group .name {
  font-size: 16px;
  color: #484848;
}
.scene-apt-sub-visitor .visitor-analysis .group .name .pin {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  top: -1px;
  width: 10px;
  height: 10px;
  background: green;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.scene-apt-sub-visitor .visitor-analysis .group .value {
  margin-top: 5px;
}
.scene-apt-sub-visitor .visitor-analysis .group .value .visitor-percent {
  margin-left: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #484848;
}
.scene-apt-sub-visitor .visitor-analysis .group .value .visitor-count {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  top: -2px;
  color: #7f7e92;
  font-size: 15px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box {
  margin: 25px 0;
}
.scene-apt-sub-visitor .visitor-analysis .info-box:first-child {
  margin-bottom: 40px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-chart-wrap {
  position: relative;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-chart {
  width: 130px;
  height: 150px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend {
  position: absolute;
  display: table;
  height: 150px;
  top: 0;
  left: 150px;
  font-size: 15px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row-wrap {
  display: table-cell;
  vertical-align: middle;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row {
  margin-top: 10px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row:first-child {
  margin-top: 0;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row .color {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row .name {
  display: block;
  margin-top: 4px;
  color: #484848;
}
.scene-apt-sub-visitor .visitor-analysis .info-box .region-legend .legend-row .percent {
  color: #484848;
  font-weight: bold;
}
.scene-apt-sub-visitor .visitor-analysis .updated {
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 12px;
  color: #7f7e92;
}
/* 임시로 수정해야할게 있다면 여기에 */