@charset "UTF-8";
/*
* textEllipsis 한 줄
* @include textEllipsis;
*/
/*
* textEllipsis 두 줄
* @include textEllipsisClamp;
*/
/*
 * clearfix
 * @include clearfix;
*/
/* 공통 작업 */
/* Button/Link */
.garage-content__link {
  display: inline-block;
  border-radius: 2px;
  width: 176px;
  height: 62px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  line-height: 62px;
}
.garage-content__link.link-price {
  width: 112px;
  height: 32px;
  line-height: 32px;
}
.garage-content__link.link-orage {
  border-color: #ff5d16;
  background-color: #ff5d16;
  font-size: 14px;
  color: #fff;
}

.garage-content__link-service {
  display: inline-block;
  height: 30px;
  padding: 0 23px 0 25px;
  border: 1px solid #d6e0ec;
  border-radius: 2px;
  background-color: #f9fcff;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #5e678b;
}
.garage-content__link-service:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-top: 1px solid #636464;
  border-right: 1px solid #636464;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.garage-content__link-service.size-s {
  height: 22px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
}
.garage-content__link-service.size-s:after {
  margin: -2px 0 0 5px;
}

.garage-content__link-go {
  display: inline-block;
  width: 86px;
  height: 24px;
  border-radius: 2px;
  background-color: #957060;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
.garage-content__link-go:hover, .garage-content__link-go:active, .garage-content__link-go:focus {
  color: #fff;
}
.garage-content__link-go:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin-top: -4px;
  margin-left: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}

.garage-content__link-go--bg {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #957060;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  text-align: center;
}
.garage-content__link-go--bg:hover, .garage-content__link-go--bg:active, .garage-content__link-go--bg:focus {
  color: #fff;
}
.garage-content__link-go--bg:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}

.garage-content__link-go--line {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #f5f5f5;
  font-size: 15px;
  font-weight: 400;
  line-height: 38px;
  color: #111;
  text-align: left;
  padding-left: 20px;
  font-weight: 600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.garage-content__link-go--line .num {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  font-size: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffbc00;
  text-align: center;
  line-height: 22px;
  margin-top: -12px;
  letter-spacing: -1px;
}
.garage-content__link-go--line:hover, .garage-content__link-go--line:active, .garage-content__link-go--line:focus {
  color: #111;
}
.garage-content__link-go--line:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}

.garage-content__link-text {
  display: inline-block;
  font-size: 14px;
}
.garage-content__link-text:after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  margin-top: -3px;
  margin-left: 4px;
  border-top: 2px solid #636464;
  border-right: 2px solid #636464;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.garage-content__link-text.text-orange {
  color: #ff5d16;
}
.garage-content__link-text.text-orange:after {
  border-top: 2px solid #ff5d16;
  border-right: 2px solid #ff5d16;
}
.garage-content__link-text.text-blue {
  color: #5e678b;
}
.garage-content__link-text.text-blue:after {
  border-top: 1px solid #5e678b;
  border-right: 1px solid #5e678b;
}
.garage-content__link-text.text-blue .under-line {
  border-bottom: 1px solid #5e678b;
}

.garage-content__link-icon {
  position: relative;
  color: #5e678b;
  border-bottom: 1px solid #5e678b;
}
.garage-content__link-icon.link-icon-notice {
  margin-left: 20px;
}
.garage-content__link-icon.link-icon-notice:before {
  position: absolute;
  top: 3px;
  left: -20px;
  content: "";
  width: 13px;
  height: 15px;
  background: url("../../assets/images/garage/btn_notice.png") no-repeat 0 0;
}
.garage-content__link-icon.link-icon-notice.link-icon-notice--ty2:before {
  top: -2px;
  left: -22px;
  width: 20px;
  height: 20px;
  background: url("../../assets/images/garage/btn_notice-2.png") no-repeat 0 0;
}

.garage-content__btn {
  display: inline-block;
  width: auto;
  min-width: 106px;
  height: 46px;
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  -webkit-appearance: button;
  cursor: pointer;
}

.garage-content__btn-icon {
  display: inline-block;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  vertical-align: middle;
}
.garage-content__btn-icon.icon-info {
  width: 20px;
  height: 20px;
  background-image: url("../../assets/images/garage/btn_info.png");
}
.garage-content__btn-icon.icon-info.icon-info--ty2 {
  margin-top: 1px;
  width: 24px;
  height: 24px;
  background-image: url("../../assets/images/garage/btn_info-2.png");
}
.garage-content__btn-icon.icon-edit {
  width: 17px;
  height: 17px;
  background-image: url("../../assets/images/garage/btn_distance.png");
}
.garage-content__btn-icon.icon-edit.icon-edit--ty2 {
  width: 24px;
  height: 24px;
  background-image: url("../../assets/images/garage/btn_distance-2.png");
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .garage-content__btn-icon.icon-edit.icon-edit--ty2.garage-content__btn-icon {
  margin-left: 6px;
}
.garage-content__btn-icon.icon-color {
  width: 20px;
  height: 20px;
  background-image: url("../../assets/images/garage/btn_info_color.png");
}

.hyper-link {
  display: block;
  width: 100%;
  height: 100%;
}

/* Select */
.garage-content__select-block {
  position: relative;
}
.garage-content__select-block .select2-container--default {
  color: #222;
}
.garage-content__select-block .select2-container--default .select2-selection--single {
  border-color: #eae9e6;
}

.select2-container .select-num,
.select2-container .select-name {
  display: inline-block;
  vertical-align: middle;
}
.select2-container .select-num {
  margin-right: 4px;
  color: #3149b4;
  font-style: normal;
}
.select2-container .select-name {
  color: #000;
}

/* Input */
.garage-content__input {
  display: inline-block;
  width: 100%;
}
.garage-content__input input {
  width: 99.5%;
  margin: 0;
  padding: 0;
  height: 44px;
  border: 1px solid #eae9e6;
  background-color: transparent;
  text-indent: 20px;
  outline: 0;
}
.garage-content__input input::-webkit-input-placeholder {
  color: #afafaf;
}
.garage-content__input input::-moz-placeholder {
  color: #afafaf;
}
.garage-content__input input:-ms-input-placeholder {
  color: #afafaf;
}
.garage-content__input input::-ms-input-placeholder {
  color: #afafaf;
}
.garage-content__input input::placeholder, .garage-content__input input.placeholder {
  color: #afafaf;
}
.garage-content__input.input-time {
  position: relative;
}
.garage-content__input.input-time input {
  width: 79.5%;
  padding-right: 20%;
}
.garage-content__input.input-time .input-time__text {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 44px;
  font-style: normal;
  color: #ff5d16;
}
.garage-content__input.input-label {
  position: relative;
  border: 1px solid #eae9e6;
}
.garage-content__input.input-label + .input-label {
  margin-left: 2px;
}
.garage-content__input.input-label .input-label__text {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 44px;
  font-style: normal;
  color: #979797;
}
.garage-content__input.input-label input {
  width: 50%;
  border: 0;
}
.garage-content__input.input-distance {
  position: relative;
}
.garage-content__input.input-distance input {
  width: 85.5%;
  padding-right: 14%;
  text-align: right;
}
.garage-content__input.input-distance .input-unit__text {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 46px;
  font-style: normal;
  color: #979797;
}
.garage-content__input[class*=input-unit-] {
  position: relative;
}
.garage-content__input[class*=input-unit-] + .input-unit {
  margin-left: 2px;
}
.garage-content__input[class*=input-unit-] input {
  text-align: right;
}
.garage-content__input[class*=input-unit-] .input-unit__text {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 46px;
  font-style: normal;
}
.garage-content__input[class*=input-unit-] .input-unit__img {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 46px;
  font-style: normal;
}
.garage-content__input[class*=input-unit-] .input-unit__img.input-unit__img--ty2 {
  top: -1px;
  right: 17px;
}
.garage-content__input.input-unit-kilometer input {
  width: 71%;
  padding-right: 28.5%;
}
.garage-content__input.input-unit-year input {
  width: 74%;
  padding-right: 25.5%;
}

/* Search */
.garage-search-number {
  position: relative;
  height: 58px;
  padding: 0 58px 0 0;
  background: #716859;
  border: 1px solid #60584c;
  overflow: hidden;
}

.garage-search-number__input {
  display: block;
  width: 100%;
  border: 1px solid #716859;
  margin: 0;
  padding: 10px 0;
  color: #ffd200;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  background: transparent;
  text-indent: 15px;
}
.garage-search-number__input::-webkit-input-placeholder {
  color: #999;
}
.garage-search-number__input::-moz-placeholder {
  color: #999;
}
.garage-search-number__input:-ms-input-placeholder {
  color: #999;
}
.garage-search-number__input::-ms-input-placeholder {
  color: #999;
}
.garage-search-number__input::placeholder, .garage-search-number__input.placeholder {
  color: #999;
}

.garage-search-number__button {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 58px;
  height: 0;
  margin: 0;
  padding: 58px 0 0 0;
  background: #7b7365;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #60584c;
  text-indent: -9999em;
  overflow: hidden;
}
.garage-search-number__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  background: url("../../assets/images/common/icon_search_price.png") no-repeat;
}
.garage-search-number__button.garage-search-number__button--ty2:before {
  width: 24px;
  height: 24px;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../../assets/images/common/icon_search_price-2.png") no-repeat;
}

/* Icon */
.icon-image {
  display: inline-block;
  background: url("../../assets/images/garage/icon_common.png") no-repeat 0 0;
}
.icon-image.icon-service-parts {
  width: 26px;
  height: 40px;
  background-position: -10px -10px;
}
.icon-image.icon-service-mall {
  width: 33px;
  height: 40px;
  background-position: -56px -10px;
}
.icon-image.icon-service-insure {
  width: 29px;
  height: 40px;
  background-position: -109px -10px;
}
.icon-image.icon-service-sell {
  width: 50px;
  height: 40px;
  background-position: -158px -10px;
}
.icon-image.icon-service-change {
  width: 44px;
  height: 42px;
  background-position: -226px -9px;
}
.icon-image.icon-service-direct {
  width: 39px;
  height: 41px;
  background-position: -289px -10px;
}
.icon-image.icon-history-total {
  width: 30px;
  height: 26px;
  background-position: -10px -68px;
}
.icon-image.icon-history-total.icon-history-total--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-total-2.png") no-repeat 0 0;
}
.garage-content__history-box .history-box__item-icon .icon-image.icon-history-total.icon-history-total--ty2 {
  margin-left: 0;
}
.icon-image.icon-history-steal {
  width: 23px;
  height: 23px;
  background-position: -50px -69px;
}
.icon-image.icon-history-steal.icon-history-steal--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-steal-2.png") no-repeat 0 0;
}
.icon-image.icon-history-flood {
  width: 34px;
  height: 20px;
  background-position: -83px -71px;
}
.icon-image.icon-history-flood.icon-history-flood--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-flood-2.png") no-repeat 0 0;
}
.icon-image.icon-history-use {
  width: 24px;
  height: 22px;
  background-position: -127px -70px;
}
.icon-image.icon-history-use.icon-history-use--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-use-2.png") no-repeat 0 0;
}
.icon-image.icon-history-use.icon-history-use--ty3 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-use-3.png") no-repeat 0 0;
}
.icon-image.icon-history-my {
  width: 40px;
  height: 26px;
  background-position: -160px -68px;
}
.icon-image.icon-history-my.icon-history-my--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-my-2.png") no-repeat 0 0;
}
.icon-image.icon-history-other {
  width: 40px;
  height: 26px;
  background-position: -212px -68px;
}
.icon-image.icon-history-other.icon-history-other--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-other-2.png") no-repeat 0 0;
}
.icon-image.icon-history-owner {
  width: 22px;
  height: 23px;
  background-position: -261px -69px;
}
.icon-image.icon-history-owner.icon-history-owner--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-owner-2.png") no-repeat 0 0;
}
.icon-image.icon-history-number {
  width: 36px;
  height: 14px;
  background-position: -293px -74px;
}
.icon-image.icon-history-number.icon-history-number--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-number-2.png") no-repeat 0 0;
}
.icon-image.icon-history-info {
  width: 24px;
  height: 23px;
  background-position: -339px -70px;
}
.icon-image.icon-history-rent {
  width: 36px;
  height: 24px;
  background-position: -10px -170px;
}
.icon-image.icon-history-rent.icon-history-rent--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-rent-2.png") no-repeat 0 0;
}
.icon-image.icon-history-official {
  width: 34px;
  height: 25px;
  background-position: -56px -170px;
}
.icon-image.icon-history-official.icon-history-official--ty2 {
  width: 32px;
  height: 32px;
  background: url("../../assets/images/garage/icon-history-official-2.png") no-repeat 0 0;
}
.icon-image.icon-offer-notice, .icon-image.icon-menu-price {
  width: 40px;
  height: 40px;
  background-position: -10px -110px;
}
.icon-image.icon-offer-history, .icon-image.icon-menu-diagnosis {
  width: 41px;
  height: 40px;
  background-position: -63px -110px;
}
.icon-image.icon-offer-drive {
  width: 48px;
  height: 40px;
  background-position: -118px -110px;
}
.icon-image.icon-offer-term, .icon-image.icon-menu-calendar {
  width: 38px;
  height: 40px;
  background-position: -180px -110px;
}
.icon-image.icon-offer-renuwal, .icon-image.icon-menu-manage {
  width: 40px;
  height: 40px;
  background-position: -233px -110px;
}
.icon-image.icon-offer-coupon {
  width: 42px;
  height: 40px;
  background-position: -288px -110px;
}
.icon-image.icon-menu-recommend {
  width: 40px;
  height: 40px;
  background-position: -340px -110px;
}
.icon-image.icon-menu-price--ty2, .icon-image.icon-menu-diagnosis--ty2, .icon-image.icon-menu-calendar--ty2, .icon-image.icon-menu-manage--ty2 {
  width: 48px;
  height: 48px;
}
.garage-content__menu-link .icon-image.icon-menu-price--ty2.icon-image, .garage-content__menu-link .icon-image.icon-menu-diagnosis--ty2.icon-image, .garage-content__menu-link .icon-image.icon-menu-calendar--ty2.icon-image, .garage-content__menu-link .icon-image.icon-menu-manage--ty2.icon-image {
  margin-bottom: 2px;
}
.icon-image.icon-menu-price--ty2 {
  background: url("../../assets/images/garage/icon-menu-price-2.png") no-repeat 0 0;
}
.icon-image.icon-menu-diagnosis--ty2 {
  background: url("../../assets/images/garage/icon-menu-diagnosis-2.png") no-repeat 0 0;
}
.icon-image.icon-menu-calendar--ty2 {
  background: url("../../assets/images/garage/icon-menu-calendar-2.png") no-repeat 0 0;
}
.icon-image.icon-menu-manage--ty2 {
  background: url("../../assets/images/garage/icon-menu-manage-2.png") no-repeat 0 0;
}

.wrap-garage {
  padding-bottom: 100px;
  color: #222;
}
.wrap-garage a:hover,
.wrap-garage a:focus {
  text-decoration: none;
}
.wrap-garage em {
  font-style: normal;
}
.wrap-garage .has-border {
  border: 1px solid #ededed;
}

.garage-main__hero {
  background-color: #f1f1fa;
  overflow: hidden;
}

.garage-main__hero-container:before {
  display: inline-block;
  content: "";
  height: 350px;
  vertical-align: middle;
}
.garage-main__hero-container .garage-main__hero-text {
  display: inline-block;
  width: 470px;
  margin-top: 4px;
  margin-left: -5px;
  line-height: 1.25;
  vertical-align: middle;
}
.garage-main__hero-container .garage-text__block {
  display: block;
  margin: 2px 0;
  font-size: 40px;
  color: #222;
}
.garage-main__hero-container .garage-text__bottom {
  display: block;
  margin-top: 11px;
  margin-bottom: 37px;
  font-size: 20px;
  color: #818181;
}
.garage-main__hero-container .garage-text__bottom strong {
  color: #ff5d16;
}
.garage-main__hero-container .garage-content__link {
  display: block;
  width: 100%;
  height: 46px;
  margin-top: 50px;
  font-size: 18px;
  line-height: 46px;
}
.garage-main__hero-container .garage-main__hero-image {
  position: absolute;
  top: 0;
  right: 107px;
  width: 610px;
  height: 350px;
  background: url("../../assets/images/garage/hero.png") no-repeat 0 0;
}

.garage-content__offer {
  margin-top: 60px;
}

.garage-content__offer-head {
  margin: 0 2px 34px;
  padding: 0;
  font-size: 26px;
  color: #ff5d16;
}

.garage-content__offer-box {
  margin: 1px 0 0 1px;
}
.garage-content__offer-box:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__offer-box .offer-box__item {
  float: left;
  width: 418px;
  height: 218px;
  margin: -1px 0 0 -1px;
  border: 1px solid #ededed;
}
.garage-content__offer-box .offer-box__item.offer-notice {
  background-color: #fefcf6;
}
.garage-content__offer-box .offer-box__item.offer-history {
  background-color: #fafefd;
}
.garage-content__offer-box .offer-box__item.offer-drive {
  background-color: #fffafa;
}
.garage-content__offer-box .offer-box__item.offer-term {
  background-color: #fbfdfe;
}
.garage-content__offer-box .offer-box__item.offer-renuwal {
  background-color: #fcfef6;
}
.garage-content__offer-box .offer-box__item.offer-coupon {
  background-color: #fcfdfc;
}
.garage-content__offer-box .offer-box__item-title {
  display: block;
  margin: 17px 40px 17px;
  font-size: 25px;
}
.garage-content__offer-box .offer-box__item-desc {
  display: block;
  margin: 0 20px 0 40px;
  font-size: 16px;
  line-height: 1.5;
  color: #9a9ea5;
}
.garage-content__offer-box .icon-image {
  display: block;
  margin: 34px 40px 0;
}

.wrap-garage__content {
  margin: 45px 0 0;
}

.garage-content__info-head {
  padding-bottom: 20px;
}
.garage-content__info-head:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__info-head .garage-content__info-title {
  margin: 0 3px;
  padding: 0;
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.garage-content__info-head .garage-content__link-service {
  margin-left: 7px;
  vertical-align: middle;
}
.garage-content__info-head .garage-content__select-block {
  display: inline-block;
  width: 267px;
  height: 46px;
  vertical-align: middle;
}
.garage-content__info-head .garage-content__link {
  width: auto;
  height: 44px;
  padding: 0 27px;
  line-height: 44px;
}
.garage-content__info-head .garage-content__info-update {
  line-height: 46px;
  color: #ff5d16;
}
.garage-content__info-head .info-head__item {
  float: left;
}
.garage-content__info-head .info-head__item + .info-head__item:before {
  float: left;
  content: "";
  width: 1px;
  height: 46px;
  margin: 0 20px;
  background-color: #ededed;
}
.garage-content__info-head .info-head__item .select2-container {
  display: block;
}
.garage-content__info-head .info-head__item .select2-container--default.select2-container--open {
  width: 420px;
}

.garage-content__info-head--left {
  float: left;
  margin-top: 3px;
}

.garage-content__info-head--right {
  float: right;
}
.garage-content__info-head--right:after {
  display: block;
  content: "";
  clear: both;
}

.garage-content__info-box {
  height: 287px;
  padding: 30px 0;
  border-top: 1px solid #f6f6f6;
  background-color: #edf9fb;
}
.garage-content__info-box:after {
  display: block;
  content: "";
  clear: both;
}

.garage-content__info-view {
  float: left;
  width: 726px;
  margin-right: 78px;
}
.garage-content__info-view:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__info-view .info-view__thumb {
  float: right;
  width: 210px;
  height: 138px;
  margin-top: 37px;
  background-color: #f1c7c9;
}
.garage-content__info-view .info-view__name {
  float: left;
  margin-top: 11px;
  margin-bottom: 53px;
  font-size: 40px;
  font-weight: 700;
}
.garage-content__info-view .info-view__name-maker {
  display: block;
  margin-bottom: 11px;
  font-size: 28px;
}
.garage-content__info-view .info-view__name-model {
  display: block;
  margin-top: 3px;
  font-size: 24px;
  font-weight: 400;
  color: #9a9ea5;
}
.garage-content__info-view .info-view__name-spec {
  margin-top: 28px;
  font-size: 0;
}
.garage-content__info-view .info-view__name-spec .name-spec__item {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #a4a4a4;
}
.garage-content__info-view .info-view__name-spec .name-spec__item + .name-spec__item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 13px;
  margin: -3px 12px 0;
  background-color: #b2b2b2;
  vertical-align: middle;
}
.garage-content__info-view .info-view__name-spec .garage-content__link-text {
  margin-left: 20px;
  font-weight: 400;
}
.garage-content__info-view .info-view__data {
  font-size: 0;
  clear: both;
}
.garage-content__info-view .info-view__data-item {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.garage-content__info-view .info-view__data-item + .info-view__data-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 17px;
  margin: -12px 13px 0;
  background-color: #d9dedf;
  vertical-align: middle;
}
.garage-content__info-view .info-view__data-item .data-item__title,
.garage-content__info-view .info-view__data-item .data-item__desc {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  vertical-align: baseline;
}
.garage-content__info-view .info-view__data-item .data-item__title {
  margin-right: 7px;
}
.garage-content__info-view .info-view__data-item .data-item__num {
  font-size: 24px;
  font-weight: 700;
  color: #ff5d16;
}
.garage-content__info-view .info-view__data-item .data-item__unit {
  margin-left: 3px;
}
.garage-content__info-view .info-view__data-item .garage-content__btn-icon {
  margin-top: -8px;
  margin-left: 5px;
}
.garage-content__info-view .info-view__data-item .garage-content__link-text {
  margin-left: 3px;
}
.garage-content__info-view.grid-2 {
  width: 953px;
}
.garage-content__info-view.grid-2 .garage-content__info-link {
  display: none;
}

.garage-content__info-link {
  float: left;
  width: 227px;
  height: 287px;
  margin-right: 1px;
}
.garage-content__info-link .info-link__item {
  display: block;
  position: relative;
  height: 95px;
  background-color: #fff;
}
.garage-content__info-link .info-link__item:hover:before, .garage-content__info-link .info-link__item:focus:before {
  position: absolute;
  top: 50%;
  left: -10px;
  content: "";
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: #fff;
  -webkit-box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.04);
          box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.04);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.garage-content__info-link .info-link__item:hover .info-link__item-menu:before, .garage-content__info-link .info-link__item:focus .info-link__item-menu:before {
  background-position-y: -69px;
}
.garage-content__info-link .info-link__item:hover .info-link__item-menu-title, .garage-content__info-link .info-link__item:focus .info-link__item-menu-title {
  color: #f00;
}
.garage-content__info-link .info-link__item + .info-link__item {
  margin-top: 1px;
}
.garage-content__info-link .info-link__item-menu {
  padding: 23px 0 23px 25px;
}
.garage-content__info-link .info-link__item-menu:before {
  float: left;
  content: "";
  width: 49px;
  height: 49px;
  margin-right: 17px;
  background: url("../../assets/images/garage/icon_info_link.png") no-repeat;
  background-position-y: -10px;
  border-radius: 50%;
}
.garage-content__info-link .info-link__item-menu.sell:before {
  background-position-x: -10px;
}
.garage-content__info-link .info-link__item-menu.change:before {
  background-position-x: -69px;
}
.garage-content__info-link .info-link__item-menu.direct:before {
  background-position-x: -128px;
}
.garage-content__info-link .info-link__item-menu:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__info-link .info-link__item-menu-title {
  display: block;
  margin-top: 2px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.garage-content__info-link .info-link__item-menu-desc {
  display: block;
  color: #999;
}

.garage-content__info-banner {
  float: left;
  width: 228px;
  height: 287px;
}

.info-banner__link {
  display: block;
  width: 100%;
  height: 143px;
}
.info-banner__link + .info-banner__link {
  margin-top: 1px;
}

.info-banner__link-img {
  display: block;
}

.garage-content__menu.sticky .garage-content__menu-inner {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 3;
}
.garage-content__menu.sticky .garage-content__menu-inner .garage-content__menu-info {
  display: block;
}

.garage-content__hidden-info {
  display: none;
}

.garage-content__menu-info {
  display: none;
  width: 1260px;
  height: 69px;
  margin: 0 auto;
  font-size: 21px;
  font-weight: 700;
  line-height: 69px;
}
.garage-content__menu-info .menu-number {
  color: #3149b4;
}

.garage-content__menu-section {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.garage-content__menu-group {
  width: 1260px;
  height: 143px;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  list-style: none;
  text-align: center;
}

.garage-content__menu-item {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 100%;
}
.garage-content__menu-item + .garage-content__menu-item .garage-content__menu-link:before {
  position: absolute;
  top: 20px;
  left: 0;
  content: "";
  width: 1px;
  height: 103px;
  background-color: #ededed;
}

.garage-content__menu-link {
  display: block;
  height: 142px;
  font-size: 20px;
  color: #8f8f8f;
}
.garage-content__menu-link, .garage-content__menu-link:hover {
  color: #8f8f8f;
}
.garage-content__menu-link.active {
  font-weight: 700;
  color: #ff5d16;
  border-bottom: 2px solid #ff5d16;
}
.garage-content__menu-link.active:after {
  position: absolute;
  left: 50%;
  bottom: -4px;
  content: "";
  width: 12px;
  height: 12px;
  margin-left: -4px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 0 #ff5d16;
          box-shadow: 2px 2px 0 #ff5d16;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.garage-content__menu-link .icon-image {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 11px;
}
.garage-content__menu-link .menu-text {
  display: block;
}

.garage-content__price-info {
  position: relative;
  height: 165px;
  margin-bottom: 19px;
  background-color: #fbf6e9;
  text-align: center;
}
.garage-content__price-info:after {
  position: absolute;
  left: 50%;
  bottom: -19px;
  content: "";
  margin-left: -19px;
  border-top: 19px solid #fbf6e9;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
}
.garage-content__price-info .price-info__condition {
  margin: 0;
  padding: 40px 0 18px;
  font-size: 0;
  list-style: none;
}
.garage-content__price-info .price-info__condition:before, .garage-content__price-info .price-info__condition:after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -5px;
  background: url("../../assets/images/garage/icon_quotation_mark.png") no-repeat;
  background-position-y: -10px;
  vertical-align: top;
}
.garage-content__price-info .price-info__condition:before {
  margin-right: 10px;
  background-position-x: -10px;
}
.garage-content__price-info .price-info__condition:after {
  margin-left: 10px;
  background-position-x: -36px;
}
.garage-content__price-info .price-info__condition-item {
  display: inline-block;
  font-size: 0;
}
.garage-content__price-info .price-info__condition-item + .price-info__condition-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 17px;
  margin: 0 26px;
  background-color: #dcd8cc;
}
.garage-content__price-info .price-info__condition-item:after {
  display: inline-block;
  content: "";
  margin-top: -20px;
  margin-left: 9px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
}
.garage-content__price-info .price-info__condition-item.mileage:after {
  width: 23px;
  height: 21px;
  background-image: url("../../assets/images/garage/icon_price_mileage.png");
}
.garage-content__price-info .price-info__condition-item.color:after {
  width: 23px;
  height: 23px;
  background-image: url("../../assets/images/garage/icon_price_color.png");
}
.garage-content__price-info .price-info__condition-item.sale:after {
  width: 21px;
  height: 24px;
  background-image: url("../../assets/images/garage/icon_price_sale.png");
}
.garage-content__price-info .price-info__condition-item .condition-item__title {
  margin-right: 2px;
  font-size: 20px;
}
.garage-content__price-info .price-info__condition-item .condition-item__desc {
  font-size: 20px;
  font-weight: 700;
}
.garage-content__price-info .price-info__text {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  z-index: 0;
}
.garage-content__price-info .price-info__text:after {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 16px;
  background-color: #fff600;
  z-index: -1;
}
.garage-content__price-info .price-info__text-summary {
  color: #3a5caa;
}

.garage-content__price-chart {
  /*padding: 58px 0 70px;*/
  padding: 30px 0 50px 0;
  margin: 0 40px;
}
.garage-content__price-chart:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__price-chart .price-chart__box {
  width: 47.4%;
}
.garage-content__price-chart .price-chart__box.price {
  float: left;
}
.garage-content__price-chart .price-chart__box.sell {
  float: right;
}
.garage-content__price-chart .price-chart__box-title {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 22px;
}
.garage-content__price-chart .price-chart__box-title .box-title__price {
  font-weight: 700;
  color: #ff5d16;
}
.garage-content__price-chart .price-chart__box-title .box-title__text {
  font-size: 20px;
}
.garage-content__price-chart .garage-content__price-chart-box {
  position: relative;
  height: 245px;
}
.garage-content__price-chart .garage-content__price-chart-box .price-chart-box {
  width: 100%;
  height: 100%;
}
.garage-content__price-chart .garage-content__price-chart-box .amcharts-chart-div > a {
  display: none !important;
}

.garage-content__price-range {
  padding: 65px 0 73px;
  margin: 0 40px;
  border-top: 1px solid #e9e9e9;
}
.garage-content__price-range:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__price-range .price-range__box {
  width: 47.4%;
}
.garage-content__price-range .price-range__box.sell {
  float: left;
  margin-right: 30px;
}
.garage-content__price-range .price-range__box.sell .price-range__box-desc .range-box__bar {
  background-color: #7481e0;
}
.garage-content__price-range .price-range__box.sell .price-range__box-desc .range-box__point-sum {
  background-color: #7481e0;
}
.garage-content__price-range .price-range__box.sell .price-range__box-desc .range-box__point-sum:before {
  border-bottom-color: #7481e0;
}
.garage-content__price-range .price-range__box.direct {
  float: right;
  margin-left: 30px;
}
.garage-content__price-range .price-range__box.direct .price-range__box-desc .range-box__bar {
  background-color: #78b8f0;
}
.garage-content__price-range .price-range__box.direct .price-range__box-desc .range-box__point-sum {
  background-color: #78b8f0;
}
.garage-content__price-range .price-range__box.direct .price-range__box-desc .range-box__point-sum:before {
  border-bottom-color: #78b8f0;
}
.garage-content__price-range .price-range__box-title {
  margin: 0;
  padding: 0;
  font-size: 22px;
}
.garage-content__price-range .price-range__box-title:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__price-range .price-range__box-title .garage-content__link {
  float: right;
}
.garage-content__price-range .price-range__box-desc .range-box {
  position: relative;
  width: 100%;
  height: 8px;
  margin-top: 30px;
  margin-bottom: 55px;
  background-color: #e7ecf1;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08) inset;
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08) inset;
}
.garage-content__price-range .price-range__box-desc .range-box__bar {
  position: absolute;
  height: 100%;
}
.garage-content__price-range .price-range__box-desc .range-box__point {
  position: absolute;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: 5px solid #e7ecf1;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.28);
}
.garage-content__price-range .price-range__box-desc .range-box__point.low {
  left: -5px;
}
.garage-content__price-range .price-range__box-desc .range-box__point.high {
  right: -5px;
}
.garage-content__price-range .price-range__box-desc .range-box__point-sum {
  position: absolute;
  top: 27px;
  left: 50%;
  width: 130px;
  margin-left: -65px;
  padding: 7px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.garage-content__price-range .price-range__box-desc .range-box__point-sum:before {
  position: absolute;
  top: -10px;
  left: 50%;
  content: "";
  margin-left: -10px;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.garage-content__price-range--edit {
  float: right;
  width: 47.4%;
  padding: 0 0 0 29px;
  margin: 0;
  border-top: none;
  border-left: 1px solid #e9e9e9;
}
.garage-content__price-range--edit .price-range__box {
  width: 100%;
}
.garage-content__price-range--edit .price-range__box.sell {
  float: none;
  margin-right: 0;
  padding-bottom: 30px;
}
.garage-content__price-range--edit .price-range__box.direct {
  float: none;
  margin-left: 0;
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}

.garage-content__data-box {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.garage-content__data-box:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__data-box .data-box__item {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 33.333%;
}
.garage-content__data-box .data-box__item + .data-box__item {
  border: solid #ededed;
  border-width: 0 0 0 1px;
}
.garage-content__data-box .data-box__item-head {
  margin: 37px 30px 0;
  padding: 0 10px 24px;
  border: solid #ededed;
  border-width: 0 0 1px 0;
}
.garage-content__data-box .data-box__item-head .item-head__title {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
}
.garage-content__data-box .data-box__item-head .item-head__title .item-head__title--link {
  color: #3149b4;
}
.garage-content__data-box .data-box__item-head .item-head__total {
  float: right;
  font-size: 0;
  line-height: 28px;
}
.garage-content__data-box .data-box__item-head .item-head__total-item {
  display: inline-block;
  font-size: 13px;
  color: #5e678b;
}
.garage-content__data-box .data-box__item-head .item-head__total-item + .item-head__total-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background-color: #bfc2ce;
  vertical-align: baseline;
}
.garage-content__data-box .data-box__item-head .item-head__total-item .num {
  font-weight: 700;
  color: #ff5d16;
}
.garage-content__data-box .data-box__item-box {
  padding: 13px 30px 19px;
}
.garage-content__data-box .data-box__item-box .item-box__data {
  margin: 13px 10px 0;
}
.garage-content__data-box .data-box__item-box .item-box__data:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__data-box .data-box__item-box .item-box__data + .item-box__data {
  margin-top: 7px;
  padding-top: 26px;
  border-top: 1px dashed #d9d9d9;
}
.garage-content__data-box .data-box__item-box .item-box__data.accrue .item-box__list {
  position: relative;
  float: left;
  width: 42.9%;
}
.garage-content__data-box .data-box__item-box .item-box__data.accrue .item-box__list:nth-child(even) {
  margin-left: 24px;
  padding-left: 24px;
}
.garage-content__data-box .data-box__item-box .item-box__data.accrue .item-box__list:nth-child(even):before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #efefef;
}
.garage-content__data-box .data-box__item-box .item-box__data.accrue .item-box__list + .garage-content__link-go {
  float: right;
}
.garage-content__data-box .data-box__item-box .item-box__data.tax .item-box__list-title {
  font-size: 14px;
}
.garage-content__data-box .data-box__item-box .item-box__data.tax .item-box__list-desc .data {
  font-size: 14px;
}
.garage-content__data-box .data-box__item-box .item-box__list {
  margin: 0 0 19px;
  padding: 0;
}
.garage-content__data-box .data-box__item-box .item-box__list:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__data-box .data-box__item-box .item-box__list-title {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 0;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .data {
  font-size: 16px;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .data + .data:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  margin: 0 10px;
  background-color: #e1e1e1;
  vertical-align: middle;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .data-value {
  font-weight: 700;
  color: #ff5d16;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .garage-content__btn-icon {
  margin-top: -13px;
  margin-left: 10px;
}
.garage-content__data-box .data-box__item-box .item-box__list-desc .garage-content__link-go {
  margin-left: 13px;
}
.garage-content__data-box .data-box__item-box .item-box__info {
  margin: 13px 10px 6px;
}
.garage-content__data-box .data-box__item-box .item-box__info-text {
  display: inline-block;
  max-width: 73%;
  font-size: 16px;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__info-text.info-text--no-max {
  max-width: none;
}
.garage-content__data-box .data-box__item-box .item-box__info-text .icon-image {
  display: block;
  margin-top: 9px;
}
.garage-content__data-box .data-box__item-box .item-box__due {
  height: 49px;
  margin: 0;
  padding: 0;
  background-color: #fdfaf4;
  font-size: 16px;
  line-height: 49px;
  color: #8f8f8f;
  text-align: center;
  letter-spacing: -1px;
}
.garage-content__data-box .data-box__item-box .item-box__due .garage-content__tooltip {
  margin: -3px -3px 0 3px;
}
.garage-content__data-box .data-box__item-box .item-box__due.item-box__due-line {
  height: auto;
  padding: 10px 0;
  line-height: 1.5;
}
.garage-content__data-box .data-box__item-box .item-box__due-act {
  font-weight: 400;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__due-color {
  font-size: 16px;
  font-weight: 600;
  color: #ff5d16;
}
.garage-content__data-box .data-box__item-box .item-box__due-icon {
  padding-left: 25px;
  background: url(../../assets/images/garage/btn_info_color.png) no-repeat 3px 50%;
}
.garage-content__data-box .data-box__item-box .item-box__banner {
  width: 419px;
  height: 88px;
  margin: 6px -30px -19px;
}
.garage-content__data-box .data-box__item-box .item-box__banner-link {
  display: block;
}
.garage-content__data-box .data-box__item-box .item-box__term {
  margin-top: 7px;
  padding-top: 19px;
  border-top: 1px dashed #d9d9d9;
}
.garage-content__data-box .data-box__item-box .item-box__term-text {
  display: block;
  height: 49px;
  background-color: #f5fafd;
  font-size: 16px;
  line-height: 49px;
  color: #8f8f8f;
  text-align: center;
}
.garage-content__data-box .data-box__item-box .item-box__exist {
  margin-top: 42px;
  text-align: center;
}
.garage-content__data-box .data-box__item-box .item-box__exist.item-box__exist--ty2::before {
  display: none;
}
.garage-content__data-box .data-box__item-box .item-box__exist:before {
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  background: url("../../assets/images/garage/icon_no_data.png") no-repeat 0 0;
}
.garage-content__data-box .data-box__item-box .item-box__exist-text {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__exist-text .exist-text__num {
  font-weight: 700;
  color: #3149b4;
}
.garage-content__data-box .data-box__item-box .item-box__recall {
  margin-top: 17px;
  text-align: center;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper {
  position: relative;
  width: 358px;
  overflow: hidden;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list {
  position: relative;
  width: 100%;
  height: 70px;
  margin-bottom: 8px;
  font-size: 0;
  white-space: nowrap;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__slide {
  display: inline-block;
  background: #f5fafd;
  width: 100%;
  height: 100%;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__slide-info {
  width: 100%;
  margin: 12px 0;
  font-size: 14px;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .slide-info__maker {
  display: inline-block;
  border-bottom: 1px solid #333;
  font-weight: 400;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .slide-info__desc {
  display: inline-block;
  max-width: 288px;
  border-bottom: 1px solid #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-pagination {
  font-size: 12px;
  color: #b0b0b0;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-pagination .swiper-pagination-current {
  color: #000;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-prev,
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-next {
  position: absolute;
  bottom: 2px;
  width: 5px;
  height: 10px;
  border: 0;
  background: transparent;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-prev:after,
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-next:after {
  position: absolute;
  top: 2px;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #4a4a4a;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-prev {
  left: 50%;
  margin-left: -30px;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-prev:after {
  left: 2px;
  border-left: 1px solid #4a4a4a;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-next {
  right: 50%;
  margin-right: -30px;
}
.garage-content__data-box .data-box__item-box .item-box__recall-swiper .recall-swiper__list-next:after {
  right: 2px;
  border-right: 1px solid #4a4a4a;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.garage-content__data-box .data-box__item-box .item-box__recall-text {
  margin: 17px 0 0;
  padding: 0;
  font-size: 16px;
  color: #333;
}
.garage-content__data-box .data-box__item-box .item-box__recall-text .recall-text__num {
  color: #3149b4;
}
.garage-content__data-box .data-box__item-box .item-box__recall-text .recall-text__target {
  color: #ff6426;
}
.garage-content__data-box .data-box__item-box .item-box__recall-object {
  height: 70px;
  margin-bottom: 42px;
  background-color: #f5fafd;
  font-size: 16px;
  line-height: 70px;
  color: #333;
}
.garage-content__data-box .garage-content__link-service {
  float: right;
  width: 84px;
  height: 22px;
  margin-top: 4px;
  padding: 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.garage-content__data-box .garage-content__link-service:after {
  margin-top: -4px;
  margin-left: 4px;
}
.garage-content__data-box .garage-content__link-service.wd100 {
  width: 100px;
}

.garage-content__sale {
  padding-bottom: 40px;
}

.garage-content__sale-box {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}
.garage-content__sale-box:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__sale-box .sale-box__item {
  float: left;
  width: 300px;
  margin: 0 10px;
  padding: 0;
}
.garage-content__sale-box .sale-box__item-thumb {
  position: relative;
  width: 300px;
  height: 226px;
}
.garage-content__sale-box .sale-box__item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.garage-content__sale-box .sale-box__item-desc {
  margin-top: 13px;
  color: #333;
}
.garage-content__sale-box .sale-box__item-desc-name {
  height: 40px;
  margin: 0;
  padding: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.25;
}
.garage-content__sale-box .sale-box__item-desc-price {
  margin: 8px 0 16px;
  padding: 0;
  color: #7f7f7f;
}
.garage-content__sale-box .sale-box__item-desc-price strong {
  margin-right: 3px;
  font-size: 18px;
  color: #191919;
}
.garage-content__sale-box .sale-box__item-desc-average strong {
  color: #ff5d16;
}

.garage-content__tab-container {
  padding-top: 50px;
  border-top: 1px solid #60584c;
}
.garage-content__tab-container .garage-content__tab {
  margin-bottom: 40px;
}
.garage-content__tab-container .garage-content__tab:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__tab-container .garage-content__tab__item {
  float: left;
  width: 49.84%;
  height: 63px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  border-bottom-color: #ff5d16;
  background-color: #f9f9f9;
  font-size: 22px;
  color: #b9b9b9;
  line-height: 63px;
  text-align: center;
}
.garage-content__tab-container .garage-content__tab__item.active {
  background-color: #fff;
  border-color: #ff5d16;
  border-bottom-color: #fff;
  color: #ff5d16;
}
.garage-content__tab-container .tab-content__info-text {
  margin: -3px 4px 17px;
  padding: 0;
  color: #a4a4a4;
  text-align: right;
}
.garage-content__tab-container .garage-content__tab-menu.sticky {
  position: fixed;
  top: 0;
  width: 1260px;
  z-index: 3;
  background: #fff;
}
.garage-content__tab-container .garage-content__tab-menu.sticky .garage-content__menu-info {
  display: block;
  width: 1470px;
}
.garage-content__tab-container .garage-content__menu-tab {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.garage-content__tab-container .garage-content__menu-tab .garage-content__tab-link {
  display: table-cell;
  height: 63px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  border-bottom-color: #ff5d16;
  background-color: #f9f9f9;
  font-size: 22px;
  color: #b9b9b9;
  line-height: 63px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.garage-content__tab-container .garage-content__menu-tab .garage-content__tab-link.active {
  background-color: #fff;
  border-color: #ff5d16;
  border-bottom-color: #fff;
  color: #ff5d16;
}
.garage-content__tab-container .garage-content__tab-section {
  margin-top: 70px;
  padding-bottom: 70px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__head-title {
  font-size: 25px;
  color: #222;
  font-weight: 600;
  padding: 0;
  margin: 0 0 50px 25px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__head-subtitle {
  font-size: 20px;
  color: #222;
  font-weight: 400;
  padding: 0;
  margin: 0 0 15px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 60px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content-col2--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 60px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input {
  width: 410px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__head-row {
  color: #000;
  width: 55px;
  font-size: 18px;
  line-height: 46px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 0 5px;
  color: #444;
  font-size: 14px;
  line-height: 19px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box {
  z-index: 1;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box.flat-tooltip {
  width: 470px !important;
  margin-left: -256px !important;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box.flat-tooltip .arrow {
  left: 53%;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box.inch-tooltip {
  width: 470px !important;
  margin-left: -360px !important;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box.inch-tooltip .arrow {
  left: 74%;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .tire-info-input__col .garage-content__tooltip .garage-content__tooltip-box .tooltip-box__text {
  text-align: left;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .input-text {
  display: inline-block;
  width: 100%;
  height: 46px;
  padding: 0 17px;
  border: 1px solid #efefef;
  background: #fff;
  font-size: 18px;
  color: #000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .form-box__list-data .input-text + .input-text {
  margin-left: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .tire-foot-btn {
  margin-left: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .tire-foot-btn .garage-content__btn {
  font-size: 16px;
  color: #111;
  margin-top: 30px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .tire-foot-btn .garage-content__btn.btn_refresh {
  background: #f0f0f0;
  margin-right: 10px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-info-input .tire-foot-btn .garage-content__btn.btn_save {
  background: #ffc23c;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount {
  position: relative;
  padding: 0 240px;
  width: 225px;
  height: 320px;
  background: url("../../assets/images/garage/car_image.png") no-repeat center top;
  background-size: 240px 320px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item {
  position: absolute;
  width: 240px;
  height: 100px;
  list-style: none;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: 4px 0 12px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 0 12px rgba(0, 0, 0, 0.1);
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item.item--top {
  top: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item.item--right {
  right: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item.item--bottom {
  bottom: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item.item--left {
  left: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text {
  position: relative;
  padding: 15px 0 15px 80px;
  overflow: hidden;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  background: #f5f5f5;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text.no-data:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 60px;
  right: 0;
  height: 100%;
  background: #000;
  opacity: 0.8;
  border-radius: 0 6px 6px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .tire-mount-list__item-head {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60px;
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: -19px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .tire-mount-list__item-kind {
  color: #333;
  line-height: 1.7;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .tire-mount-list__item-block {
  display: block;
  color: #333;
  line-height: 1.7;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .icon-edit {
  position: absolute;
  right: 15px;
  bottom: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .icon-reg {
  position: absolute;
  top: 0;
  left: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 1;
  padding-top: 15px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-tire__mount .tire-mount-list__item .tire-mount-list__item-text .icon-reg span {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item {
  width: 355px;
  margin: 30px 0 0 80px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__head-subtitle {
  display: inline-block;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-content__tooltip {
  margin-bottom: 8px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 15px 30px;
  height: 210px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group {
  height: 145px;
  margin-right: -15px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #e8e8e8;
  border-radius: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  top: 1px;
  width: 6px;
  background-color: #c2c2c2;
  border-radius: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history {
  padding: 0;
  margin: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history__item {
  position: relative;
  list-style: none;
  line-height: 1.5;
  padding: 5px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history__item-des {
  font-size: 13px;
  color: #888;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history__item-des span {
  color: #333;
  padding-left: 5px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history__item-detail {
  font-size: 14px;
  color: #111;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .garage-price__condition-group .tire-history__item--edit {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 24px;
  border-radius: 2px;
  background-color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: center;
  margin-top: -12px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .tire-foot-btn .garage-content__btn {
  font-size: 16px;
  color: #111;
  margin-top: 20px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .garage-article-item .garage-article__content .tire-foot-btn .garage-content__btn.btn_save {
  width: 100%;
  background: #ffc23c;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1140px;
  margin: 0 auto;
  padding: 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item {
  position: relative;
  width: 235px;
  height: 70px;
  padding: 25px 15px 25px 100px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.25;
  color: #333;
  list-style: none;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  background: url("../../assets/images/garage/icon_tire_notification.png") no-repeat;
  background-size: auto 70px;
  overflow: hidden;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item.item-winter:before {
  background-position: 0 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item.item-summer:before {
  background-position: -70px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item.item-position:before {
  background-position: -140px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item.item-inspection:before {
  background-position: -210px 0;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item .tire-noti-list__item-category {
  display: block;
  font-size: 13px;
  color: #666;
  margin-bottom: 7px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-list__item .tire-noti-list__item-date {
  position: absolute;
  top: 25px;
  right: 15px;
  font-size: 12px;
  color: #999;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-foot {
  text-align: center;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-foot .tire-description-text {
  display: inline-block;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-no-data {
  position: relative;
  text-align: center;
  padding-top: 80px;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-no-data .tire-noti-no-data__block {
  font-size: 15px;
  color: #999;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-noti-no-data:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background: url("../../assets/images/garage/icon_nodata.png") no-repeat;
  background-size: auto 60px;
  overflow: hidden;
}
.garage-content__tab-container .garage-content__tab-section .garage-article__content .tire-description-text {
  font-size: 14px;
  color: #888;
  line-height: 1.57;
  padding-left: 15px;
  background: url("../../assets/images/garage/icon_alert_s.png") no-repeat 0 4px;
}

.garage-content__btn-box {
  margin-top: 50px;
  text-align: center;
}
.garage-content__btn-box .garage-content__btn {
  width: 175px;
  height: 62px;
  margin: 0 3px;
  font-size: 20px;
}

.garage-content__section {
  margin-top: 74px;
}

.garage-content__section-head {
  margin: 0 3px 26px;
  padding: 0;
  font-size: 26px;
  line-height: 30px;
}
.garage-content__section-head .garage-content__section-head__info {
  float: right;
  font-size: 14px;
}
.garage-content__section-head .garage-content__section-head__info .section-head__info-text {
  margin-right: 15px;
  font-weight: 400;
  color: #8f8f8f;
}

.garage-content__history-box {
  margin: -5px;
  padding: 0;
  list-style: none;
}
.garage-content__history-box:after {
  display: block;
  content: "";
  clear: both;
}
.garage-content__history-box .history-box__item {
  position: relative;
  float: left;
  width: 290px;
  height: 108px;
  margin: 5px;
  padding: 0;
  border: 1px solid #ededed;
}
.garage-content__history-box .history-box__item-title {
  display: block;
  padding: 25px 23px 0;
  margin-bottom: 4px;
  font-size: 20px;
}
.garage-content__history-box .history-box__item-data {
  padding-left: 25px;
  font-size: 16px;
  font-style: normal;
}
.garage-content__history-box .history-box__item-data.data-no {
  color: #8f8f8f;
}
.garage-content__history-box .history-box__item-data.data-num {
  color: #ff5d16;
}
.garage-content__history-box .history-box__item-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background-color: #f5f4f3;
  border-radius: 50%;
  line-height: 56px;
  text-align: center;
}
.garage-content__history-box .history-box__item-icon .icon-image {
  vertical-align: middle;
}
.garage-content__history-box .history-box__item-icon .icon-history-total {
  margin-left: 7px;
}

/* Checkbox */
.garage-content__checkbox input {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.garage-content__checkbox label {
  display: inline-block;
  color: #8f8f8f;
  cursor: pointer;
}
.garage-content__checkbox label:before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 9px;
  border: 1px solid #d7d7d7;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 2px;
  vertical-align: middle;
}
.garage-content__checkbox label.checkbox-label-emphasize {
  font-weight: bold;
}
.garage-content__checkbox input:checked + label {
  color: #000;
}
.garage-content__checkbox input:checked + label:before {
  content: "";
  border-color: #ff5d16;
  background-image: url("../../assets/images/garage/icon_check_mark_active.png");
}
.garage-content__checkbox.garage-content__checkbox--more {
  position: relative;
}
.garage-content__checkbox.garage-content__checkbox--last {
  margin-top: 20px;
  margin-bottom: 0 !important;
}
.garage-content__checkbox .garage-content__checkbox-arrow {
  position: absolute;
  top: 50%;
  right: -2px;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: -10px;
}
.garage-content__checkbox .garage-content__checkbox-arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  display: block;
  margin-top: -6px;
  margin-left: -6px;
  border-top: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

/* Formbox */
.formbox-list {
  margin: 0;
  padding: 0;
}
.formbox-list + .formbox-list {
  margin-top: 26px;
}

.formbox-list__title {
  margin: 0 4px 8px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}
.formbox-list__title .formbox-list__title-sub {
  font-size: 12px;
  color: #a4a4a4;
}

.formbox-list__data {
  margin: 0;
  padding: 0;
}

/* Table */
.table th {
  background-color: #f7f7fd;
  border-width: 1px 0 1px 0;
  color: #8f8f8f;
}
.table td {
  color: #000;
}

.table--garage-info th {
  padding: 27px 7px 27px 20px;
  text-align: left;
}
.table--garage-info td {
  border-width: 1px 0 1px 0;
}

.table--garage-form td {
  padding: 13px 17px;
  text-align: left;
}
.table--garage-form .garage-content__select-block {
  display: inline-block;
}
.table--garage-form .garage-content__select-block,
.table--garage-form .garage-content__input,
.table--garage-form .form-text {
  margin: 0 3px;
}

.table--garage-data td {
  padding: 25px 20px 26px 40px;
}
.table--garage-data .garage-content__tbl-image {
  margin: 2px -5px 0;
  padding: 0;
  list-style: none;
}
.table--garage-data .garage-content__tbl-image:after {
  display: block;
  content: "";
  clear: both;
}
.table--garage-data .garage-content__tbl-image li[class*=tbl-image__item] {
  float: left;
  margin: 5px;
  padding: 0;
}
.table--garage-data .garage-content__tbl-image .tbl-image__item-car {
  width: 142px;
  height: 107px;
}
.table--garage-data .garage-content__tbl-image .tbl-image__item-test {
  width: 140px;
  height: 206px;
  border: 1px solid #efefef;
}
.table--garage-data .garage-content__tbl-image .tbl-image__item-car-image,
.table--garage-data .garage-content__tbl-image .tbl-image__item-test-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.table--garage-list thead th {
  background-color: #f7f7fd;
}
.table--garage-list thead th + th {
  border-width: 1px 0 1px 1px;
}
.table--garage-list th,
.table--garage-list td {
  padding: 11px;
}
.table--garage-list td {
  border-width: 1px 0 1px 0;
}
.table--garage-list td + td {
  border-width: 1px 0 1px 1px;
}

.table--detail-info th,
.table--detail-info td {
  padding-left: 20px;
  padding-right: 3px;
}
.table--detail-info thead th {
  padding: 17px;
  border-width: 0;
  font-size: 18px;
  text-align: center;
}
.table--detail-info th.table-text__date {
  padding-top: 33px;
  background-color: #fff;
  font-weight: 700;
  color: #3149b4;
}
.table--detail-info th.table-text__title {
  color: #fff;
}
.table--detail-info th.bg-color__type1 {
  background-color: #7d766b;
}
.table--detail-info th.bg-color__type2 {
  background-color: #979189;
}
.table--detail-info .table-text__num {
  color: #ff5d16;
}
.table--detail-info .table-text__sum {
  margin: 3px 0 0 0;
  padding: 0;
  line-height: 1.7;
  list-style: none;
}
.table--detail-info .table-text__sum li {
  margin: 0;
  padding: 0;
}
.table--detail-info .table-text__sum li:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 1px;
  margin-right: 5px;
  background-color: #000;
  vertical-align: middle;
}

/* Tooltip */
.garage-content__tooltip {
  position: relative;
  display: inline-block;
  margin-left: 3px;
  line-height: 0;
  vertical-align: middle;
}
.garage-content__tooltip.tooltip-open .garage-content__tooltip-box {
  display: block;
}

.garage-content__tooltip-box {
  position: absolute;
  display: none;
  top: 32px;
  min-width: 225px;
  padding: 12px 14px;
  border: 1px solid #60584c;
  background-color: #f9fcff;
  -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  line-height: 1.42;
  text-align: center;
  color: #60584c;
  white-space: nowrap;
  z-index: 5;
}
.garage-content__tooltip-box .arrow {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background-color: #f9fcff;
  -webkit-box-shadow: -1px -1px 0 #60584c;
          box-shadow: -1px -1px 0 #60584c;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.garage-content__tooltip-box .tooltip-box__text-info {
  margin: 11px 0 0;
  padding: 0;
}
.garage-content__tooltip-box .tooltip-box__text-info .text-info__list {
  display: block;
}

/* Dialog */
.mfp-bg {
  z-index: 45 !important;
}

.mfp-wrap {
  z-index: 46 !important;
}

.popup-dialog--garage {
  background-color: #fff;
  /* 2021.07.21 추가 */
}
.popup-dialog--garage .dialog-garage__top {
  padding: 32px 0 25px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__head {
  margin: 0;
  padding: 0;
  color: #8d744a;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.popup-dialog--garage .dialog-garage__content {
  padding: 0 30px 30px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc {
  text-align: center;
  margin-bottom: 27px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-name {
  margin: 0 0 6px 0;
  padding: 0;
  font-size: 24px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-maker {
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-model {
  display: block;
  margin-top: 3px;
  color: #9a9ea5;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-date {
  color: #8f8f8f;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-text {
  color: #8f8f8f;
  letter-spacing: -1px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-check {
  font-size: 20px;
  color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-drive {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
}
.popup-dialog--garage .dialog-garage__content .dialog-garage__desc-drive strong {
  color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__content .garage-search-number {
  margin: 45px 0 55px;
}
.popup-dialog--garage .dialog-garage__content .table-title {
  margin-left: 4px;
  margin-bottom: 8px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.popup-dialog--garage .dialog-garage__tax-info {
  margin: 0 -15px;
}
.popup-dialog--garage .dialog-garage__tax-info .tax-info__table-group + .tax-info__table-group {
  margin-top: 41px;
}
.popup-dialog--garage .dialog-garage__tax-info .tax-info__table-left {
  float: left;
  width: 45.7%;
  margin: 0 15px 15px;
}
.popup-dialog--garage .dialog-garage__tax-info .tax-info__table-right {
  float: right;
  width: 45.7%;
  margin: 0 15px 15px;
}
.popup-dialog--garage .dialog-garage__tax-info .table--garage-list + .table--garage-list {
  margin-top: 60px;
}
.popup-dialog--garage .dialog-garage__tax-info .table--detail-info .dialog-descbox {
  margin: 4px 0;
}
.popup-dialog--garage .dialog-garage__tax-info .table--detail-info .tax-info__text {
  display: block;
  margin: 4px 0;
}
.popup-dialog--garage .dialog-garage__tax-info .table--detail-info .tax-info__text:before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../assets/images/garage/icon_info_mark.png") no-repeat 0 0;
}
.popup-dialog--garage .dialog-garage__tax-info .dialog-descbox {
  margin-left: 20px;
  clear: both;
}
.popup-dialog--garage .dialog-garage__tax-info .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 3px;
}
.popup-dialog--garage .dialog-garage__tax-gate .tax-gate__group {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__tax-gate .tax-gate__item {
  display: inline-block;
  width: 49.5%;
  margin: 0;
  padding: 0;
}
.popup-dialog--garage .dialog-garage__tax-gate .tax-gate__item + .tax-gate__item {
  border-left: 1px solid #ededed;
}
.popup-dialog--garage .dialog-garage__tax-gate .tax-gate__item-logo {
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #f5f4f3;
  line-height: 72px;
}
.popup-dialog--garage .dialog-garage__tax-gate .tax-gate__item-text {
  display: block;
  margin: 8px 0 23px;
  font-size: 20px;
}
.popup-dialog--garage .dialog-garage__tax-gate .garage-content__link:hover, .popup-dialog--garage .dialog-garage__tax-gate .garage-content__link:focus {
  text-decoration: none;
}
.popup-dialog--garage .dialog-garage__penalty-info .dialog-descbox {
  margin: 0;
}
.popup-dialog--garage .dialog-garage__penalty-info .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 3px;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list {
  position: relative;
  width: 100%;
  margin-bottom: 8px;
  font-size: 0;
  white-space: nowrap;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__slide {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-pagination {
  font-size: 12px;
  color: #b0b0b0;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-pagination .swiper-pagination-current {
  color: #000;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-prev,
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-next {
  position: absolute;
  bottom: 2px;
  width: 5px;
  height: 10px;
  border: 0;
  background: transparent;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-prev:after,
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-next:after {
  position: absolute;
  top: 2px;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #4a4a4a;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-prev {
  left: 50%;
  margin-left: -30px;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-prev:after {
  left: 2px;
  border-left: 1px solid #4a4a4a;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-next {
  right: 50%;
  margin-right: -30px;
}
.popup-dialog--garage .dialog-garage__penalty-view .dialog-garage__penalty-swiper .penalty-swiper__list-next:after {
  right: 2px;
  border-right: 1px solid #4a4a4a;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup-dialog--garage .dialog-garage__penalty-view .table-title {
  display: block;
}
.popup-dialog--garage .dialog-garage__penalty-view .text-num {
  font-weight: 700;
  font-style: normal;
  color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__penalty-view .no-data {
  border-width: 1px 0 1px 0;
  background-color: #f7f7fd;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__penalty-table {
  margin-top: 22px;
  margin-bottom: 27px;
}
.popup-dialog--garage .dialog-garage__penalty-help .dialog-descbox {
  margin: 0;
}
.popup-dialog--garage .dialog-garage__penalty-help .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 3px;
}
.popup-dialog--garage .dialog-garage__penalty-help .dialog-info__text {
  margin-top: 13px;
  margin-bottom: 19px;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info {
  margin-bottom: 16px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-detail {
  font-size: 0;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-detail .info-detail__text {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  font-weight: 500;
  color: #000;
  vertical-align: top;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-detail .info-detail__text strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-detail .info-detail__text-size {
  border-bottom: 1px solid #979797;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-detail .info-detail__text-desc {
  position: absolute;
  left: 50%;
  bottom: -19px;
  font-size: 12px;
  font-weight: 400;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-line {
  position: relative;
  display: block;
  width: 1px;
  height: 35px;
  margin: 21px auto -11px;
  background-color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-line:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -4px;
  border-radius: 50%;
  background-color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__tire-size .tire-size__info-img {
  display: inline-block;
  width: 212px;
  height: 83px;
  background: url("../../assets/images/garage/bg_tire_size.png") no-repeat 0 0;
  text-indent: -9999em;
}
.popup-dialog--garage .dialog-garage__tire-size .dialog-formbox {
  padding-bottom: 26px;
}
.popup-dialog--garage .dialog-garage__tire-size .dialog-info__text {
  margin-bottom: 12px;
}
.popup-dialog--garage .dialog-garage__term-setting .dialog-formbox {
  padding-bottom: 26px;
}
.popup-dialog--garage .dialog-garage__term-setting .formbox-list.parts-eco .input-unit__text {
  color: #8f8f8f;
}
.popup-dialog--garage .dialog-garage__term-setting.active .input-unit__text {
  color: #000;
}
.popup-dialog--garage .dialog-garage__term-setting .formbox-list__data {
  position: relative;
}
.popup-dialog--garage .dialog-garage__term-setting .formbox-list__data .garage-content__checkbox {
  position: absolute;
  top: -29px;
  right: 0;
}
.popup-dialog--garage .dialog-garage__term-setting .formbox-list__data .garage-content__checkbox label {
  font-size: 13px;
}
.popup-dialog--garage .dialog-garage__term-setting .formbox-list__data .garage-content__input[class*=input-unit-] input:disabled + .input-unit__text {
  color: #8f8f8f;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-formbox {
  padding-bottom: 12px;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-infobox {
  padding-top: 0;
  border: 0;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox {
  margin-top: 33px;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__title {
  margin: 0 4px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__group {
  margin-top: 10px;
  padding: 6px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list {
  margin: 9px 0 9px 7px;
  padding: 0;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list:after {
  display: block;
  content: "";
  clear: both;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list dt,
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list dd {
  float: left;
  margin: 0;
  padding: 0;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-date {
  color: #8f8f8f;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-type .type-box {
  display: inline-block;
  margin: 0 30px;
  border: 1px solid #445abb;
  border-radius: 10px;
  width: 75px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-type .type-box.type-default {
  background-color: #445abb;
  color: #fff;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-type .type-box.type-direct {
  background-color: #fff;
  color: #445abb;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-distance {
  width: 85px;
  font-weight: 700;
  text-align: right;
}
.popup-dialog--garage .dialog-garage__drive-write .dialog-drivebox__list-btn .list-btn__delete {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  padding: 0;
  border: 0;
  background: url("../../assets/images/garage/btn_list_delete.png") no-repeat 0 0;
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__name {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__name-maker {
  display: block;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 400;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__name-model {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  font-weight: 400;
  color: #9a9ea5;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size {
  position: relative;
  margin: 50px 0;
  height: 102px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size:after {
  display: block;
  content: "";
  clear: both;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-unit {
  position: absolute;
  top: -38px;
  right: 10px;
  font-size: 11px;
  color: #838383;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-front {
  float: left;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-side {
  float: right;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-img {
  display: block;
  height: 69px;
  background: url("../../assets/images/garage/bg_motor_info.png") no-repeat;
  background-position-y: -10px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-img.front {
  width: 100px;
  background-position-x: -10px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-img.side {
  width: 220px;
  background-position-x: -120px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text {
  position: absolute;
  height: 8px;
  border: 1px solid #999;
  border-top-width: 0;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-height {
  top: 0;
  left: 108px;
  width: 8px;
  height: 69px;
  border-width: 1px 1px 1px 0;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-height .motor-info__size-num {
  position: absolute;
  right: -4px;
  bottom: 24px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-front__in {
  left: 13px;
  bottom: 20px;
  width: 74px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-front__out {
  left: 7px;
  bottom: 0;
  width: 86px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-side__in {
  right: 44px;
  bottom: 20px;
  width: 130px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-text.size-side__out {
  right: 0;
  bottom: 0;
  width: 220px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-info__size-num {
  display: inline-block;
  margin-top: -28px;
  font-size: 11px;
  font-style: normal;
  color: #999;
  vertical-align: middle;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-deal__group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-deal__item {
  margin: 0;
  padding: 0;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-deal__item + .motor-deal__item {
  margin-top: 10px;
}
.popup-dialog--garage .dialog-garage__motor-info .motor-deal__item-title {
  font-weight: 400;
}
.popup-dialog--garage .dialog-garage__history {
  margin: 30px 0 0;
}
.popup-dialog--garage .dialog-garage__history-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 3px 17px;
  padding: 0;
}
.popup-dialog--garage .dialog-garage__history-title .history-title__text {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #a4a4a4;
}
.popup-dialog--garage .dialog-garage__history-title .history-title__text-number {
  font-style: normal;
  color: #3149b4;
}
.popup-dialog--garage .dialog-garage__history-box {
  margin-bottom: 34px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}
.popup-dialog--garage .dialog-garage__history-box .history-box__case {
  height: 80px;
  margin: 0;
  padding: 0;
  background-color: #f5f4f3;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-garage__thumb {
  padding-top: 0;
  padding-bottom: 0;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-garage__thumb .dialog-garage__desc-date {
  margin: 0;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-garage__thumb-box {
  width: 120px;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-infobox {
  padding-top: 17px;
  border-top: 0;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-infobox + .dialog-infobox {
  margin-top: 17px;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-infobox .dialog-descbox {
  margin-top: 15px;
  margin-bottom: 15px;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-infobox .dialog-descbox__list:before {
  top: 6px;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-descbox {
  margin-top: 25px;
}
.popup-dialog--garage .dialog-garage__history-box .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 4px;
}
.popup-dialog--garage .dialog-garage__history-box + .dialog-garage__history-box {
  margin-top: -17px;
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: 0;
}
.popup-dialog--garage .dialog-garage__history-spec {
  margin: 0 -20px;
}
.popup-dialog--garage .dialog-garage__history-spec:after {
  display: block;
  content: "";
  clear: both;
}
.popup-dialog--garage .dialog-garage__history-spec .table--detail-info {
  float: left;
  width: 45.7%;
  margin: 0 20px;
}
.popup-dialog--garage .dialog-garage__option {
  margin: 35px 0;
}
.popup-dialog--garage .dialog-garage__option-title {
  height: 60px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f7f7fd;
  font-size: 18px;
  font-weight: 700;
  line-height: 58px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__option-title em {
  font-style: normal;
  color: #ff5d16;
}
.popup-dialog--garage .dialog-garage__option-box {
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
  list-style: none;
}
.popup-dialog--garage .dialog-garage__option-box:after {
  display: block;
  content: "";
  clear: both;
}
.popup-dialog--garage .dialog-garage__option-box .option-box__item {
  float: left;
  width: 139px;
  margin: 10px 20px;
  padding: 0;
  color: #000;
}
.popup-dialog--garage .dialog-garage__option-box .option-box__item.disable {
  color: #b9b9b9;
}
.popup-dialog--garage .dialog-garage__option-box + .dialog-garage__option-title {
  margin-top: 50px;
}
.popup-dialog--garage .dialog-garage__thumb {
  padding-top: 55px;
  padding-bottom: 20px;
}
.popup-dialog--garage .dialog-garage__thumb .dialog-garage__desc-date {
  display: inline-block;
  margin-bottom: 10px;
}
.popup-dialog--garage .dialog-garage__thumb .dialog-garage__desc-name {
  margin-bottom: 8px;
}
.popup-dialog--garage .dialog-garage__thumb-box {
  display: block;
  width: 210px;
  margin: 0 auto 15px;
}
.popup-dialog--garage .dialog-garage__thumb-box .thumb-box__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-dialog--garage .dialog-formbox {
  padding: 10px 0 40px;
}
.popup-dialog--garage .dialog-formbox .formbox-list__data + .formbox-list__data {
  margin-top: 10px;
}
.popup-dialog--garage .dialog-formbox .formbox-list__data .garage-content__input + .dialog-garage__btn {
  margin-left: 6px;
}
.popup-dialog--garage .dialog-formbox .select2-container {
  display: block;
}
.popup-dialog--garage .dialog-selectbox {
  margin-top: 15px;
}
.popup-dialog--garage .dialog-selectbox .garage-content__select-block + .garage-content__select-block {
  margin-top: 10px;
}
.popup-dialog--garage .dialog-infobox {
  border-top: 1px solid #e8e8e8;
  padding: 27px 4px 0;
  line-height: 1.5;
}
.popup-dialog--garage .dialog-infobox__title {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 24px;
  font-weight: 700;
}
.popup-dialog--garage .dialog-infobox__title:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../../assets/images/garage/icon_info.png") no-repeat 0 0;
  vertical-align: bottom;
}
.popup-dialog--garage .dialog-infobox__list {
  margin: 0;
  padding: 0 0 0 3px;
  font-size: 12px;
  list-style: none;
}
.popup-dialog--garage .dialog-infobox__list-item {
  position: relative;
  margin: 0;
  padding: 0 0 0 16px;
}
.popup-dialog--garage .dialog-infobox__list-item:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../assets/images/garage/icon_info_mark.png") no-repeat 0 0;
}
.popup-dialog--garage .dialog-infobox__list-item + .dialog-infobox__list-item {
  margin-top: 4px;
}
.popup-dialog--garage .dialog-infobox__list-item strong {
  color: #8d744a;
}
.popup-dialog--garage .dialog-infobox__desc {
  display: block;
  text-align: center;
}
.popup-dialog--garage .dialog-info__text {
  position: relative;
  display: block;
  padding-left: 14px;
}
.popup-dialog--garage .dialog-info__text:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../assets/images/garage/icon_info_mark.png") no-repeat 0 0;
}
.popup-dialog--garage .dialog-info__text.font-small {
  margin-left: 7px;
  font-size: 12px;
  letter-spacing: -1px;
}
.popup-dialog--garage .dialog-servicebox .garage-content__checkbox {
  margin-left: 4px;
  margin-bottom: 20px;
}
.popup-dialog--garage .dialog-servicebox .garage-content__checkbox label:before {
  width: 20px;
  height: 20px;
  background-image: url("../../assets/images/garage/icon_check_mark_default.png");
  border-radius: 50%;
}
.popup-dialog--garage .dialog-servicebox .garage-content__checkbox input:checked + label:before {
  background-image: url("../../assets/images/garage/icon_check_mark_active.png");
  color: #75a3e4;
}
.popup-dialog--garage .dialog-servicebox + .dialog-descbox {
  margin-left: 12px;
  margin-right: 12px;
}
.popup-dialog--garage .dialog-servicebox__desc {
  padding: 12px 19px;
  border: 1px solid #eae9e6;
  line-height: 1.5;
}
.popup-dialog--garage .dialog-servicebox__desc-accent {
  margin-top: 22px;
  color: #3149b4;
}
.popup-dialog--garage .dialog-servicebox__desc-accent:before {
  display: inline-block;
  content: "";
  width: 11px;
  height: 11px;
  background: url("../../assets/images/garage/icon_accent_mark.png") no-repeat 0 0;
}
.popup-dialog--garage .dialog-descbox {
  margin: 25px 4px 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.popup-dialog--garage .dialog-descbox__list {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
}
.popup-dialog--garage .dialog-descbox__list:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  border-left: 4px solid #656565;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  vertical-align: middle;
}
.popup-dialog--garage .dialog-descbox__list.accent:before {
  border-left-color: #ff5d16;
}
.popup-dialog--garage .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 23px;
}
.popup-dialog--garage .dialog-garage__alert {
  padding: 30px 0 5px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__alert-tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.popup-dialog--garage .dialog-garage__alert-desc {
  line-height: 1.4;
}
.popup-dialog--garage .dialog-garage__alert-desc:before {
  display: block;
  content: "";
  width: 51px;
  height: 51px;
  margin: 0 auto 14px;
  background: url("../../assets/images/garage/icon_alert.png") no-repeat 0 0;
}
.popup-dialog--garage .dialog-garage__alert-desc.type2 {
  font-size: 18px;
}
.popup-dialog--garage .dialog-garage__bottom {
  height: 62px;
  font-size: 0;
}
.popup-dialog--garage .dialog-garage__bottom .dialog-garage__btn {
  width: 100%;
  height: 100%;
  border-radius: 0;
  font-size: 20px;
  font-weight: 700;
}
.popup-dialog--garage .dialog-garage__bottom-type2 .dialog-garage__btn {
  width: 50%;
}
.popup-dialog--garage .dialog-garage__bottom-type3 .dialog-garage__btn:first-child {
  width: 40%;
}
.popup-dialog--garage .dialog-garage__bottom-type3 .dialog-garage__btn:last-child {
  width: 60%;
}
.popup-dialog--garage .dialog-garage__btn {
  display: inline-block;
  width: auto;
  min-width: 106px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  color: #fff;
  -webkit-appearance: button;
  cursor: pointer;
}
.popup-dialog--garage .dialog-garage__scroll-container {
  position: relative;
  height: 100%;
  margin: 0 -30px;
}
.popup-dialog--garage .dialog-garage__scroll-container .dialog-garage__scroll-box {
  padding: 0 30px;
}
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_inside > .mCSB_container {
  margin: 0;
}
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools {
  width: 8px;
  right: 7px;
}
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  top: 1px;
  width: 6px;
  background-color: #c2c2c2;
  border-radius: 0;
}
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #828282;
}
.popup-dialog--garage .dialog-garage__scroll-container .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #e8e8e8;
  border-radius: 0;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__chart .chart-head {
  font-size: 16px;
  text-align: center;
  margin: 15px 0;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__chart .garage-content__distance-chart-box {
  position: relative;
  height: 200px;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__chart .garage-content__distance-chart-box .distance-chart-box {
  width: 100%;
  height: 100%;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__chart .garage-content__distance-chart-box .amcharts-chart-div > a {
  display: none !important;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__condition {
  position: relative;
  padding: 24px 50px 22px;
  background: #f5f5f5;
  border-radius: 8px;
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -1px;
  color: #000;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__condition:before, .popup-dialog--garage .dialog-garage__month-distance .month-distance__condition:after {
  position: absolute;
  top: 21px;
  content: "";
  width: 14px;
  height: 13px;
  background: url("../../assets/images/garage/icon_quotation_mark01.png") no-repeat;
  vertical-align: top;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__condition:before {
  background-position: 0 0;
  left: 40px;
}
.popup-dialog--garage .dialog-garage__month-distance .month-distance__condition:after {
  background-position: -14px 0;
  right: 40px;
}
.popup-dialog--garage .dialog-garage__width-me .dialog-garage__bedge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 20px 0;
  margin-top: 30px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.popup-dialog--garage .dialog-garage__width-me .dialog-garage__bedge-item {
  width: 100%;
  text-align: center;
}
.popup-dialog--garage .dialog-garage__width-me .dialog-garage__bedge-item .bedge-item__desc {
  display: block;
  font-size: 20px;
  color: #222;
  font-weight: 600;
}
.popup-dialog--garage .dialog-garage__width-me .dialog-garage__bedge-item .bedge-item__title {
  font-size: 13px;
  color: #666;
}
.popup-dialog--garage .dialog-garage__width-me .dialog-garage__bedge:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  content: "";
  width: 1px;
  height: 50px;
  margin-top: -25px;
  background-color: #f0f0f0;
}
.popup-dialog--garage .dialog-garage__car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__name {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__name .car-view__model {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #9a9ea5;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data {
  overflow: hidden;
  font-size: 13px;
  margin: 15px 0 0 0;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data .data__title {
  float: left;
  width: 60px;
  color: #555;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data .data__desc {
  float: left;
  font-weight: 700;
  margin: 0;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data .data__desc .garage-content__btn-icon {
  margin: -5px 0 0 7px;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data .data__desc .garage-content__btn-icon.garage-content__btn-icon--cmg2 {
  margin: -3px 0 0 3px;
}
.popup-dialog--garage .dialog-garage__car-info .dialog-garage__car-view .car-view__data + .car-view__data {
  margin-top: 5px;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb {
  width: 160px;
  text-align: center;
  margin-left: 20px;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .month-distance__thumb-image {
  width: 160px;
  height: auto;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background: #fff;
  margin-top: -45px;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box__block {
  position: relative;
  display: block;
  padding: 0 14px;
  border: 1px solid #222;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.6;
  font-weight: bold;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box__block:before, .popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box__block:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background: #dadada;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box__block:before {
  left: 5px;
}
.popup-dialog--garage .dialog-garage__car-info .car-view__info-thumb .car-number-box__block:after {
  right: 5px;
}
.popup-dialog--garage .description-list {
  margin: 30px 0 55px;
}
.popup-dialog--garage .description-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 8px 0;
}
.popup-dialog--garage .description-list__info .description-list__title {
  color: #666;
}
.popup-dialog--garage .description-list__info .description-list__title .icon-info--ty2 {
  margin-top: -2px;
}
.popup-dialog--garage .description-list__info .description-list__desc {
  font-size: 15px;
  color: #222;
  font-weight: 600;
}
.popup-dialog--garage .description-list__info .description-list__desc.my-distance__num {
  color: #3149b4;
}
.popup-dialog--garage .description-list__info .description-list__desc.equal-distance__num {
  color: #ff5d16;
}
.popup-dialog--garage .description-list__info .description-list__desc.line-mark {
  position: relative;
  z-index: 0;
}
.popup-dialog--garage .description-list__info .description-list__desc.line-mark:after {
  position: absolute;
  left: 0;
  bottom: 2px;
  content: "";
  width: 100%;
  height: 5px;
  background-color: #ffc23c;
  z-index: -1;
}
.popup-dialog--garage .description-list__info .description-list__desc.pr30 {
  padding-right: 30px;
}
.popup-dialog--garage .description-list__info .description-list__desc .garage-content__btn-icon {
  margin: -5px 6px 0 7px;
}
.popup-dialog--garage .dialog-garage__content--copy {
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 13px;
}
.popup-dialog--garage .dialog-garage__content--confirm {
  margin: 0;
  padding: 0;
  color: #2572f6;
  font-size: 15px;
  text-align: center;
  margin-top: 30px;
}
.popup-dialog--garage .dialog-garage-foot {
  font-size: 16px;
  color: #b3b3b3;
  font-weight: 700;
  margin: 25px 0 30px;
  text-align: center;
}
.popup-dialog--garage .dialog-garage-foot .dialog-garage-foot__logo {
  display: inline-block;
  width: 80px;
  height: 34px;
  margin: 0 0 0 5px;
  text-indent: -9999em;
  overflow: hidden;
  background: url("../../assets/images/garage/foot_logo.png") no-repeat;
  background-size: 80px auto;
  vertical-align: bottom;
}
.popup-dialog--garage .dialog-garage__tire-position .tire-position_list {
  padding: 0;
}
.popup-dialog--garage .dialog-garage__tire-position .tire-position_list-item {
  border: 1px solid #efefef;
  padding: 12px 0 12px 20px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #666;
  list-style: none;
}
.popup-dialog--garage .dialog-garage__tire-position .tire-position_list-item label strong {
  color: #000;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox {
  padding: 0;
  margin: 25px 0 0 0;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .select2-container {
  display: block;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .register-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .register-list__title {
  font-size: 15px;
  color: #666;
  width: 140px;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .register-list__data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .register-list__data input {
  text-align: left;
}
.popup-dialog--garage .dialog-garage__register-tire .register-formbox .register-list__data input.disabled {
  background: #f5f5f5;
}
.popup-dialog--garage .dialog-garage__register-tire .tire-register_list {
  padding: 0;
  margin: 25px 0 0 0;
}
.popup-dialog--garage .dialog-garage__register-tire .tire-register_list-item {
  list-style: none;
  margin-top: 15px;
}
.popup-dialog--garage .dialog-garage__register-tire .tire-register_list-item label strong {
  color: #000;
}
.popup-dialog--garage .inp-ch,
.popup-dialog--garage .inp-rd {
  vertical-align: middle;
}
.popup-dialog--garage .inp-ch input,
.popup-dialog--garage .inp-rd input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.popup-dialog--garage .inp-ch input:checked + label:before,
.popup-dialog--garage .inp-rd input:checked + label:before {
  background-position: -100px 0;
}
.popup-dialog--garage .inp-ch label,
.popup-dialog--garage .inp-rd label {
  display: block;
  cursor: pointer;
}
.popup-dialog--garage .inp-ch label:before,
.popup-dialog--garage .inp-rd label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(../../assets/images/garage/form_icon.png) no-repeat;
}
.popup-dialog--garage .inp-ch label:before {
  background-position: -60px top;
}
.popup-dialog--garage .inp-ch input:checked + label:before {
  background-position: -40px 0;
}
.popup-dialog--garage .inp-rd label:before {
  background-position: -120px top;
}
.popup-dialog--garage .inp-rd input:checked + label:before {
  background-position: -100px 0;
}

/* popup width height */
#popup-tax-info .popup-dialog--garage {
  width: 965px;
}
#popup-tax-info .dialog-garage__content {
  height: 530px;
}

#popup-tax-gate .popup-dialog--garage {
  width: 425px;
}

#popup-penalty-info .popup-dialog--garage {
  width: 425px;
}

#popup-penalty-view .popup-dialog--garage {
  width: 425px;
}
#popup-penalty-view .dialog-garage__content {
  height: 430px;
}

#popup-penalty-help .popup-dialog--garage {
  width: 425px;
}
#popup-penalty-help .dialog-garage__content {
  height: 460px;
}

#popup-tire-size .popup-dialog--garage {
  width: 425px;
}

#popup-term-setting .popup-dialog--garage {
  width: 383px;
}

#popup-insure-info .popup-dialog--garage {
  width: 380px;
}

#popup-loan-request .popup-dialog--garage {
  width: 504px;
}
#popup-loan-request .dialog-garage__content {
  height: 472px;
}

#popup-history-search .popup-dialog--garage {
  width: 956px;
}
#popup-history-search .dialog-garage__content {
  height: 542px;
}

#popup-drive-write .popup-dialog--garage {
  width: 383px;
}
#popup-drive-write .dialog-garage__content {
  height: 460px;
}

#popup-motor-info .popup-dialog--garage {
  width: 425px;
}
#popup-motor-info .dialog-garage__content {
  height: 460px;
}

#popup-car-option .popup-dialog--garage {
  width: 956px;
}
#popup-car-option .dialog-garage__content {
  height: 530px;
}

#popup-number-regist .popup-dialog--garage {
  width: 383px;
}

#popup-maker-model .popup-dialog--garage {
  width: 383px;
}

#popup-regist-check .popup-dialog--garage {
  width: 383px;
}

#popup-alert-box .popup-dialog--garage {
  width: 383px;
}

/* 2021.07.21 추가 */
#popup-month-distance .popup-dialog--garage {
  width: 425px;
}
#popup-month-distance .dialog-garage__content {
  height: 530px;
}

#popup-with-me .popup-dialog--garage {
  width: 425px;
}

#popup-confirm-car .popup-dialog--garage {
  width: 425px;
}

#popup-tire-position .popup-dialog--garage {
  width: 380px;
}

#popup-tire-edit .popup-dialog--garage {
  width: 380px;
}

#popup-tire-del .popup-dialog--garage {
  width: 380px;
}

#popup-register-tire .popup-dialog--garage {
  width: 420px;
}

/* width */
.w-105 {
  width: 105px !important;
}

.w-115 {
  width: 115px !important;
}

.w-158 {
  width: 158px !important;
}

.w-205 {
  width: 205px !important;
}

.w-325 {
  width: 325px !important;
}

/* Color */
.title-text__number {
  color: #3149b4;
}

.btn-gray {
  background-color: #d4d2cf;
}

.btn-brown {
  background-color: #60584c;
}

.btn-orange {
  background-color: #ff5d16;
}

.btn-white {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #8e8e8e;
}

/* 2021.07.19 추가 */
.garage-landing__hero {
  background-color: #ece7e3;
  overflow: hidden;
}

.garage-landing__hero-container {
  min-height: 360px;
  background: url("../../assets/images/garage/visual_landing.jpg") top center/auto 360px no-repeat;
}
.garage-landing__hero-container .garage-text__block {
  display: block;
  margin: 2px 0;
  font-size: 40px;
  color: #222;
}
.garage-landing__hero-container .garage-text__small {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  color: #818181;
}
.garage-landing__hero-container .garage-content__link {
  position: absolute;
  bottom: 40px;
  left: 60px;
  display: inline-block;
  padding: 0 60px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  color: #f7ae1d;
  background: #453d33;
  border: none;
  -webkit-transition: background-color ease-in 0.2s;
  transition: background-color ease-in 0.2s;
  white-space: nowrap;
}
.garage-landing__hero-container .garage-content__link:hover, .garage-landing__hero-container .garage-content__link:focus {
  background: #302b24;
}

.garage-content__sns {
  margin-top: 120px;
}
.garage-content__sns-head {
  margin: 0 0 60px;
  padding: 0;
  font-size: 28px;
  color: #000;
  text-align: center;
}
.garage-content__sns-link {
  text-align: center;
}
.garage-content__sns-link a {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: none;
  margin: 0 15px;
  text-align: center;
  line-height: 92px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f4f3ef;
  -webkit-transition: background-color ease-in 0.2s;
  transition: background-color ease-in 0.2s;
}
.garage-content__sns-link a:hover, .garage-content__sns-link a:focus {
  background-color: #ebeae6;
}

.garage-content__reginfo {
  margin-top: 90px;
}
.garage-content__reginfo .reginfo-img--title {
  margin: 120px 0;
  text-align: center;
}
.garage-content__reginfo .reginfo-item {
  position: relative;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  border-radius: 18px;
  padding: 60px 65px 30px;
  margin-bottom: 60px;
  border: 5px solid #453d33;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transition-name: opacity transform;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.garage-content__reginfo .reginfo-item .reginfo-img {
  margin-top: 30px;
  text-align: center;
}
.garage-content__reginfo .reginfo-item.ui-in {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.garage-content__reginfo .reginfo-item dl {
  margin: 0;
}
.garage-content__reginfo .reginfo-item dl dt {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: -0.9px;
}
.garage-content__reginfo .reginfo-item dl dd {
  font-size: 20px;
  margin: 0;
  letter-spacing: -0.2px;
}

.garage-content__info-view .info-view__name-emblem {
  display: block;
  height: 45px;
}
.garage-content__info-view .info-view__name-emblem img {
  height: 100%;
}
.garage-content__info-view .info-view__name-spec .name-spec__item .data-item__num {
  color: #ff5d16;
  font-weight: 700;
}
.garage-content__info-view .info-view__name-spec .name-spec__item .garage-content__btn-icon {
  margin-top: -8px;
  margin-left: 5px;
}
.garage-content__info-view .info-view__data-link {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.garage-content__info-view .info-view__data-link + .info-view__data-link:before,
.garage-content__info-view .info-view__data-link + .info-view__data-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 17px;
  margin: -12px 13px 0;
  background-color: #d9dedf;
  vertical-align: middle;
}
.garage-content__info-view .info-view__data-link .info-view__data-item {
  border-bottom: 1px solid #000;
}
.garage-content__info-view .info-view__data-link:after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -12px;
  margin-left: 4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}

.garage-content__no-data {
  background: #fff;
  border-radius: 10px;
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.garage-content__no-data .no-data__desc {
  font-size: 13px;
  margin-top: 15px;
}

.reg-alarm {
  display: block;
  text-align: right;
  font-size: 12px;
  color: #ff5d16;
  margin-top: 5px;
}

.a11y {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  font-size: xx-small;
  color: transparent;
  overflow: hidden;
  text-indent: -99px;
}

.regist-area {
  width: 325px;
  padding: 35px 0 10px;
  margin: 0;
  overflow: hidden;
}
.regist-area__track {
  font-size: 0;
  white-space: nowrap;
}
.regist-area__panel {
  display: none;
  width: 325px;
  vertical-align: top;
}
.regist-area__panel.active {
  display: inline-block;
}
.regist-area__tit {
  margin: 0 0 25px;
  font-size: 28px;
  color: #111;
  font-weight: bold;
}
.regist-area__desc {
  margin: 0 0 25px;
  font-size: 18px;
}
.regist-area__desc-end {
  margin: 70px 0 0;
  color: #666;
  font-size: 16px;
}
.regist-area__cont {
  max-height: calc(100vh - 400px);
  overflow-y: auto;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}

.select-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.select-list > li {
  margin: 10px 0 0;
}
.select-list > li:first-child {
  margin-top: 0;
}
.select-list > li .garage-content__select-block {
  width: 100%;
}
.select-list > li .garage-content__select-block .select2 {
  width: 100%;
  text-align: left;
}

.ico-flag {
  display: inline-block;
  width: 28px;
  height: 21px;
  background: url("../../assets/images/garage/sp_img_flag.jpg") 0 0/28px auto no-repeat;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}
.ico-flag[data-country="1"] {
  background-position-y: -21px;
}
.ico-flag[data-country="2"] {
  background-position-y: -42px;
}
.ico-flag[data-country="3"] {
  background-position-y: -63px;
}
.ico-flag[data-country="6"] {
  background-position-y: -84px;
}
.ico-flag[data-country="7"] {
  background-position-y: -105px;
}
.ico-flag[data-country=J] {
  background-position-y: -126px;
}
.ico-flag[data-country=K] {
  background-position-y: -147px;
}
.ico-flag[data-country=L] {
  background-position-y: -168px;
}
.ico-flag[data-country=M] {
  background-position-y: -189px;
}
.ico-flag[data-country=S] {
  background-position-y: -210px;
}
.ico-flag[data-country=V] {
  background-position-y: -231px;
}
.ico-flag[data-country=W] {
  background-position-y: -252px;
}
.ico-flag[data-country=Y] {
  background-position-y: -273px;
}
.ico-flag[data-country=Z] {
  background-position-y: -294px;
}
.ico-flag[data-country="4"] {
  background-position-y: -21px;
}
.ico-flag[data-country="5"] {
  background-position-y: -21px;
}

.step-last .regist-car {
  position: relative;
  height: 195px;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.step-last .regist-car__img {
  position: absolute;
  top: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  width: 188px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.step-last .regist-car__img img {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-animation: none;
          animation: none;
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.step-last .regist-car__img .carnum-area {
  bottom: 10px;
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.step-last .regist-car__name-area {
  position: absolute;
  left: 0;
  top: 125px;
  width: 100%;
  height: 60px;
  margin: 0;
  text-align: left;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.step-last .regist-car__name-area > span,
.step-last .regist-car__name-area > strong {
  position: relative;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: normal;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.step-last .regist-car__name {
  top: 0;
}
.step-last .regist-car__name-sub {
  bottom: 0;
}

.regist-info {
  display: none;
  position: relative;
  overflow: hidden;
  margin: 0;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.regist-info.show {
  opacity: 1;
  margin-top: -85px;
}
.regist-info > div {
  border-bottom: 1px solid #f5f5f5;
  white-space: normal;
}
.regist-info > div:after {
  display: block;
  clear: both;
  content: "";
}
.regist-info > div:last-child {
  border-bottom: 0;
}
.regist-info > div dt {
  float: left;
  padding: 8px 0;
  color: #666;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.regist-info > div dd {
  padding: 8px 0;
  text-align: right;
  color: #333;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.regist-info > div dd.regist-info__additional {
  clear: both;
  width: 100%;
  background: #f6f8f9;
  font-size: 12px;
  color: #666;
  padding: 5px 10px;
}

.regist-area[data-last] .step-last .regist-car__img,
.step-last.ani-done .regist-car__img {
  -webkit-transform: translate(95%, -25px);
      -ms-transform: translate(95%, -25px);
          transform: translate(95%, -25px);
}
.regist-area[data-last] .step-last .regist-car__img img,
.step-last.ani-done .regist-car__img img {
  -webkit-transform: scale(0.76);
      -ms-transform: scale(0.76);
          transform: scale(0.76);
}
.regist-area[data-last] .step-last .regist-car__name-area,
.step-last.ani-done .regist-car__name-area {
  top: 0;
  padding-right: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.regist-area[data-last] .step-last .regist-car__name-area > span,
.regist-area[data-last] .step-last .regist-car__name-area > strong,
.step-last.ani-done .regist-car__name-area > span,
.step-last.ani-done .regist-car__name-area > strong {
  left: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  font-size: 18px;
}

.popup-dialog[data-step="1"] .dialog-garage__bottom[data-step="1"] {
  display: block;
}
.popup-dialog[data-step="2"] .dialog-garage__bottom[data-step="2"] {
  display: block;
}
.popup-dialog[data-step="3"] .dialog-garage__bottom[data-step="3"] {
  display: block;
}
.popup-dialog[data-step="4"] .dialog-garage__bottom[data-step="4"] {
  display: block;
}
.popup-dialog[data-step="5"] .dialog-garage__bottom[data-step="5"] {
  display: block;
}
.popup-dialog .dialog-garage__bottom[data-step] {
  display: none;
}
.popup-dialog.size-m {
  width: 425px;
}
.popup-dialog.size-s {
  width: 380px;
}

.regist-car__img {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 123px;
  overflow: hidden;
}
.regist-car__img .carnum-area {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  position: absolute;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  -webkit-animation: aniFadeIn ease-out 0.4s both;
          animation: aniFadeIn ease-out 0.4s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.regist-car__img img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 188px;
  height: auto;
  -webkit-transform: translateX(70%) translateY(-20px);
      -ms-transform: translateX(70%) translateY(-20px);
          transform: translateX(70%) translateY(-20px);
  opacity: 0;
  -webkit-animation: aniShowCar ease-in-out 1s both;
          animation: aniShowCar ease-in-out 1s both;
}
.regist-car__desc {
  display: block;
  margin-top: 8px;
  color: #666;
}
.regist-car__name-area {
  margin: 25px 0 0;
  color: #333;
}
.regist-car__name {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
}
.regist-car__name-sub {
  font-size: 18px;
}
.regist-car .regist-car__added {
  margin-top: 36px;
  white-space: normal;
}
.regist-car .regist-car__added-txt {
  display: inline-block;
  margin: 2px 4px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
}

.carnum-area {
  display: block;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: url("../../assets/images/garage/bg_carplate.png") 0 0/118px auto no-repeat;
}

.inp-form {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: bold;
  color: #111;
  border: 1px solid #bbb;
  padding: 0 20px;
}

.inp-form::-webkit-input-placeholder {
  color: #bbb;
}

.inp-form::-moz-placeholder {
  color: #bbb;
}

.inp-form:-ms-input-placeholder {
  color: #bbb;
}

.inp-form::-ms-input-placeholder {
  color: #bbb;
}

.inp-form::placeholder {
  color: #bbb;
}

.regist-form__label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
.regist-form__label label {
  font-size: 16px;
  color: #222;
}
.regist-form__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.regist-form__cont .inp-form {
  display: block;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.regist-form__form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.regist-form__util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.regist-form__btn {
  display: inline-block;
  width: 60px;
  height: 100%;
  margin-left: -1px;
  color: #fff;
  background-color: #60584c;
  border: none;
  overflow: hidden;
}
.regist-form__btn--search {
  background-image: url("../../assets/images/garage/ico_search.svg");
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.regist-form__btn--search span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  font-size: xx-small;
  color: transparent;
}

.bul-dot {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.bul-dot > li {
  position: relative;
  margin-top: 2px;
  padding: 0 0 0 6px;
  text-align: left;
  white-space: normal;
  font-size: 14px;
  color: #666;
  line-height: 1.2;
}
.bul-dot > li:first-child {
  margin-top: 0;
}
.bul-dot > li:before {
  position: absolute;
  display: block;
  width: 2px;
  height: 2px;
  background: #888;
  top: 6px;
  left: 0;
  content: "";
}

@-webkit-keyframes aniShowCar {
  0% {
    -webkit-transform: translateX(70%) translateY(-20px);
            transform: translateX(70%) translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes aniShowCar {
  0% {
    -webkit-transform: translateX(70%) translateY(-20px);
            transform: translateX(70%) translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes aniFadeIn {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes aniFadeIn {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.popup-direct-insurance .popup-dialog--garage {
  width: auto !important;
}
.popup-direct-insurance .popup-dialog--garage .dialog-garage__tax-gate .tax-gate__item {
  width: 180px;
}
/*# sourceMappingURL=garage.css.map */