@charset "UTF-8";
/* 공통 작업 */
.layer-tooltip {
  display: none;
}

.tool-tip {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  border: 0;
  width: 24px;
}
.tool-tip:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 5px;
  top: 0;
  width: 18px;
  height: 18px;
  background-position: -60px -289px;
}

.header.buy-header-p .h1-tit {
  padding: 17px 0 0 15px;
}

.header.buy-header-p.bg50p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 55px;
  background: #f5f6f9;
  z-index: 0;
}

[class*=s-section] {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
[class*=s-section] h2.tit {
  font-size: 24px;
  margin-bottom: 30px;
}
[class*=s-section] .s-txt {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #999;
}
[class*=s-section] .k-link-area {
  padding: 0 10px;
}
[class*=s-section] .k-link-area a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  color: #364f7f;
  text-align: center;
}

.buy.full-bg {
  height: 100vh;
}

.buy .s-fv-model {
  margin: 0;
}
.buy .s-fv-model a {
  color: #333;
  text-decoration: none;
}
.buy .s-fv-model a:active,
.buy .s-fv-model a:hover {
  text-decoration: none;
}
.buy .s-fv-model h2.tit {
  margin: 30px 0;
  padding: 0 0 0 15px;
}
.buy .s-fv-model h2.sub-tit {
  margin: 0 0 30px 0;
  padding: 0 0 0 15px;
}
.buy .s-fv-model.s-bg-grey {
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 55px 0 0;
  background: #d3d5d0;
}
.buy .s-fv-model .srch-input-fixed {
  position: relative;
  height: 51px;
  background: #eceee9;
  border-radius: 4px;
  margin: 0 15px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.buy .s-fv-model .srch-input-fixed.fixed-in {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  margin: 0;
  padding: 0 15px;
  z-index: 998;
}
.buy .s-fv-model .srch-input-fixed.fixed-in .srch-input .btn_srch {
  background: #fff;
}
.buy .s-fv-model .srch-input-fixed.fixed-in .srch-input .btn_srch:after {
  background-position: -200px -55px;
}
.buy .s-fv-model .srch-input-fixed .srch-input {
  position: relative;
  height: 51px;
  margin: 0;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 0 60px 0 10px;
  outline: none;
  background: transparent;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder {
  color: #999;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input::-moz-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder {
  color: #999;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input:-ms-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder {
  color: #999;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input::-ms-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder {
  color: #999;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input::placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder {
  color: #999;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder {
  color: #222;
  font-size: 14px;
}
.buy .s-fv-model .srch-input-fixed .srch-input fieldset input:focus::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:focus::-webkit-input-placeholder, .new-content-body .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder, .buy .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:focus::-webkit-input-placeholder, .type-mydata .inp-box .buy .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.buy .s-fv-model .srch-input-fixed .srch-input .btn_srch {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #eceee9;
  background-size: 500px;
  border: 0 none;
  cursor: pointer;
}
.buy .s-fv-model .srch-input-fixed .srch-input .btn_srch span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.buy .s-fv-model .srch-input-fixed .srch-input .btn_srch:after {
  content: "";
  width: 14px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -200px -71px;
}
.buy .s-fv-model .fv-list .swiper-container {
  padding: 0 15px;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide {
  position: relative;
  width: 90px;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide a {
  display: block;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide a .s-car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide a .s-car-info .car-name {
  display: -webkit-box;
  height: 32px;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide a img {
  width: 100%;
  height: 60px;
}
.buy .s-fv-model .fv-list .swiper-container .swiper-slide .num {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  color: #fff;
  background: url("../images/common/sprite.png") no-repeat -465px -41px;
  background-size: 500px;
  width: 15px;
  height: 16px;
  text-align: center;
  line-height: 14px;
  font-size: 13px;
}

.buy .s-pic-model-list {
  position: relative;
  padding-bottom: 50px;
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.buy .s-pic-model-list a {
  color: #333;
  text-decoration: none;
}
.buy .s-pic-model-list a:active,
.buy .s-pic-model-list a:hover {
  text-decoration: none;
}
.buy .s-pic-model-list .tab-type ul li a {
  font-size: 18px;
  padding: 15px 0;
  color: #999;
}
.buy .s-pic-model-list .tab-type li.on a {
  color: #222;
}
.buy .s-pic-model-list .tag-sel-area {
  position: static;
  padding: 10px 15px 0;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel {
  position: relative;
  overflow: auto;
  padding: 15px 15px 32px 0;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel ul {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel ul li {
  display: inline-block;
  padding-right: 5px;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel ul li:last-child {
  padding-right: 15px;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel ul li a {
  display: inline-block;
  font-size: 14px;
  width: 65px;
  padding: 4px 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  color: #222;
  text-align: center;
}
.buy .s-pic-model-list .tag-sel-area .tag-sel ul li.active a {
  background: #2666c6;
  border: 1px solid #364f7f;
  color: #fff;
}
.buy .s-pic-model-list .srch-list-sep {
  padding: 0 15px;
}
.buy .s-pic-model-list .srch-list-sep ul > li {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buy .s-pic-model-list .srch-list-sep ul > li:first-child {
  background: #f1f1f1;
  border-top: none;
  padding-right: 10px;
}
.buy .s-pic-model-list .srch-list-sep ul > li:first-child + li {
  border-top: none;
}
.buy .s-pic-model-list .srch-list-sep ul > li .input-ck + label {
  font-size: 16px;
  font-weight: 600;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.ra-ck a {
  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;
  width: 100%;
  font-weight: 600;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.ra-ck a .state-mark {
  display: inline-block;
  padding: 0 5px;
  margin-left: 3px;
  border-radius: 18px;
  border: 1px solid #fd665c;
  color: #fd665c;
  font-size: 13px;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.ra-ck.cmm-disable .label-div {
  color: #999;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind {
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind .state-mark {
  display: inline-block;
  padding: 0 5px;
  margin-left: 3px;
  border-radius: 18px;
  border: 1px solid #fd665c;
  color: #fd665c;
  font-size: 13px;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind.v-box {
  display: -webkit-box;
  text-align: left;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind.v-box .car-name {
  display: block;
  padding: 0;
  font-size: 18px;
  color: #222;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind.v-box .car-name .state-mark {
  position: relative;
  top: -3px;
}
.buy .s-pic-model-list .srch-list-sep ul > li div.s-car-kind.v-box .num {
  display: block;
  padding: 0;
}
.buy .s-pic-model-list .srch-list-sep ul > li .s-view-all {
  display: block;
  font-size: 13px;
  color: #364f7f;
}
.buy .s-pic-model-list .srch-list-sep ul > li .s-car-img {
  display: block;
  width: 100px;
  height: 66px;
  overflow: hidden;
}
.buy .s-pic-model-list .srch-list-sep ul > li .s-car-img img {
  width: 100%;
}
.buy .s-pic-model-list .srch-list-sep ul > li .txt-popular {
  position: relative;
  top: 2px;
  display: inline-block;
  border: 1px solid #fd665c;
  color: #fd665c;
  height: 22px;
  border-radius: 22px;
  line-height: 22px;
  margin-left: 5px;
  padding: 0 7px;
}
.buy .s-pic-model-list .srch-list-sep input[type=checkbox]:checked + label:after, .buy .s-pic-model-list .srch-list-sep .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .buy .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after, .buy .s-pic-model-list .srch-list-sep .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .buy .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}
.buy .s-pic-model-list .srch-list-sep .label-div .cmm-car-name {
  display: block;
  font-size: 18px;
}
.buy .s-pic-model-list .srch-list-sep .label-div .cmm-car-name .state-mark {
  position: relative;
  top: -3px;
}
.buy .s-pic-model-list.con-fixed {
  padding: 70px 0 0;
}
.buy .s-pic-model-list.con-fixed .tab-type {
  position: absolute;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.buy .s-pic-model-list.con-fixed .tab-type ul {
  position: relative;
}
.buy .s-pic-model-list.con-fixed .tab-type ul:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 30px;
  background: #ddd;
  margin-top: -18px;
}
.buy .s-pic-model-list.con-fixed .tag-sel-area {
  position: fixed !important;
  width: 100%;
  height: 54px;
  top: 0;
  left: 0 !important;
  padding: 0;
  background: #fff;
  z-index: 101;
}
.buy .s-pic-model-list.con-fixed .tag-sel-area .tag-sel {
  padding: 12px 15px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.buy .s-pic-model-list.con-fixed .tag-sel-area.w100p {
  left: 0 !important;
  width: 100% !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.buy .s-pic-model-list .scroll-fix {
  position: absolute;
  width: 100%;
}
.buy .s-pic-model-list .scroll-fix + #tab-con {
  padding: 57px 0 0;
}
.buy .s-pic-model-list .srch-list .no-data {
  position: relative;
  height: 190px;
  padding-top: 144px;
  text-align: center;
}
.buy .s-pic-model-list .srch-list .no-data:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background: url("../images/common/icon_search_none.png") no-repeat;
  background-size: 100% 100%;
}

.cmm-tab-in-tab {
  position: relative;
}
.cmm-tab-in-tab .car-tab {
  display: block;
  position: absolute;
  left: 15px;
  top: 19px;
}
.cmm-tab-in-tab .car-tab li {
  position: relative;
  display: inline-block;
}
.cmm-tab-in-tab .car-tab li a {
  padding: 0 9px;
  color: #999;
}
.cmm-tab-in-tab .car-tab li.on a {
  color: #2666c6;
  font-weight: 600;
}
.cmm-tab-in-tab .car-tab li + li:after {
  content: "";
  position: absolute;
  left: -2px;
  top: 3px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.cmm-tab-in-tab .tag-sel {
  padding: 0 15px 30px 0 !important;
}

.con-fixed .cmm-tab-in-tab .car-tab {
  display: none;
}

.cmm-main.link-area a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.s-main {
  padding: 0 0 0;
}
.s-main a {
  text-decoration: none;
  color: #222;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.s-main button {
  outline: none;
}
.s-main.buy + .footer {
  padding: 25px 20px 140px;
}

.s-main img {
  width: 100%;
}

.sticky-area {
  top: 0;
  background: #f1f1f1;
}
.sticky-area .bg-cor {
  position: relative;
}

[class*=k-section] {
  position: relative;
  top: 0;
  margin-bottom: 10px;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
[class*=k-section] h2.tit {
  position: -webkit-sticky;
  position: sticky;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0 0 0 30px;
}
[class*=k-section] h2.tit span {
  font-size: 24px;
  color: #5f8e7a;
}
[class*=k-section] .s-txt {
  font-weight: 500;
  margin-bottom: 35px;
  padding: 0 0 0 30px;
  color: #999;
  letter-spacing: -0.05em;
}
[class*=k-section] .k-link-area {
  padding: 0 10px;
}
[class*=k-section] .k-link-area a {
  display: block;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ddd;
  color: #364f7f;
  text-align: center;
}
[class*=k-section] div.sec-tit .tit {
  padding: 0;
}
[class*=k-section] .swiper-pagination {
  position: relative;
  text-align: center;
}
[class*=k-section] .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #000;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
[class*=k-section] .swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #736b60;
}
[class*=k-section] .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}
[class*=k-section].k-bg-sky {
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
  color: #fff;
  border-radius: 4px;
  overflow: hidden;
  background: linear-gradient(-45deg, #a5ddc3, #a7dec2, #cce7ad);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
[class*=k-section] .btn-wrap {
  padding: 0 15px 30px;
}

.pfd-car {
  top: 0;
  width: 100%;
  padding: 30px 0 0 0;
}
.pfd-car.k-bg-sky {
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 81px 0 15px;
}
.pfd-car.k-bg-sky * {
  color: #fff;
}
.pfd-car.k-bg-sky .tit {
  margin-bottom: 20px;
}
.pfd-car .swiper-container {
  margin-bottom: 40px;
  padding: 0 30px;
}
.pfd-car .swiper-wrapper {
  margin-bottom: 15px;
}
.pfd-car .swiper-wrapper .swiper-slide {
  width: 250px;
}
.pfd-car .swiper-wrapper .swiper-slide a {
  position: relative;
  display: -webkit-box;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  overflow: hidden;
}
.pfd-car .swiper-wrapper .swiper-slide a .img {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}
.pfd-car .swiper-wrapper .swiper-slide a .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.25;
}
.pfd-car .swiper-wrapper .swiper-slide .tit {
  position: absolute;
  left: 25px;
  top: 20px;
  font-weight: 500;
  font-size: 22px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}
.pfd-car .swiper-wrapper .swiper-slide .txt {
  position: absolute;
  left: 25px;
  top: 50px;
  font-size: 16px;
  font-weight: normal;
}
.pfd-car .swiper-wrapper .swiper-slide .search-num {
  position: absolute;
  left: 15px;
  bottom: 15px;
  background: none;
  width: 220px;
  height: 40px;
  border: 0;
  text-align: left;
}
.pfd-car .swiper-wrapper .swiper-slide .search-num span {
  position: relative;
  padding: 0 0 0 20px;
  font-weight: 600;
  color: #222;
  z-index: 1;
}
.pfd-car .swiper-wrapper .swiper-slide .search-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  opacity: 1;
  z-index: 0;
}
.pfd-car .swiper-wrapper .swiper-slide .search-num:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -489px -70px;
  width: 11px;
  height: 13px;
  right: 20px;
  top: 14px;
  z-index: 2;
}
.pfd-car .swiper-wrapper [class*=color] a:after {
  display: none;
}
.pfd-car .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1 !important;
}
.pfd-car .scroll-wrap {
  position: relative;
  margin: 0;
  padding-bottom: 2px;
}
.pfd-car .swiper-container-horizontal .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.pfd-car .swiper-pagination-progressbar {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
  background: #5f8e7a;
  border-radius: 4px;
}
.pfd-car .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.pfd-car .banner-type a .txt > * {
  color: #222;
}

.lately-car {
  padding: 30px 0 0;
  /*.lately-car-item {
        position: relative;
        display: block;
        min-height: 75px;
        padding-left: 100px;
        font-size: 0;

        .k-txt {
            background: blue;
            padding:0 0 0 10px;
        }
        .k-pay {
            margin-top:4px;
            span {
                display: inline-block;
                height: 22px;
                border: 1px solid #fd665c;
                color:#fd665c;
                border-radius: 22px;
                padding:0 7px;
                font-size:13px;
                font-weight: 400;
                line-height: 22px;
            }
            strong {
                font-weight: 600;
            }
        }
    }
    .k-txt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }*/
}
.lately-car .s-txt {
  margin-bottom: 10px;
}
.lately-car .swiper-container {
  padding: 20px 0 0 0;
}
.lately-car .swiper-wrapper {
  padding: 0 0 4px 0;
}
.lately-car .swiper-wrapper li {
  position: relative;
  margin-top: 30px;
}
.lately-car .swiper-wrapper li:first-child {
  margin-top: 0;
}
.lately-car .swiper-slide {
  padding: 0 30px;
}
.lately-car .k-car-img {
  position: relative;
  width: 100px;
  height: 75px;
  border-radius: 4px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
  vertical-align: middle;
}
.lately-car .k-car-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lately-car .car-ask {
  position: absolute;
  left: -7px;
  top: -15px;
  padding: 0 8px;
  height: 20px;
  background: #fcaf17;
  color: #fff;
  font-weight: 600;
  border-radius: 15px;
  line-height: 20px;
  z-index: 2;
}
.lately-car .car-ask:after {
  content: "";
  position: absolute;
  left: 6px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid #fcaf17;
  border-left: 5px solid transparent;
}
.lately-car .h-box .k-txt {
  -webkit-box-orient: vertical;
  text-align: left;
  -webkit-box-pack: center;
  padding: 0 0 0 10px;
}
.lately-car .h-box .k-txt > * {
  display: block;
  color: #222;
}
.lately-car .h-box .k-txt .k-car-name {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
}
.lately-car .h-box .k-txt .k-pay {
  margin-top: 4px;
}
.lately-car .h-box .k-txt .k-pay span {
  display: inline-block;
  height: 22px;
  border: 1px solid #fd665c;
  color: #fd665c;
  border-radius: 22px;
  padding: 0 7px;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.lately-car .h-box .k-txt .k-pay strong {
  font-weight: 600;
}
.lately-car .swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100% !important;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.lately-car .btn-wrap {
  margin-top: 27px;
}

.get-car {
  padding: 30px 0;
}
.get-car h2.tit {
  margin-bottom: 30px;
}
.get-car .swiper-container {
  padding: 0 0 0 30px;
  overflow: initial;
}
.get-car .rud-box {
  position: relative;
  border-radius: 15px;
  border: 1px solid #9cd5c2;
  text-align: center;
  padding: 35px 0 25px;
  height: 223px;
}
.get-car .rud-box .k-tooltip {
  position: absolute;
  top: -5px;
  width: 100%;
  text-align: center;
}
.get-car .rud-box .k-tooltip span {
  position: relative;
  display: inline-block;
  border-radius: 27px;
  background: #ffbc00;
  color: #fff;
  padding: 0 15px 0 30px;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.get-car .rud-box .k-tooltip span:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 7px;
  background: url("../images/common/sprite.png") no-repeat 0 -35px;
  background-size: 500px;
  width: 12px;
  height: 12px;
}
.get-car .rud-box .k-tooltip span:before {
  content: "";
  position: absolute;
  left: 15px;
  bottom: -5px;
  background: url("../images/common/sprite.png") no-repeat -15px -35px;
  background-size: 500px;
  width: 8px;
  height: 5px;
}
.get-car .rud-box .txt {
  font-size: 16px;
}
.get-car .rud-box .txt strong {
  display: block;
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.get-car .rud-box .k-car-img .img {
  display: block;
  width: 55%;
  margin: 0 auto 10px;
}
.get-car .rud-box .k-info {
  color: #999;
}
.get-car .rud-box.new {
  position: relative;
  background: #9cd5c2;
  color: #4b675e;
  padding: 166px 0 0;
}
.get-car .rud-box.new .txt {
  font-size: 20px;
  letter-spacing: -0.1em;
}
.get-car .rud-box.new:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 99px;
  top: 21px;
  background-position: -405px -384px;
  width: 95px;
  height: 116px;
}

.car-rgt {
  padding: 30px 0 0;
}
.car-rgt .txt {
  padding: 0 0 25px 30px;
  color: #888;
  font-size: 14px;
}
.car-rgt .swiper-container {
  padding: 10px 30px 0 30px;
}
.car-rgt .swiper-slide {
  width: 250px;
  padding: 0 0 40px;
}
.car-rgt .swiper-slide .circle canvas {
  position: absolute;
  left: -3px;
  top: -3px;
}
.car-rgt .car-rgt-item {
  position: relative;
  display: block;
  min-height: 120px;
  overflow: visible;
  padding: 0 15px 0 140px;
  white-space: nowrap;
  font-size: 0;
}
.car-rgt .car-rgt-item:after {
  content: "";
  display: inline-block;
  height: 100%;
  min-height: 120px;
  vertical-align: middle;
}
.car-rgt .k-car-img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.car-rgt .k-car-img > div {
  position: relative;
  width: 120px;
  height: 120px;
}
.car-rgt .k-car-img .img-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  overflow: hidden;
}
.car-rgt .k-car-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-rgt .k-car-img .percent {
  position: absolute;
  display: block;
  left: -1px;
  bottom: -7px;
  width: 35px;
  height: 35px;
  background: #fd665c;
  border-radius: 35px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  font-size: 13px;
  letter-spacing: -0.03em;
}
.car-rgt .k-car-img .percent i {
  font-style: normal;
}
.car-rgt .txt-info {
  display: inline-block;
  max-width: 100%;
  margin: auto;
  vertical-align: middle;
  white-space: normal;
}
.car-rgt .txt-info .k-car-name {
  display: -webkit-box;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 400;
  letter-spacing: -0.05em;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.car-rgt .txt-info .k-pay {
  display: block;
  margin-bottom: 9px;
  font-size: 18px;
}
.car-rgt .txt-info .k-instalment {
  display: inline-block;
  height: 22px;
  border: 1px solid #fd665c;
  border-radius: 22px;
  font-size: 13px;
  color: #fd665c;
  padding: 0 7px;
  line-height: 22px;
}

.prefer-info h2.tit {
  padding: 30px 0 0 30px;
}
.prefer-info .k-car-img {
  text-align: center;
  padding: 25px 0 0;
}
.prefer-info .k-car-img img {
  width: 50%;
}
.prefer-info .tag {
  margin: 30px 0 10px;
  text-align: center;
}
.prefer-info .txt {
  display: block;
  text-align: center;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 400;
}
.prefer-info .tag a {
  display: inline-block;
  height: 22px;
  border: 1px solid #10a8e5;
  color: #10a8e5;
  font-size: 13px;
  line-height: 22px;
  border-radius: 22px;
  padding: 0 10px;
  font-weight: 400;
}

.assure-area h2.tit {
  padding: 30px 0 15px 30px;
}
.assure-area .ico-list {
  display: -webkit-box;
  padding: 0 20px;
}
.assure-area .ico-list span {
  position: relative;
  display: block;
  webkit-box-flex: 1;
  width: 20%;
  padding: 35px 0 0;
  font-size: 12px;
  color: #999;
  text-align: center;
}
.assure-area .ico-list span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  height: 27px;
}
.assure-area .ico-list .engine:after {
  background-position: -235px 0;
  width: 35px;
  margin-left: -18px;
}
.assure-area .ico-list .mission:after {
  background-position: -273px 0;
  width: 32px;
  margin-left: -16px;
}
.assure-area .ico-list .brake:after {
  background-position: -308px 0;
  width: 27px;
  margin-left: -14px;
}
.assure-area .ico-list .date:after {
  background-position: -340px 0;
  width: 25px;
  margin-left: -13px;
}
.assure-area .ico-list .km:after {
  background-position: -370px 0;
  width: 27px;
  margin-left: -14px;
}
.assure-area .swiper-container {
  padding: 0 0 25px;
}
.assure-area .swiper-wrapper {
  padding: 0 0 16px;
}
.assure-area .swiper-slide {
  padding: 0 30px;
}
.assure-area .swiper-slide li {
  margin-top: 30px;
}
.assure-area .swiper-slide a {
  display: -webkit-box;
}
.assure-area .k-img {
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.assure-area .info {
  padding: 0 0 0 10px;
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
}
.assure-area .info > * {
  display: block;
}

.review-area h2.tit {
  padding: 30px 0 20px 30px;
}
.review-area .swiper-container {
  padding: 0 0 30px 30px;
}
.review-area .swiper-container {
  padding: 0 0 30px 30px;
}
.review-area .swiper-slide {
  padding-right: 20px;
}
.review-area .k-car-name {
  display: block;
  margin-bottom: 3px;
  font-size: 18px;
  color: #222;
  letter-spacing: -0.05em;
}
.review-area .name-area {
  margin-bottom: 0;
}
.review-area .name-area > * {
  color: #999;
}
.review-area .name-area .k-area {
  position: relative;
  margin: 0 0 0 12px;
}
.review-area .name-area .k-area:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 3px;
  width: 1px;
  height: 13px;
  background: #ddd;
  -webkit-transform: rotate(17deg);
      -ms-transform: rotate(17deg);
          transform: rotate(17deg);
}
.review-area .name-area .rd-box {
  display: inline-block;
  text-align: center;
  min-width: 34px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  margin-left: 3px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.review-area .name-area .rd-box.bg-red {
  background-color: #fd665c;
}
.review-area .name-area .rd-box.bg-blue {
  background-color: #2666c6;
}
.review-area .img-area {
  display: -webkit-box;
  margin-bottom: 17px;
}
.review-area .img-area > * {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100px;
}
.review-area .img-area .car-img {
  display: block;
  width: 180px;
  height: 135px;
  border-radius: 4px;
  overflow: hidden;
}
.review-area .img-area .car-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.newcar-area h2.tit {
  margin-bottom: 10px;
  padding: 30px 0 0 30px;
}
.newcar-area .txt {
  padding: 0 0 35px 30px;
  color: #999;
  font-size: 12px;
}
.newcar-area .brand-list {
  padding: 0 13px;
}
.newcar-area .brand-list:after {
  content: "";
  clear: both;
  display: block;
}
.newcar-area .brand-list li {
  position: relative;
  float: left;
  width: 25%;
  padding: 0 7px 26px;
  text-align: center;
}
.newcar-area .brand-list li input[type=checkbox], .newcar-area .brand-list li .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .newcar-area .brand-list li [type=checkbox].ico-confirm, .newcar-area .brand-list li .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .newcar-area .brand-list li [type=checkbox].ico-confirm {
  position: absolute;
  top: 10px;
  z-index: -1;
}
.newcar-area .brand-list li label {
  position: relative;
  display: block;
  background: #fff;
  z-index: 2;
}
.newcar-area .brand-list li .k-img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 100%;
}
.newcar-area .brand-list li .k-img img {
  position: relative;
  width: 50%;
  top: 50%;
  margin-top: -3.4492vw;
}
.newcar-area .brand-list li .k-brand {
  display: block;
  color: #222;
  padding: 7px 0 0;
  letter-spacing: -0.05em;
  font-size: 13px;
}
.newcar-area .brand-list li.on .k-img {
  position: relative;
}
.newcar-area .brand-list li.on .k-img:after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  display: block;
  border: 2px solid #2666c6;
  border-radius: 100%;
}
.newcar-area .brand-list li a {
  text-decoration: none;
}
.newcar-area.p-box .brand-list {
  padding: 0;
}

.age-area h2.tit {
  padding: 30px 0 10px 30px;
}
.age-area .tabs-area {
  margin-bottom: 30px;
  padding: 0 0 0 30px;
}
.age-area .tabs-area ul {
  display: -webkit-box;
}
.age-area .tabs-area ul li {
  -webkit-box-flex: 1;
}
.age-area .tabs-area ul li a {
  display: block;
}
.age-area .tabs-area ul li a span {
  position: relative;
  display: inline-block;
  padding: 0 0 7px;
  color: #999;
}
.age-area .tabs-area ul li.on a span {
  color: #222;
  font-weight: 600;
}
.age-area .tabs-area ul li.on a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
.age-area .swiper-container {
  padding: 0 0 30px 30px;
}
.age-area .age-area-item {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 9px;
}
.age-area .k-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.age-area .k-img img {
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
}
.age-area .k-info {
  padding: 13px 15px;
}
.age-area .k-info .k-car-name,
.age-area .k-info .k-pay {
  display: block;
  color: #222;
}
.age-area .k-info .k-car-name {
  height: 38px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.like-car h2.tit {
  padding: 30px 0 0 30px;
}
.like-car .car-list {
  padding: 0 9px;
}
.like-car .car-list::after {
  display: block;
  clear: both;
  content: "";
}
.like-car .car-list li {
  float: left;
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 9px;
  text-align: center;
}
.like-car .car-list li .car-name {
  display: block;
  margin: 8px 0 0;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.like-car .car-list .img {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin: auto;
  overflow: hidden;
  border-radius: 100%;
  background: #f1f1f1;
}
.like-car .car-list .img img {
  position: absolute;
  left: 30px;
  top: 15px;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.s-suv-car div.sec-tit {
  padding: 25px 30px 20px 30px;
}
.s-suv-car div.sec-tit .s-clr-skyb {
  color: #10a8e5;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.s-interest div.sec-tit {
  padding: 25px 30px 20px 30px;
}
.s-interest div.sec-tit .s-clr-skyb {
  color: #10a8e5;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.s-interest .swiper1 {
  padding: 0 0 30px 30px;
}
.s-interest .swiper1 a {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}
.s-interest .swiper1 a img {
  width: auto;
  height: 100%;
  max-width: none;
}

.s-recommend div.sec-tit {
  padding: 25px 30px;
}
.s-recommend div.sec-tit .s-clr-grey {
  color: #999;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.s-tmovie .video {
  position: relative;
}
.s-tmovie .video a {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
}
.s-tmovie .video a img {
  width: 100%;
}
.s-tmovie div.sec-tit {
  position: relative;
  padding: 25px 30px;
}
.s-tmovie div.sec-tit:after {
  content: "";
  display: block;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}
.s-tmovie div.sec-tit .s-clr-grey {
  color: #999;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.s-tmovie .s-car-exp {
  padding: 20px 30px;
}

.s-car-info .car-name {
  line-height: 1.4;
}
.s-car-info .car-pay {
  font-weight: 600;
  margin-bottom: 8px;
}
.s-car-info .car-pay-origin {
  display: inline-block;
  color: #999;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
  margin-left: 2px;
}
.s-car-info .car-tag {
  color: #10a8e5;
}

.s-car-exp {
  display: -webkit-box;
  padding: 15px 30px;
}
.s-car-exp .car-img {
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.s-car-exp .car-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-car-exp .s-car-info {
  padding: 0 0 0 20px;
  -webkit-box-flex: 1;
}

.s-firstcar {
  padding-bottom: 25px;
}
.s-firstcar div.sec-tit {
  padding: 25px 30px 30px;
}
.s-firstcar div.sec-tit .s-clr-grey {
  color: #999;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.s-firstcar .swiper-container {
  padding: 0 30px;
}
.s-firstcar .swiper-container .swiper-slide {
  width: 105px;
}
.s-firstcar .swiper-container .swiper-slide a {
  display: block;
}

.s-fvcar {
  position: relative;
}
.s-fvcar div.sec-tit {
  position: absolute;
  top: 30px;
  left: 30px;
}

.s-here div.sec-tit {
  padding: 25px 0 25px 30px;
}
.s-here div.sec-tit .s-clr-grey {
  color: #999;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.s-here .swiper-wrapper {
  padding: 0 0 15px;
}
.s-here .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: #c7c4bf;
  opacity: 1;
}
.s-here .swiper-pagination-bullet-active {
  width: 13px;
  background: #736b60;
  border-radius: 50px;
}

.s-thisweek div.sec-tit {
  padding: 30px 30px 25px 30px;
}
.s-thisweek .tw-car {
  text-align: center;
}
.s-thisweek .tw-car-img {
  width: 180px;
  height: 102px;
  margin: 0 auto;
}
.s-thisweek .tw-car-img img {
  width: 100%;
}
.s-thisweek .tw-car-info {
  -webkit-box-orient: vertical;
  margin: 15px 0 25px 0;
}
.s-thisweek .tw-car-name {
  font-size: 20px;
  font-weight: 600;
}
.s-thisweek .tw-car-review {
  margin-top: 5px;
}
.s-thisweek .tw-car-review span {
  font-size: 16px;
  color: #fd665c;
  position: relative;
}
.s-thisweek .tw-car-review span:first-child {
  padding-right: 20px;
}
.s-thisweek .tw-car-review span:first-child:after {
  content: "/";
  color: #fd665c;
  font-size: 22px;
  position: absolute;
  top: -5px;
  right: 0;
  font-weight: 100;
}
.s-thisweek .tw-car-review span:last-child {
  padding-left: 25px;
}
.s-thisweek .tw-car-review span:last-child:after {
  content: "";
  width: 13px;
  height: 13px;
  background: url("../images/sub/sprite_live.png");
  background-size: 250px;
  background-position: -55px 0;
  position: absolute;
  top: 2px;
  left: 9px;
}
.s-thisweek .tw-review {
  padding: 0 40px;
}
.s-thisweek .tw-review ul {
  border-top: 1px solid #222;
  padding: 25px 0;
}
.s-thisweek .tw-review ul li {
  position: relative;
  padding: 5px 0 5px 28px;
}
.s-thisweek .tw-review ul li:first-child:after {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../images/sub/sprite_live.png");
  background-size: 250px;
  background-position: -35px 0;
  position: absolute;
  top: 5px;
  left: 0px;
}
.s-thisweek .tw-review ul li:last-child:after {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../images/sub/sprite_live.png");
  background-size: 250px;
  background-position: -35px -20px;
  position: absolute;
  top: 5px;
  left: 0px;
}

.s-game {
  position: relative;
  background: #e7dfcf url("../images/sub/img_roulette.png") no-repeat 80% 137px;
  background-size: 95px 116px;
  padding: 30px;
}
.s-game div.sec-tit {
  padding: 0 0 25px 0;
}
.s-game .game-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 10px;
}
.s-game .game-txt {
  font-weight: 50;
  font-size: 12px;
}
.s-game .game-winner {
  font-size: 22px;
  color: #533f3b;
  margin: 5px 0 15px 0;
  line-height: 1.2;
  letter-spacing: -1px;
}
.s-game .game-winner b {
  display: block;
}
.s-game .game-rest {
  color: #533f3b;
}
.s-game .game-join {
  margin-top: 30px;
}
.s-game .game-join a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #443d36;
  padding: 0 15px 5px 0;
  border-bottom: 1px solid #443d36;
}
.s-game .game-join a:after {
  content: "";
  width: 5px;
  height: 8px;
  background: url("../images/sub/sprite_live.png");
  background-size: 250px;
  background-position: 0 -30px;
  position: absolute;
  top: 6px;
  right: 0;
}
.s-game .game-part {
  position: absolute;
  top: 55px;
  right: 20px;
  width: 2px;
  height: 200px;
  background: #baafa2;
  border-radius: 4px;
}
.s-game .game-part-bar {
  position: absolute;
  bottom: 0;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f7a606), to(#df6654));
  background: linear-gradient(to top, #f7a606, #df6654 100%);
  border-radius: 4px;
}
.s-game .game-part-num {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -35px;
  background: url("../images/sub/sprite_live.png");
  background-size: 250px;
  background-position: 0 0;
  width: 31px;
  height: 28px;
  line-height: 28px;
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-top: -14px;
}

.reviews-area .tab-type {
  background: #fff;
  border-radius: 0 0 15px 15px;
  margin-bottom: 15px;
}
.reviews-area .tab-type:after {
  display: none;
}
.reviews-area .rud-box {
  margin: 0 15px 10px;
  padding: 0;
}
.reviews-area .rud-box .reporting-wrap {
  font-size: 13px;
  color: #666;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.reviews-area .rud-box .reporting-wrap > * {
  font-size: 13px;
  color: #666;
}
.reviews-area .rud-box .reporting-wrap .sns {
  position: relative;
  margin-left: 13px;
}
.reviews-area .rud-box .reporting-wrap .sns:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #666;
}
.reviews-area .rud-box .h-box {
  margin: 0 15px;
  padding: 15px 0;
}
.reviews-area .rud-box .h-box .img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
  height: 83px;
}
.reviews-area .rud-box .h-box .img img {
  width: 100%;
}
.reviews-area .rud-box .h-box .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: block;
  width: 110px;
  padding-top: 27.5%;
  border-radius: 5px;
  overflow: hidden;
}
.reviews-area .rud-box .h-box .img-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.reviews-area .rud-box .h-box .img-block img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews-area .rud-box .h-box .info-txt {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-pack: start;
  text-align: left;
  padding: 0 0 0 8px;
  color: #222;
}
.reviews-area .rud-box .h-box .info-txt .category {
  margin-bottom: 3px;
}
.reviews-area .rud-box .h-box .info-txt .category span {
  min-width: 43px;
  height: 18px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.reviews-area .rud-box .h-box .info-txt .category .sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.reviews-area .rud-box .h-box .info-txt .category .sell:after {
  display: none;
}
.reviews-area .rud-box .h-box .info-txt .category .seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.reviews-area .rud-box .h-box .info-txt .category .deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.reviews-area .rud-box .h-box .info-txt .category .change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.reviews-area .rud-box .h-box .info-txt strong {
  font-size: 16px;
}
.reviews-area .rud-box .h-box .info-txt .money {
  margin-top: 8px;
  font-size: 18px;
  color: #2666c6;
  font-weight: 600;
}
.reviews-area .rud-box .h-box .info-txt .btn-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-indent: -999em;
  z-index: 3;
}
.reviews-area .rud-box .h-box .info-txt .btn-del:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  left: 50%;
  top: 0;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  overflow: hidden;
}
.reviews-area .rud-box .h-box.bor-top {
  border-top: 1px solid #ddd;
}
.reviews-area .rud-box .car-money {
  display: -webkit-box;
  margin: 0 15px;
  padding: 15px 0 0;
  border-top: 1px solid #ddd;
}
.reviews-area .rud-box .car-money > * {
  display: -webkit-box;
  -webkit-box-align: center;
  letter-spacing: -0.1em;
}
.reviews-area .rud-box .car-money .img {
  width: 110px;
  -webkit-box-pack: center;
}
.reviews-area .rud-box .car-money img {
  display: inline-block;
  width: 50px;
}
.reviews-area .rud-box .car-money .txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 8px;
}
.reviews-area .rud-box .car-money .txt > * {
  font-size: 18px;
  font-weight: 600;
}
.reviews-area .rud-box .car-money .money {
  color: #2666c6;
  margin-left: 5px;
}
.reviews-area .rud-box .star-wrap {
  padding-left: 135px;
}
.reviews-area .rud-box .star-wrap .star-rating,
.reviews-area .rud-box .star-wrap .star-rating > span {
  width: 120px;
  height: 19px;
  background: url("../images/sub/sprite_sell.png") no-repeat -130px -41px;
  background-size: 250px;
  right: 0;
}
.reviews-area .rud-box .star-wrap .star-rating > span {
  background-position: -130px -60px;
}
.reviews-area .rud-box .star-wrap .date {
  display: block;
  margin-top: 5px;
  color: #999;
}
.reviews-area .rud-box .btn-wrap {
  padding: 15px;
}
.reviews-area .rud-box .btn-wrap .btn-s {
  height: 40px;
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
}

.reviews-view {
  margin-bottom: -50px;
  background: #f1f1f1;
}
.reviews-view .car-info {
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 0 0 25px;
}
.reviews-view .car-info a {
  position: relative;
  display: block;
  padding: 25px 15px 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
}
.reviews-view .car-info a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  padding: 3px;
  margin-top: 6px;
}
.reviews-view .car-info a.on:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: solid #00aceb;
  border-width: 0 2px 2px 0;
}
.reviews-view .car-info .toggle-info {
  display: none;
  padding: 0 15px;
}
.reviews-view .car-info .toggle-info .info {
  padding: 2px 0 0;
}
.reviews-view .car-info .toggle-info .info span {
  position: relative;
  font-weight: 400;
  margin-right: 12px;
}
.reviews-view .car-info .toggle-info .info span:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #222;
}
.reviews-view .car-info .toggle-info .info span:first-child:after {
  display: none;
}
.reviews-view .car-info .toggle-info .money {
  padding: 17px 0 0;
  font-size: 20px;
  font-weight: 600;
  color: #2666c6;
}
.reviews-view .reviews-cnt {
  background: #fff;
  padding: 0 15px;
}
.reviews-view .reviews-cnt .center {
  text-align: center;
  padding: 30px 0 0;
}
.reviews-view .reviews-cnt .center .photo {
  width: 90px;
  margin: 0 auto 7px;
  border-radius: 90px;
  overflow: hidden;
}
.reviews-view .reviews-cnt .center .photo img {
  width: 100%;
}
.reviews-view .reviews-cnt .center > * {
  font-size: 18px;
  font-weight: 600;
}
.reviews-view .reviews-cnt .center .estimate strong {
  color: #2666c6;
}
.reviews-view .reviews-cnt .center .indi-info {
  font-weight: 100;
}
.reviews-view .reviews-cnt .center .indi-info .tel {
  position: relative;
  margin-left: 15px;
  font-weight: 400;
}
.reviews-view .reviews-cnt .center .indi-info .tel:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #222;
}
.reviews-view .reviews-cnt .h-box {
  padding-top: 35px;
}
.reviews-view .reviews-cnt .h-box .tit {
  font-size: 18px;
  font-weight: 600;
}
.reviews-view .reviews-cnt .h-box > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 75px;
  text-align: left;
  -webkit-box-align: center;
}
.reviews-view .reviews-cnt .h-box > div:last-child .star-rating {
  right: 0;
}
.reviews-view .reviews-cnt .btn-h-box.col5 .btn-s {
  margin-left: 5px;
}
.reviews-view .customer-rating {
  padding: 20px 0 15px;
  border-radius: 0 0 15px 15px;
}
.reviews-view .rud-box {
  padding: 26px 15px;
  border-radius: 15px;
}
.reviews-view .rud-box .tit {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.layer-pop-btm.layer-point {
  overflow: initial;
}
.layer-pop-btm.layer-point.on:after {
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  display: block;
}
.layer-pop-btm.layer-point .review-complet {
  margin-top: -30px;
  text-align: center;
}
.layer-pop-btm.layer-point .review-complet > * {
  display: block;
}
.layer-pop-btm.layer-point .review-complet .point {
  position: relative;
  font-size: 20px;
  color: #2666c6;
  margin-bottom: 25px;
}
.layer-pop-btm.layer-point .review-complet .txt {
  font-size: 18px;
  margin-bottom: 12px;
}
.layer-pop-btm.layer-point .review-complet p, .layer-pop-btm.layer-point .review-complet ul.guide-bul > li {
  margin-bottom: 15px;
}
.layer-pop-btm.layer-point .review-complet .my-point span {
  display: inline-block;
  padding: 0 18px;
  border-radius: 18px;
  background: #2666c6;
  height: 24px;
  line-height: 24px;
  color: #fff;
}
.layer-pop-btm.layer-point #bg-coin {
  position: absolute;
  left: 50%;
  top: -99px;
  width: 150px;
  margin-left: -75px;
}
.layer-pop-btm.layer-point #bg-bell {
  position: absolute;
  top: -70px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
}
.layer-pop-btm.layer-point.on #bg-coin,
.layer-pop-btm.layer-point.on #bg-bell {
  opacity: 1;
}

.write-opinion {
  background: #fff;
  margin: 0 0 -64px;
  padding: 30px 15px 0;
}
.write-opinion .textarea-type {
  width: 100%;
  height: 200px;
  margin-bottom: 6px;
  font-size: 18px;
  padding: 10px;
}
.write-opinion .txt-byte {
  text-align: right;
  color: #999;
}

.select-car {
  background: #fff;
  border-radius: 0 0 15px 15px;
  text-align: center;
  margin-bottom: 10px;
  padding: 0 0 30px;
}
.select-car .car-img {
  margin: 0 74px;
  padding: 5px 0 0;
}
.select-car .car-img img {
  width: 100%;
}
.select-car .car-name {
  display: inline-block;
  margin: 10px 0;
  font-size: 22px;
}
.select-car .btn-wrap .btn-s {
  display: inline-block;
  width: 93px;
  text-decoration: none;
}
.select-car .btn-wrap .btn-s.entire-model {
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
}

.car-select-list {
  background: #fff;
  border-radius: 15px;
  margin-bottom: 50px;
  overflow: hidden;
}
.car-select-list.radius {
  border-radius: 0;
}
.car-select-list .link-type ul {
  display: -webkit-box;
  padding: 0 15px;
}
.car-select-list .link-type ul li {
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.car-select-list .link-type ul li a {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #222;
  padding: 13px 0;
  font-size: 16px;
}
.car-select-list .link-type ul li a.on:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #222;
}
.car-select-list .magazine {
  padding: 15px 0 0;
}
.car-select-list .magazine .h-box {
  margin-bottom: 30px;
  padding: 0 15px;
}
.car-select-list .magazine .h-box .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0 0;
}
.car-select-list .magazine .select .select-type {
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  background-position: right -51px;
  min-width: 95px;
}
.car-select-list .magazine .magazine-list ul {
  padding: 0 10px;
}
.car-select-list .magazine .magazine-list ul::after {
  display: block;
  clear: both;
  content: "";
}
.car-select-list .magazine .magazine-list ul li {
  float: left;
  width: 50%;
  padding: 0 5px;
}
.car-select-list .magazine .magazine-list ul li img {
  width: 100%;
}
.car-select-list .magazine .magazine-list ul li a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 30px;
  text-decoration: none;
  color: #222;
}
.car-select-list .magazine .magazine-list ul li a .img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: #f5f6fa;
  border-radius: 4px;
  overflow: hidden;
}
.car-select-list .magazine .magazine-list ul li a .img:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.car-select-list .magazine .magazine-list ul li a .img-block {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.car-select-list .magazine .magazine-list ul li a .img-block img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-select-list .magazine .magazine-list ul li a .txt {
  display: block;
  height: 38px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}
.car-select-list .magazine .magazine-list ul li a strong {
  display: block;
  height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 7px 0 0;
}
.car-select-list .magazine .magazine-list ul li a strong.story {
  color: #2666c6;
}
.car-select-list .magazine .magazine-list ul li a strong.news {
  color: #a6b5c7;
}
.car-select-list .magazine .magazine-list ul li a strong.test-drive {
  color: #fd665c;
}
.car-select-list .magazine .magazine-list ul li a strong.sense {
  color: #ffbc00;
}
.car-select-list .magazine .magazine-list ul li a .date-view {
  display: block;
  margin-top: 5px;
  color: #999;
  overflow: hidden;
}
.car-select-list .magazine .magazine-list ul li a .date-view > div {
  display: inline;
  margin-right: 5px;
}
.car-select-list .magazine .magazine-list ul li a .date-view .name {
  position: relative;
  font-size: 12px;
  margin-right: 7px;
}
.car-select-list .magazine .magazine-list ul li a .date-view .name:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.car-select-list .magazine .magazine-list ul li a .date-view .date {
  float: left;
  font-size: 13px;
}
.car-select-list .magazine .magazine-list ul li a .date-view .views {
  float: right;
  position: relative;
  padding: 0 0 0 15px;
  margin: 3px 0 0 0;
  font-size: 12px;
  line-height: 1;
}
.car-select-list .magazine .magazine-list ul li a .date-view .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 50%;
  width: 12px;
  height: 9px;
  margin-top: -5px;
}
.car-select-list .magazine .magazine-list .btn-dealer-wrap {
  padding: 0 5px;
}
.car-select-list .magazine .magazine-list .btn-dealer-wrap .btn-dealer-regist {
  margin-left: 10px;
}
.car-select-list .search-op .select-area {
  position: relative;
  display: inline-block;
}
.car-select-list .search-op .select-area .select-type {
  height: 30px;
  background: #fff;
  border-color: #ddd;
  border-radius: 30px;
  color: #222;
  font-size: 14px;
}
.car-select-list .search-op .select-area:after {
  content: "";
  border: solid #999;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.car-select-list .select .select-type {
  background-position: right -45px !important;
  min-width: 95px;
}

.review-list li {
  position: relative;
  padding-bottom: 40px;
}
.review-list li > a {
  display: block;
  padding: 0 25px 0 65px;
  text-decoration: none;
}
.review-list li > a * {
  color: #222;
}
.review-list li > a .photo {
  position: absolute;
  left: 15px;
  top: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 20px;
  background: #f8f8f8 url("../images/common/no-image.svg") no-repeat center center;
  background-size: 72%;
}
.review-list li > a .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-list li > a .info .select-tit {
  font-size: 13px;
}
.review-list li > a .info .select-tit .date {
  color: #999;
}
.review-list li > a .info .select-tit .sell-kind {
  position: relative;
  padding-left: 15px;
}
.review-list li > a .info .select-tit .sell-kind:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  left: 5px;
  background: #8f8f8f;
}
.review-list li > a .info .select-tit strong {
  position: relative;
  margin-left: 14px;
}
.review-list li > a .info .select-tit strong:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #8f8f8f;
}
.review-list li > a .info .car-tit {
  font-size: 18px;
  font-weight: bold;
}
.review-list li > a .info .sale-money {
  margin: 5px 0;
}
.review-list li > a .info .sale-money strong {
  margin-left: 5px;
  font-weight: 600;
  color: #2666c6;
}
.review-list li .star-area {
  margin: 0 0 10px 65px;
}
.review-list li .txt {
  padding: 0 25px 0 65px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}
.review-list li .car-photo-list.car-swiper {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  margin: 0;
  padding: 15px 0 0 0;
}
.review-list li .car-photo-list.car-swiper .swiper-container {
  padding: 0 15px 0 65px;
}

.magazine-view {
  background: #fff;
  padding: 27px 0 0;
}
.magazine-view .category-tit {
  padding: 0 15px;
}
.magazine-view .category-tit .category {
  display: block;
}
.magazine-view .category-tit .category.magazine {
  color: #2666c6;
}
.magazine-view .category-tit .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
.magazine-view .category-tit .h-box {
  display: -webkit-box;
}
.magazine-view .category-tit .h-box > * {
  display: block;
  -webkit-box-flex: 1;
  color: #999;
  font-size: 13px;
}
.magazine-view .category-tit .h-box .views {
  display: inline-block;
  text-align: right;
  position: relative;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.magazine-view .category-tit .h-box .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 4px;
  width: 12px;
  height: 9px;
}
.magazine-view .car-photo img {
  width: 100%;
}
.magazine-view .magazine-txt {
  padding: 25px 15px;
  border-bottom: 1px solid #ddd;
}
.magazine-view .list-cnt .tit-area {
  display: -webkit-box;
  padding: 27px 15px;
}
.magazine-view .list-cnt .tit-area > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.magazine-view .list-cnt .tit-area h2.tit {
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
}
.magazine-view .list-cnt .tit-area a {
  -webkit-box-pack: end;
  -webkit-box-align: center;
  text-decoration: none;
  color: #364f7f;
  font-size: 13px;
  font-weight: 400;
}
.magazine-view .list-cnt .list {
  padding: 0 15px;
}
.magazine-view .list-cnt .list li {
  margin-bottom: 15px;
}
.magazine-view .list-cnt .list a {
  display: block;
  text-decoration: none;
  color: #222;
}
.magazine-view .list-cnt .list a::after {
  display: block;
  clear: both;
  content: "";
}
.magazine-view .list-cnt .list a .img {
  float: left;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
}
.magazine-view .list-cnt .list a .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.magazine-view .list-cnt .list a .txt {
  padding: 0 0 0 125px;
}
.magazine-view .list-cnt .list a .txt .name {
  font-weight: 400;
}
.magazine-view .list-cnt .list a .txt .info span {
  position: relative;
  margin-right: 12px;
  color: #999;
  font-size: 13px;
}
.magazine-view .list-cnt .list a .txt .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.magazine-view .list-cnt .list a .txt .info span.date:after {
  display: none;
}
.magazine-view .list-cnt .list a .txt .money {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}
.magazine-view .list-swiper {
  border-top: 1px solid #ddd;
}
.magazine-view .list-swiper .swiper-container {
  padding: 30px 15px 100px;
}
.magazine-view .list-swiper .swiper-container .swiper-slide {
  width: 140px;
  overflow: hidden;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  color: #fff;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .img {
  position: relative;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .img:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .img-block {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .txt {
  display: block;
  width: 100%;
  height: 39px;
  margin-top: 9px;
  padding: 0 2px;
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view {
  display: block;
  margin-top: 5px;
  color: #999;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view > div {
  display: inline;
  margin-right: 5px;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view .name {
  position: relative;
  font-size: 12px;
  margin-right: 7px;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view .name:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view .date {
  font-size: 13px;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view .views {
  position: relative;
  padding: 0 0 0 15px;
  margin: 0 0 0 15px;
  font-size: 12px;
}
.magazine-view .list-swiper .swiper-container .swiper-slide a .date-view .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 50%;
  width: 12px;
  height: 9px;
  margin-top: -6px;
}
.magazine-view .list-swiper .swiper-button-prev,
.magazine-view .list-swiper .swiper-button-next {
  top: inherit;
  bottom: 65px;
  width: auto;
  height: 13px;
  margin: 0;
  background: none;
  line-height: 13px;
  font-weight: 600;
}
.magazine-view .list-swiper .swiper-button-prev {
  padding-left: 24px;
}
.magazine-view .list-swiper .swiper-button-next {
  padding-right: 24px;
}
.magazine-view .list-swiper .swiper-button-prev:after,
.magazine-view .list-swiper .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
}
.magazine-view .list-swiper .swiper-button-next:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -219px -55px;
  right: 0;
}
.magazine-view .list-swiper .swiper-button-prev:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -219px -71px;
  left: 0;
}
.magazine-view p, .magazine-view ul.guide-bul > li {
  line-height: 1.6;
  margin: 0 0 10px;
}
.magazine-view body,
.magazine-view div,
.magazine-view dl,
.magazine-view dt,
.magazine-view .dealer-detail .dealer-detail__status > div dd,
.dealer-detail .dealer-detail__status > div .magazine-view dd,
.magazine-view dd,
.magazine-view ul,
.magazine-view ol,
.magazine-view li,
.magazine-view h1,
.magazine-view h2,
.magazine-view h3,
.magazine-view h4,
.magazine-view h5,
.magazine-view h6,
.magazine-view pre,
.magazine-view code,
.magazine-view form,
.magazine-view fieldset,
.magazine-view legend,
.magazine-view textarea,
.magazine-view p,
.magazine-view ul.guide-bul > li,
.magazine-view blockquote,
.magazine-view th,
.magazine-view td,
.magazine-view input,
.magazine-view .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .magazine-view .ico-confirm,
.magazine-view .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .magazine-view .ico-confirm,
.magazine-view select,
.magazine-view button,
.magazine-view span,
.magazine-view em {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.magazine-view h1,
.magazine-view h2,
.magazine-view h3,
.magazine-view h4,
.magazine-view h5,
.magazine-view h6 {
  color: #505458;
  font-family: inherit;
  margin: 10px 0;
}
.magazine-view ol,
.magazine-view ul {
  margin-top: 0;
  margin-bottom: 10px;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.magazine-view ol {
  list-style-type: deciaml;
}
.magazine-view ul {
  list-style-type: disc;
}
.magazine-view li {
  list-style-type: inherit;
  display: list-item;
  text-align: -webkit-match-parent;
}

.video-view {
  background: #fff;
  padding: 0 0 40px;
}
.video-view .video-tit {
  padding: 30px 15px 0;
}
.video-view .video-tit .brand-name {
  color: #666;
}
.video-view .video-tit .tit {
  display: block;
  font-size: 16px;
  margin-bottom: 9px;
}
.video-view .video-tit .h-box * {
  font-size: 13px;
  color: #999;
}
.video-view .video-tit .h-box > div .date {
  position: relative;
  margin-left: 12px;
}
.video-view .video-tit .h-box > div .date:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #b4b4b4;
}
.video-view .video-tit .h-box .views {
  display: inline-block;
  text-align: right;
  position: relative;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.video-view .video-tit .h-box .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 4px;
  width: 12px;
  height: 9px;
}
.video-view .car-video video {
  width: 100%;
}
.video-view .compare-car {
  padding: 30px 15px;
}
.video-view .compare-car .img {
  border-radius: 4px;
  overflow: hidden;
}
.video-view .compare-car .img img {
  width: 100%;
}
.video-view .compare-car .info-txt {
  display: -webkit-box;
  padding: 7px 0;
}
.video-view .compare-car .info-txt > div {
  -webkit-box-flex: 1;
}
.video-view .compare-car .info-txt > div:first-child span {
  display: inline-block;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #666;
  font-size: 13px;
  font-weight: 400;
}
.video-view .compare-car .info-txt > div:last-child {
  text-align: right;
}
.video-view .compare-car .info-txt > div:last-child a {
  position: relative;
  margin-left: 17px;
  color: #364f7f;
  text-decoration: none;
  font-size: 13px;
}
.video-view .compare-car .info-txt > div:last-child a:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 5px;
  width: 2px;
  height: 8px;
  background: #a1adc3;
}
.video-view .compare-car .info-txt > div:last-child a:first-child:after {
  display: none;
}
.video-view .list-cnt .tit-area {
  display: -webkit-box;
  padding: 27px 15px;
}
.video-view .list-cnt .tit-area > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.video-view .list-cnt .tit-area h2.tit {
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
}
.video-view .list-cnt .tit-area a {
  -webkit-box-pack: end;
  -webkit-box-align: center;
  text-decoration: none;
  color: #364f7f;
  font-size: 13px;
  font-weight: 400;
}
.video-view .list-cnt .list {
  padding: 0 15px;
}
.video-view .list-cnt .list li {
  margin-bottom: 15px;
}
.video-view .list-cnt .list a {
  display: block;
  text-decoration: none;
  color: #222;
}
.video-view .list-cnt .list a::after {
  display: block;
  clear: both;
  content: "";
}
.video-view .list-cnt .list a .img {
  float: left;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
}
.video-view .list-cnt .list a .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-view .list-cnt .list a .txt {
  padding: 0 0 0 125px;
}
.video-view .list-cnt .list a .txt .name {
  font-weight: 400;
}
.video-view .list-cnt .list a .txt .info span {
  position: relative;
  margin-right: 12px;
  color: #999;
  font-size: 13px;
}
.video-view .list-cnt .list a .txt .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.video-view .list-cnt .list a .txt .info span.date:after {
  display: none;
}
.video-view .list-cnt .list a .txt .money {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}
.video-view .s-carmd-info {
  border-bottom: 1px solid #ddd;
}
.video-view .s-carmd-info .s-newcar-info {
  margin-top: 0 !important;
}
.video-view .s-carmd-info .s-newcar-info .newcar-txt h3 span {
  position: relative;
  top: -2px;
}
.video-view .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl {
  margin-top: 3px;
}
.video-view .list-swiper {
  border-top: 1px solid #ddd;
}
.video-view .list-swiper .swiper-container {
  padding: 30px 15px 100px;
}
.video-view .list-swiper .swiper-container .swiper-slide {
  width: 140px;
  overflow: hidden;
}
.video-view .list-swiper .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  color: #fff;
}
.video-view .list-swiper .swiper-container .swiper-slide a .img {
  position: relative;
}
.video-view .list-swiper .swiper-container .swiper-slide a .img:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.video-view .list-swiper .swiper-container .swiper-slide a .img-block {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.video-view .list-swiper .swiper-container .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-view .list-swiper .swiper-container .swiper-slide a .txt {
  display: block;
  width: 100%;
  height: 39px;
  margin-top: 9px;
  padding: 0 2px;
  overflow: hidden;
  color: #222;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view {
  display: block;
  margin-top: 5px;
  color: #999;
  overflow: hidden;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view > div {
  display: inline;
  margin-right: 5px;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view .name {
  position: relative;
  font-size: 12px;
  margin-right: 7px;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view .name:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view .date {
  float: left;
  font-size: 13px;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view .views {
  float: right;
  position: relative;
  padding: 0 0 0 15px;
  margin: 3px 0 0 15px;
  font-size: 12px;
  line-height: 1;
}
.video-view .list-swiper .swiper-container .swiper-slide a .date-view .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 50%;
  width: 12px;
  height: 9px;
  margin-top: -5px;
}
.video-view .list-swiper .swiper-button-prev,
.video-view .list-swiper .swiper-button-next {
  top: inherit;
  bottom: 65px;
  width: auto;
  height: 13px;
  margin: 0;
  background: none;
  line-height: 13px;
  font-weight: 600;
}
.video-view .list-swiper .swiper-button-prev {
  padding-left: 24px;
}
.video-view .list-swiper .swiper-button-next {
  padding-right: 24px;
}
.video-view .list-swiper .swiper-button-prev:after,
.video-view .list-swiper .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
}
.video-view .list-swiper .swiper-button-next:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -219px -55px;
  right: 0;
}
.video-view .list-swiper .swiper-button-prev:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -219px -71px;
  left: 0;
}

.question-wrap {
  padding: 15px;
}
.question-wrap .tit-q {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 23px;
}
.question-wrap .tit-q:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -36px;
  width: 14px;
  height: 12px;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.question-wrap .tit-q .layerBtm {
  text-decoration: none;
  color: #364f7f;
}
.question-wrap .select-type {
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  background-position: right -51px;
}
.question-wrap .question-area .car-name {
  font-size: 18px;
  margin-bottom: 10px;
}
.question-wrap .question-area .question {
  margin-bottom: 10px;
}
.question-wrap .question-area .name-date {
  margin-bottom: 12px;
}
.question-wrap .question-area .name-date * {
  font-size: 13px;
  color: #999;
}
.question-wrap .question-area .name-date .date {
  position: relative;
  margin-left: 10px;
}
.question-wrap .question-area .name-date .date:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #cfcfcf;
}
.question-wrap .question-area .answer-area a {
  position: relative;
  display: inline-block;
  color: #364f7f;
  margin-bottom: 12px;
  padding: 0 0 0 23px;
  text-decoration: none;
}
.question-wrap .question-area .answer-area a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -14px -36px;
  width: 14px;
  height: 12px;
  left: 0;
  top: 2px;
}
.question-wrap .question-area .answer-area .answer-list {
  display: none;
  margin-bottom: 35px;
  border-top: 1px solid #ddd;
}
.question-wrap .question-area .answer-area .answer-list li {
  padding: 15px 22px;
  border-bottom: 1px solid #ddd;
}
.question-wrap .question-area .answer-area .answer-list .btn-more {
  position: relative;
  color: #364f7f;
  margin: 0 0 0 23px;
  padding: 10px 0 10px 23px;
  border: 0;
  background: none;
}
.question-wrap .question-area .answer-area .answer-list .btn-more:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -14px -48px;
  width: 14px;
  height: 12px;
  left: 0;
  top: 13px;
}
.question-wrap .question-area .answer-area .answer-list .run-box {
  margin-bottom: 12px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.question-wrap .question-area .answer-area .answer-list .run-box .name {
  display: block;
  margin-bottom: 7px;
}
.question-wrap .question-area .answer-area .answer-list .run-box .textarea-type {
  width: 100%;
  border: 0;
  padding: 0;
}
.question-wrap .question-area .answer-area .answer-list .run-box .h-box {
  margin: 0;
}
.question-wrap .question-area .answer-area .answer-list .run-box .h-box .btn-sigh {
  position: relative;
  color: #364f7f;
  padding: 0 0 0 23px;
  background: none;
  border: 0;
}
.question-wrap .question-area .answer-area .answer-list .run-box .h-box .btn-sigh:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -48px;
  width: 14px;
  height: 12px;
  left: 0;
  top: 2px;
}
.question-wrap .question-area .answer-area .answer-list .run-box .h-box .byte {
  font-size: 13px;
}

.texta-area {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}
.texta-area .textarea-type {
  width: 100%;
  padding: 0;
  border: 0;
  font-size: 14px;
}
.texta-area .byte {
  text-align: right;
  font-size: 13px;
  color: #666;
  margin: 15px 0 10px;
}
.texta-area.type-new {
  padding: 15px 20px;
}
.texta-area.type-new textarea {
  font: inherit;
  padding: 0;
  height: 60px;
}
.texta-area.type-new .byte {
  margin: 0 0 -8px;
}

.survey-wrap {
  padding: 15px;
}
.survey-wrap .select .select-type {
  margin-left: 5px;
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  background-position: right -51px;
}
.survey-wrap .result-list {
  margin-bottom: 30px;
}
.survey-wrap .result-list li {
  margin-bottom: 15px;
  display: -webkit-box;
}
.survey-wrap .result-list li .img {
  display: block;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-flex: 0;
  margin: 0;
}
.survey-wrap .result-list li .img img {
  width: 100%;
}
.survey-wrap .result-list li > div {
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.survey-wrap .result-list li .v-box {
  padding: 0 15px;
  -webkit-box-pack: center;
}
.survey-wrap .result-list li .v-box .name {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
}
.survey-wrap .top-com-infor {
  position: relative;
}
.survey-wrap .top-com-infor .st {
  color: #2666c6;
  font-weight: 700;
}
.survey-wrap .top-com-infor .tit {
  display: block;
  font-size: 16px;
  margin-top: 5px;
}
.survey-wrap .top-com-infor .btn-sharing {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -165px -73px;
  background-size: 250px;
}
.survey-wrap .top-com-infor .date-view {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #999;
}
.survey-wrap .top-com-infor .date-view > div {
  display: inline;
  margin-right: 5px;
}
.survey-wrap .top-com-infor .date-view .name {
  position: relative;
  font-size: 12px;
  margin-right: 7px;
}
.survey-wrap .top-com-infor .date-view .name:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 2px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.survey-wrap .top-com-infor .date-view .date {
  font-size: 13px;
}
.survey-wrap .top-com-infor .date-view .views {
  position: relative;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.survey-wrap .top-com-infor .date-view .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 4px;
  width: 12px;
  height: 9px;
}
.survey-wrap .img {
  margin: 20px -15px 30px;
}
.survey-wrap .img img {
  width: 100%;
}

.survey-list li {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}
.survey-list li.cor1 {
  background: #e9eef0;
}
.survey-list li.cor2 {
  background: #f5f6f9;
}
.survey-list li.cor3 {
  background: #f5f2ec;
}
.survey-list li.cor4 {
  background: #e7f6fc;
}
.survey-list li a {
  display: block;
  text-decoration: none;
  color: #222;
  padding: 30px 15px 15px;
}
.survey-list li a .tit {
  font-size: 18px;
}
.survey-list li a .h-box .date {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #999;
  font-size: 13px;
  padding: 0 0 0 10px;
  text-align: right;
}
.survey-list li a .h-box .partici span {
  margin-left: 3px;
  color: #2666c6;
  font-weight: 600;
}

.survey-wrap {
  background: #fff;
}
.survey-wrap .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.survey-wrap h2.tit {
  font-size: 24px;
  padding: 0;
}
.survey-wrap .survey-justify .blue-cor {
  color: #364f7f;
  font-weight: 600;
}
.survey-wrap .survey-justify .ico-detail {
  position: relative;
  color: #364f7f;
  padding: 0 0 0 25px;
  text-decoration: none;
}
.survey-wrap .survey-justify .ico-detail:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -217px -19px;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
}
.survey-wrap .radio-select li {
  margin-bottom: 10px;
}
.survey-wrap .radio-select label {
  position: relative;
  display: block;
  padding: 0 130px 0 27px;
  height: auto;
  min-height: 83px;
}
.survey-wrap .radio-select label > span {
  display: inline-block;
}
.survey-wrap .radio-select label .info {
  display: inline-block;
  -webkit-box-flex: 1;
  width: 100%;
}
.survey-wrap .radio-select label .info .tit {
  display: block;
  width: 100%;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.survey-wrap .radio-select label .info .txt {
  font-size: 13px;
  color: #999;
}
.survey-wrap .radio-select label .info .txt span {
  position: relative;
  margin: 0 10px 0 0;
}
.survey-wrap .radio-select label .info .txt span:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 3px;
  width: 1px;
  height: 10px;
  background: #cfcfcf;
}
.survey-wrap .radio-select label .info .txt span:first-child:after {
  display: none;
}
.survey-wrap .radio-select label .info .money {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 3px;
}
.survey-wrap .radio-select label .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0;
}
.survey-wrap .radio-select label .img img {
  width: 100%;
}

.comment-wrap .tit {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding: 0 0 0 23px;
  color: #364f7f;
}
.comment-wrap .tit:after {
  display: block;
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -217px -36px;
  left: 0;
  top: 3px;
  width: 14px;
  height: 12px;
}
.comment-wrap .rud-box {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}
.comment-wrap .rud-box .id {
  display: block;
  margin-bottom: 5px;
}
.comment-wrap .rud-box textarea {
  width: 100%;
  border: 0;
  height: auto;
  outline: none;
}
.comment-wrap .rud-box .h-box .btn a {
  position: relative;
  color: #364f7f;
  padding: 0 0 0 22px;
  text-decoration: none;
}
.comment-wrap .rud-box .h-box .btn a:after {
  display: block;
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -48px;
  left: 0;
  top: 2px;
  width: 14px;
  height: 12px;
}
.comment-wrap .rud-box .h-box .byte {
  font-size: 13px;
}
.comment-wrap .comment {
  margin-top: 38px;
}
.comment-wrap .comment .id-btn {
  display: -webkit-box;
  -webkit-box-pack: justify;
  margin-bottom: 15px;
}
.comment-wrap .comment .id-btn .id {
  display: block;
}
.comment-wrap .comment .id-btn .btn-del {
  position: relative;
  border: 0;
  background: none;
  color: #364f7f;
  padding: 0 0 0 20px;
}
.comment-wrap .comment .id-btn .btn-del:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -234px -19px;
  width: 11px;
  height: 15px;
  left: 0;
  top: 0;
}
.comment-wrap .comment .txt {
  margin-bottom: 8px;
}
.comment-wrap .comment .h-box .date {
  color: #999;
  font-size: 13px;
}
.comment-wrap .comment .h-box .date .time {
  position: relative;
  margin-left: 12px;
  font-size: 13px;
}
.comment-wrap .comment .h-box .date .time:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 2px;
  width: 1px;
  height: 9px;
  background: #b4b4b4;
}
.comment-wrap .comment .good span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 26px;
}
.comment-wrap .comment .good span:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -234px -36px;
  left: 0;
  top: 0;
  width: 16px;
  height: 17px;
}
.comment-wrap .no-comment {
  padding: 35px 0;
  text-align: center;
}
.comment-wrap .no-comment span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
}
.comment-wrap .no-comment span:after {
  display: block;
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -217px -48px;
  width: 14px;
  height: 12px;
  left: 0;
  top: 2px;
}

.graph-wrap, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage {
  position: relative;
  padding: 0 50px 0 0;
}
.graph-wrap .graph-bar, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-bar {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 15px;
  background: #f1f1f1;
  border-radius: 15px;
  margin-right: 20px;
  padding: 0;
  overflow: hidden;
}
.graph-wrap .graph-bar .graph-action, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-bar .graph-action {
  display: inline-block;
  height: 15px;
  background: #a6b5c7;
  border-radius: 15px;
  overflow: hidden;
}
.graph-wrap .graph-bar .graph-action.top, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-bar .graph-action.top {
  background: #2666c6;
}
.graph-wrap .graph-percent, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-percent {
  position: absolute;
  right: 0;
  top: -1px;
  font-size: 13px;
  color: #666;
}

.radio-ck {
  display: none;
  margin: 0;
  padding: 0;
}
.radio-ck + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0 20px;
  padding: 0 0 0 22px;
  line-height: 1.2em;
  height: 16px;
  font-size: 16px;
}
.radio-ck + label {
  padding: 0 0 0 27px;
}
.radio-ck + label:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 3px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
}
.radio-ck:checked + label:after {
  background-position: -208px -30px;
}

.admin-survey ul {
  margin-bottom: 30px;
}
.admin-survey ul:after {
  content: "";
  clear: both;
  display: block;
}
.admin-survey ul li {
  float: left;
  width: 50%;
  margin-bottom: 11px;
}
.admin-survey .radio-table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.admin-survey .radio-table table {
  border-collapse: collapse;
  width: 100%;
}
.admin-survey .radio-table table thead th {
  background: #f1f1f1;
  text-align: center;
  height: 40px;
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
.admin-survey .radio-table table tbody th {
  text-align: left;
  padding: 0 0 0 9px;
}
.admin-survey .radio-table table tbody td {
  padding: 7px 0;
  text-align: center;
}
.admin-survey .radio-table table tbody td .input-r + label {
  top: 2px;
}
.admin-survey .graph-area {
  padding: 10px 0 0;
}
.admin-survey .graph-area dt, .admin-survey .graph-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .admin-survey .graph-area dd {
  font-weight: 400;
  margin-bottom: 10px;
}
.admin-survey .graph-area dd {
  margin-bottom: 30px;
}

.sell-info-ex {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sell-info-ex .info {
  position: relative;
  padding: 30px 30px 10px 75px;
}
.sell-info-ex .info .photo {
  position: absolute;
  left: 20px;
  top: 30px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.sell-info-ex .info .photo img {
  width: 100%;
}
.sell-info-ex .info .name {
  font-size: 18px;
  font-weight: 400;
}
.sell-info-ex .info .name strong {
  font-size: 18px;
  color: #2666c6;
}
.sell-info-ex .info .addr {
  color: #999;
}
.sell-info-ex .info .buy-num dt, .sell-info-ex .info .buy-num .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .sell-info-ex .info .buy-num dd {
  display: inline-block;
}
.sell-info-ex .info .buy-num dd {
  display: inline-block;
  margin-right: 5px;
  font-weight: 600;
}
.sell-info-ex .info .buy-num dd.blue {
  color: #2666c6;
}
.sell-info-ex .info .buy-num dd.red {
  color: #fd665c;
}
.sell-info-ex .info .vehicle-price {
  text-align: right;
}
.sell-info-ex .info .vehicle-price dd {
  font-size: 20px;
  font-weight: 600;
}
.sell-info-ex .btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #4171bf;
  font-size: 16px;
  border-top: 1px solid #ddd;
  text-align: center;
  text-decoration: none;
}

.blue-txt2 {
  font-size: 14px;
  color: #2666c6 !important;
}

.p-box .noUi-horizontal .noUi-handle {
  display: block;
}
.p-box .price-range {
  display: none;
}
.p-box .select-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.p-box.check-on .price-range {
  display: block;
}
.p-box.check-on .select-bar {
  display: none;
}
.p-box.check-on .noUi-horizontal .noUi-handle, .p-box.check-on .noUi-target {
  display: none;
}

.buy-header-sub {
  padding: 0;
}
.buy-header-sub h1 {
  padding: 0;
}
.buy-header-sub .guide-movie {
  position: absolute;
  right: 15px;
  top: 17px;
}
.buy-header-sub .guide-movie a {
  position: relative;
  padding: 0 17px 0 0;
  color: rgba(236, 112, 99, 0.9);
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
}
.buy-header-sub .guide-movie a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background-color: rgba(236, 112, 99, 0.9);
  border-radius: 50%;
}
.buy-header-sub .guide-movie a:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.buy-sub-swiper {
  background: #f3f3f3;
  padding: 85px 0 25px;
}
.buy-sub-swiper .swiper-container {
  padding: 0 0 10px;
}
.buy-sub-swiper .swiper-slide {
  width: 80%;
  padding: 0 0 0 30px;
}
.buy-sub-swiper .swiper-slide p, .buy-sub-swiper .swiper-slide ul.guide-bul > li {
  margin-bottom: 10px;
  font-size: 24px;
}
.buy-sub-swiper .swiper-slide .img {
  width: 195px;
}
.buy-sub-swiper .swiper-slide .img.ps-t {
  position: relative;
  top: -25px;
}
.buy-sub-swiper .btn-type2 {
  margin: 0 15px;
}
.buy-sub-swiper .h-box.num-app {
  padding: 30px 30px 0;
}
.buy-sub-swiper .btn-guidevideo {
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy-sub-swiper .btn-guidevideo .btn {
  display: block;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  font-size: 13px;
  line-height: 54px;
  border-radius: 6px;
  background: #999999;
  color: #fff;
  text-align: center;
}
.buy-sub-swiper .btn-guidevideo .btn.btn-play img {
  width: 13px;
  vertical-align: top;
  margin: 21px 0 0 5px;
}
.buy-sub-swiper .btn-guidevideo .btn.btn-blue {
  background-color: #2666c6;
}

.buy-link {
  padding: 0 15px;
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.buy-link li {
  border-top: 1px solid #ddd;
  font-size: 16px;
  position: relative;
  display: block;
  width: 100%;
  min-height: 103px;
  padding: 20px 20px 20px 40px;
  font-size: 16px;
  font-weight: 500;
}
.buy-link li:first-child {
  border: 0;
}
.buy-link li:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_buy.png") no-repeat;
  background-size: 84px 28px;
  width: 28px;
  height: 28px;
  left: 0;
  top: 15px;
}
.buy-link li .tit {
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
}
.buy-link li .txt {
  margin-top: 10px;
  line-height: 18px;
  color: #666;
}
.buy-link li:nth-child(2):after {
  background-position: -28px 0;
}
.buy-link li:nth-child(3):after {
  background-position: -56px 0;
}

.app-history {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 15px;
}
.app-history h2.tit {
  font-size: 18px;
  padding: 0;
}
.app-history .tit-btn-area .sub-tit {
  font-weight: bold;
  font-size: 18px;
}
.app-history li {
  position: relative;
  display: -webkit-box;
  padding: 25px 0 32px;
  border-top: 1px solid #ddd;
}
.app-history li:first-child {
  border: 0;
}
.app-history li > div:first-child {
  -webkit-box-flex: 1;
  padding: 0 100px 0 0;
}
.app-history li .info .min-h {
  min-height: 66px;
}
.app-history li .info .name {
  display: -webkit-box;
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-history li .info .date {
  color: #222;
}
.app-history li .info .money {
  color: #2666c6;
  font-weight: 600;
}
.app-history li .info .money strong {
  font-size: 18px;
}
.app-history li .img {
  position: absolute;
  right: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  width: 110px;
  height: 100px;
  text-align: right;
}
.app-history li .img span {
  position: absolute;
  right: 0;
  top: 0;
}
.app-history li .img strong {
  color: #2666c6;
}
.app-history li .img .img-car img {
  width: 100%;
}
.app-history .ad-bananer {
  margin-top: 30px;
  background: #6e7da0;
  border-radius: 15px;
}
.app-history .ad-bananer a {
  display: block;
  padding: 30px 15px 35px 30px;
  color: #fff;
  text-decoration: none;
  height: auto;
}
.app-history .ad-bananer a .txt {
  margin-bottom: 17px;
}
.app-history .ad-bananer a .tit {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
.app-history .ad-bananer a .txt-ico {
  position: relative;
}
.app-history .ad-bananer a .txt-ico span {
  position: relative;
}
.app-history .ad-bananer a .txt-ico span:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -78px -323px;
  right: -15px;
  top: 5px;
  width: 5px;
  height: 8px;
}
.app-history .ad-bananer a .txt-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -73px -101px;
  right: 15px;
  top: 0;
  width: 107px;
  height: 22px;
}
.app-history .ad-bananer a {
  padding: 15px;
}
.app-history .ad-bananer a .txt-ico span:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 10px;
  top: 50%;
  margin-top: 3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.app-history .ad-bananer a .txt-ico span:after {
  width: 0;
  height: 0;
  right: -15px;
  top: 4px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.app-history .ad-bananer .banner-cnt {
  margin: 0;
}

.scroll-fixed {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.scroll-fixed.fix {
  position: fixed;
  left: 0;
  top: 0;
  padding: 10px 0 5px;
  width: 100%;
  background: #fff;
  z-index: 9;
}

.layer-pop-btm .content-pop .p-box .tit-tooltip .pop-tit {
  display: inline-block;
}
.layer-pop-btm .content-pop .p-box .tit-tooltip .tool-tip {
  position: relative;
  display: inline-block;
  left: 0;
  top: 7px;
}

.option-sel.type1 {
  display: block;
}
.option-sel.type1 li {
  float: left;
  width: 33.33%;
  margin: 0 0 5px;
  padding: 0 3px;
}

.price-range.box-area .h-box {
  margin-bottom: 0;
}
.price-range.box-area .dash {
  line-height: 38px;
}
.price-range.box-area .input-box .input-type {
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
}

.select-bar {
  margin-bottom: 0;
}
.select-bar .dash {
  font-size: 18px;
  padding: 0 6px;
  line-height: 38px;
}
.select-bar .select-type {
  height: 40px;
  background-position: right -1px;
}

.canvas-graph {
  padding: 0 15px 10px;
}

.webkit-box {
  display: -webkit-box;
}
.webkit-box h2.pop-tit {
  width: 52px;
}
.webkit-box .sel-model {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-flex: 1;
  padding: 0 10px 0 0;
}
.webkit-box .btn-lightblue {
  width: 105px;
  display: inline-block;
}
.webkit-box .btn-lightblue a {
  display: block;
}

.car-brand-icon li a .icon-img {
  display: -webkit-box !important;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  line-height: 1em;
}

.car-brand-icon li a .icon-img img {
  width: 30px !important;
}

.has-ripple {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ripple {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  background: #fff;
  opacity: 1;
}

.ripple-animate {
  -webkit-animation: ripple;
  animation: ripple;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
.usedcar-swiper .swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 18%;
  background: rgba(233, 233, 233, 0.2);
  border-radius: 4px;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 15px;
  overflow: hidden;
}
.usedcar-swiper .swiper-container-horizontal > .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  display: block;
  background: #fff;
  border-radius: 4px;
}
.usedcar-swiper .swiper-slide {
  display: -webkit-box;
}
.usedcar-swiper .swiper-slide .img {
  position: relative;
  width: 100%;
}
.usedcar-swiper .swiper-slide .img img {
  width: 100%;
}
.usedcar-swiper .swiper-slide .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 0;
}
.usedcar-swiper .swiper-slide strong {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  text-align: center;
}

.month-wrap {
  background: #fff;
  padding: 30px 15px;
}

.shop-list ul::after {
  display: block;
  clear: both;
  content: "";
}
.shop-list ul li {
  margin-bottom: 30px;
  padding: 0 5px;
  float: left;
  width: 50%;
}
.shop-list ul li .img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
.shop-list ul li .img:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.shop-list ul li .img .img-block {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.shop-list ul li .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop-list ul li .info {
  padding: 10px 0 0;
}
.shop-list ul li .info .top {
  position: relative;
  display: block;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 50px;
}
.shop-list ul li .info .top .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.shop-list ul li .info .top .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop-list ul li .info .top .name-blind {
  display: block;
  height: 40px;
  font-size: 0;
}
.shop-list ul li .info .top .name-blind:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.shop-list ul li .info .top .name-blind .name-blind-box {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.shop-list ul li .info .top .name-blind .name {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shop-list ul li .info .top .name-blind .friends {
  position: relative;
  display: block;
  width: 73px;
  height: 15px;
  margin-top: 3px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/sub/ico_kbfriends.png") no-repeat;
  background-size: 73px 15px;
}
.shop-list ul li .info .txt {
  height: 39px;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
  margin-bottom: 9px;
}
.shop-list ul li .info .name-date {
  height: 32px;
  overflow: hidden;
}
.shop-list ul li .info .name-date > *,
.shop-list ul li .info .name-date span {
  font-size: 12px;
  color: #999;
}
.shop-list ul li .info .name-date .name span {
  position: relative;
  margin-right: 10px;
}
.shop-list ul li .info .name-date .name span:after {
  content: "";
  position: absolute;
  top: 2px;
  right: -6px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.shop-list ul li .info .name-date .name span:last-child:after {
  display: none;
}

.month-area {
  background: #fff;
}
.month-area .tab-type ul {
  padding: 15px 0 0;
}
.month-area .tab-type ul li a {
  padding: 10px 0;
}
.month-area .introduce {
  padding: 25px 0;
  background: #f5f6f9;
  text-align: center;
}
.month-area .introduce .story-tit {
  font-size: 18px;
}
.month-area .introduce .name {
  margin-bottom: 25px;
  padding: 0 15px;
  font-size: 24px;
  font-weight: 600;
}
.month-area .introduce .photo {
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}
.month-area .introduce .photo img {
  width: 100%;
}
.month-area .introduce .name-date .friends {
  display: inline-block;
  text-indent: -999em;
  background: url("../images/sub/ico_kbfriends.png") no-repeat;
  background-size: 73px 15px;
  width: 73px;
  height: 15px;
  overflow: hidden;
}
.month-area .introduce .name-date .name-area {
  display: block;
  margin-top: 7px;
  font-weight: 600;
}
.month-area .introduce .name-date .name-area span {
  position: relative;
  padding: 0 7px;
}
.month-area .introduce .name-date .name-area span:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #222;
}
.month-area .introduce .name-date .name-area span:first-child:before {
  display: none;
}
.month-area .que-ans {
  padding: 27px 15px 0;
}
.month-area .que-ans > div {
  position: relative;
  font-size: 16px;
  margin-bottom: 30px;
}
.month-area .que-ans .question {
  padding: 0 0 0 29px;
}
.month-area .que-ans .question:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 2px;
  width: 19px;
  height: 17px;
  background-position: -481px -84px;
}
.month-area .que-ans .answer {
  padding: 0 0 0 29px;
}
.month-area .que-ans .answer strong {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
}
.month-area .que-ans .answer:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 4px;
  width: 19px;
  height: 17px;
  background-position: -481px -101px;
}
.month-area .img img {
  width: 100%;
}
.month-area .event-cont {
  padding: 30px 15px;
}
.month-area .event-cont .no-event {
  text-align: center;
  font-size: 18px;
  padding-top: 90px;
  min-height: 270px;
}

.month-corp-area {
  padding: 27px 15px;
}

.month-corp-head {
  padding: 20px 15px 20px 15px;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
.month-corp-head:first-of-type {
  padding-top: 15px;
}

.month-corp-item {
  padding: 10px 0;
}

.month-corp-box {
  position: relative;
}

.month-corp-text {
  position: relative;
  padding: 10px 0;
  font-size: 16px;
}
.month-corp-text strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.month-corp-box.question .month-corp-text, .month-corp-box.answer .month-corp-text {
  padding-left: 29px;
}
.month-corp-box.question .month-corp-text:first-of-type:after, .month-corp-box.answer .month-corp-text:first-of-type:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 12px;
  display: block;
  width: 19px;
  height: 17px;
}
.month-corp-box.question .month-corp-text:first-of-type:after {
  background-position: -481px -84px;
}
.month-corp-box.answer .month-corp-text:first-of-type:after {
  background-position: -481px -101px;
}

.month-corp-image {
  position: relative;
  margin: 0 -15px;
  padding: 10px 0;
}
.month-corp-image img {
  display: block;
  max-width: 100%;
}
.fr-view .month-corp-image span.fr-img-caption.fr-dii {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.fr-view .month-corp-image .fr-img-caption .fr-img-wrap > span {
  color: #919191;
  font-size: 12px;
  padding: 10px 15px 0 15px;
  opacity: 1;
}

.compare-veh:after {
  content: "";
  display: block;
  clear: both;
}

.compare-veh > div {
  float: left;
  width: 50%;
}

#drop-div {
  background: #f5f6f9;
  padding: 42px 15px 0;
}
#drop-div .btn-change {
  display: none;
}
#drop-div .del {
  top: 0;
  right: 0;
}
#drop-div .first .del {
  right: 8px;
  top: 8px;
}

.veh-area {
  position: relative;
  padding: 22px 15px 0;
  overflow: hidden;
}
.veh-area .del {
  position: absolute;
  right: -8px;
  top: -22px;
  text-align: right;
}
.veh-area .del a {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
  text-indent: 999em;
  background-size: 500px;
  width: 30px;
  height: 30px;
  font-size: 0;
  overflow: hidden;
}
.veh-area .del a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -36px -35px;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  margin: -7px 0 0 -7px;
}
.veh-area .cnt-area {
  position: relative;
}
.veh-area .cnt-area .btn-change {
  position: absolute;
  left: 0;
  top: -35px;
}
.veh-area .cnt-area .btn-change button {
  width: 15px;
  height: 15px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -481px -148px;
  border: 0;
  text-indent: -999em;
}
.veh-area .cnt-area .car-image-box {
  position: relative;
  margin-bottom: 15px;
  padding-top: 75%;
}
.veh-area .cnt-area .car-image-block {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-radius: 10px;
}
.veh-area .cnt-area .car-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.veh-area .cnt-area .car-name {
  display: -webkit-box;
  font-size: 16px;
  min-height: 65px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.veh-area .cnt-area .date-km {
  height: 38px;
  margin-bottom: 4px;
  overflow: hidden;
}
.veh-area .cnt-area .date-km > * {
  color: #999;
  font-size: 13px;
}
.veh-area .cnt-area .date-km .km-area span {
  position: relative;
  margin-right: 10px;
}
.veh-area .cnt-area .date-km .km-area span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 6px;
  width: 1px;
  height: 8px;
  background: #b2b3b4;
}
.veh-area .cnt-area .date-km .km-area span:last-child:after {
  display: none;
}
.veh-area .cnt-area .color {
  position: relative;
  margin-bottom: 5px;
}
.veh-area .cnt-area .color span {
  font-size: 13px;
  position: relative;
  padding: 0 0 0 15px;
}
.veh-area .cnt-area .color span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 9px;
  height: 9px;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
}
.veh-area .cnt-area .color span.black:after {
  background: #000;
}
.veh-area .cnt-area .color span.white:after {
  background: #fff;
}
.veh-area .cnt-area .color span.silver:after {
  background: #f0f0f0;
}
.veh-area .cnt-area .color span.gray:after {
  background: #bcbcbc;
}
.veh-area .cnt-area .color span.pearl-gray:after {
  background: #fefff9;
}
.veh-area .cnt-area .color span.red:after {
  background: #eb2a2a;
}
.veh-area .cnt-area .color span.orange:after {
  background: #e46600;
}
.veh-area .cnt-area .color span.yellow:after {
  background: #ffd800;
}
.veh-area .cnt-area .color span.brown:after {
  background: #a84200;
}
.veh-area .cnt-area .color span.green:after {
  background: #009944;
}
.veh-area .cnt-area .color span.blue:after {
  background: #324df4;
}
.veh-area .cnt-area .color span.purple:after {
  background: #9e32b1;
}
.veh-area .cnt-area .service-area {
  position: relative;
  height: 40px;
}
.veh-area .cnt-area .service-area span {
  position: absolute;
  left: 0;
  display: inline-block;
  background: #a6b5c7;
  height: 18px;
  border-radius: 18px;
  color: #fff;
  font-size: 13px;
  padding: 0 7px;
}
.veh-area .cnt-area .service-area span:first-child {
  top: 0;
}
.veh-area .cnt-area .service-area span:last-child {
  bottom: 0;
}
.veh-area .cnt-area .service-area span.cor {
  background: #10a8e5;
}
.veh-area .sns-area {
  padding: 0 0 60px;
}
.veh-area .sns-area a {
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 30px;
  height: 30px;
  margin-right: 7px;
}
.veh-area .sns-area a.kakao {
  background-position: -211px -138px;
}
.veh-area .sns-area a.copy {
  background-position: -211px -173px;
}
.veh-area .sns-area a.more {
  background-position: -211px -208px;
}
.veh-area .swiper-container {
  overflow: inherit;
}
.veh-area .swiper-container .swiper-slide {
  position: relative;
  padding: 20px 0 0;
}

.car-compare {
  margin: 0 0 55px;
  overflow: hidden;
}
.car-compare .tit {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 13px;
  padding: 0 0 7px;
}
.car-compare .tit .mark-txt {
  position: relative;
  padding: 0 0 0 10px;
  font-weight: 600;
}
.car-compare .tit .mark-txt:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  width: 2px;
  height: 2px;
  margin: -1px 0 0;
  background: #222;
}
.car-compare .tit .mark {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 13px;
  height: 13px;
  text-indent: 999em;
  overflow: hidden;
}
.car-compare .tit .mark:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 0;
  background-position: -481px -122px;
  width: 13px;
  height: 13px;
}
.car-compare .tit .mark.bad:after {
  background-position: -481px -135px;
}
.car-compare .dl-type {
  padding: 0 0 15px;
}
.car-compare .dl-type dt, .car-compare .dl-type .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-compare .dl-type dd {
  margin-bottom: 2px;
  font-size: 13px;
  color: #666;
}
.car-compare .dl-type dd {
  height: 35px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 8px;
  overflow: hidden;
}
.car-compare .dl-type dd span {
  font-size: 12px;
  white-space: nowrap;
}
.car-compare .btn-wrap .btn {
  display: block;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  background: #fff;
  text-decoration: none;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.car-compare .mileage {
  position: relative;
  padding: 0 0 0 37px;
}
.car-compare .mileage > * {
  display: block;
}
.car-compare .mileage span {
  font-size: 13px;
  color: #666;
}
.car-compare .mileage:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -453px -58px;
  left: 0;
  top: 8px;
  width: 28px;
  height: 26px;
}
.car-compare .mileage.high:after {
  background-position: -453px -84px;
}
.car-compare .mileage.low:after {
  background-position: -453px -58px;
}
.car-compare .acc-sub > div {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin-right: 8px;
}
.car-compare .acc-sub .num {
  display: block;
  width: 30px;
  height: 30px;
  background: #ddd;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
}
.car-compare .acc-sub .txt {
  font-size: 12px;
}
.car-compare .acc-sub .accident .num.cor {
  background: #fd665c;
}
.car-compare .acc-sub .submerged .num.cor {
  background: #2666c6;
}
.car-compare .fw-b {
  font-weight: 600;
}
.car-compare .dealer {
  display: -webkit-box;
  padding: 0 0 30px;
}
.car-compare .dealer .photo {
  width: 40px;
}
.car-compare .dealer .photo img {
  width: 100%;
}
.car-compare .dealer .v-box {
  padding: 0 0 0 10px;
}
.car-compare .dealer .v-box > * {
  display: block;
}
.car-compare .dealer .v-box .area {
  margin-bottom: 5px;
  font-size: 13px;
  color: #666;
}
.car-compare .dealer .v-box .personnel {
  display: block;
}
.car-compare.similar-area {
  height: 340px;
  padding: 0;
}
.car-compare.similar-area .tit {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  border: 0;
}
.car-compare.similar-area .car-name {
  display: block;
  font-weight: 600;
  margin-bottom: 30px;
}
.car-compare .dealer:after {
  display: none;
}
.car-compare.h-car-money {
  height: 315px;
  margin: 60px 0 0 0;
  padding: 0;
}
.car-compare.h-car-money .car-money-head {
  height: 50px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 9px;
  font-size: 0;
}
.car-compare.h-car-money .car-money-head:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  background: red;
}
.car-compare.h-car-money .car-money-head-block {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.car-compare.h-car-money .money {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
}
.car-compare.h-car-money .tit {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0;
  vertical-align: middle;
}
.car-compare.h-car-money .dl-type {
  height: 180px;
  padding: 7px 0 0 0;
  overflow: hidden;
}
.car-compare.h-car-money .btn-wrap {
  margin-top: 5px;
}
.car-compare.h-car-money .txt-h {
  padding: 10px 0 143px;
}

#drag-div {
  background: #fff;
}

.btn-brd.btn-details {
  margin: 30px 15px;
}

.fool-errand .big-txt {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
.fool-errand h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.fool-errand .line-list li {
  position: relative;
  margin: 0;
  padding: 19px 77px 17px 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-indent: 0;
}
.fool-errand .line-list li:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px auto;
  border-radius: 20px;
}
.fool-errand .line-list li:nth-child(1):after {
  background-position: 0 -108px;
}
.fool-errand .line-list li:nth-child(2):after {
  background-position: -40px -108px;
}
.fool-errand .line-list li:nth-child(3):after {
  background-position: 0 -148px;
}
.fool-errand .line-list li:nth-child(4):after {
  background-position: -40px -148px;
}
.fool-errand .line-list li + li {
  margin-top: 10px;
}
.fool-errand .line-list li .tit {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 14px;
  text-indent: -14px;
}
.fool-errand .line-list li .tit span {
  font-size: inherit;
}
.fool-errand .line-list li .txt {
  font-size: 13px;
  line-height: 18px;
  margin-top: 13px;
  color: #666;
}
.fool-errand .swiper-container {
  margin-bottom: 35px;
}
.fool-errand .swiper-container .swiper-slide {
  position: relative;
  width: 160px;
  height: 110px;
  padding: 65px 0 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.05em;
}
.fool-errand .swiper-container .swiper-slide:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  left: 50%;
  top: 15px;
  width: 40px;
  height: 40px;
  margin-left: -20px;
}
.fool-errand .swiper-container .swiper-slide:nth-child(1):after {
  background-position: 0 -108px;
}
.fool-errand .swiper-container .swiper-slide:nth-child(2):after {
  background-position: -40px -108px;
}
.fool-errand .swiper-container .swiper-slide:nth-child(3):after {
  background-position: 0 -148px;
}
.fool-errand .swiper-container .swiper-slide:nth-child(4):after {
  background-position: -40px -148px;
}
.fool-errand .txt-com {
  position: relative;
  padding: 0 0 160px;
}
.fool-errand .txt-com:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat -149px -68px;
  background-size: 250px;
  left: 50%;
  top: 90px;
  margin-left: -50px;
  width: 101px;
  height: 100px;
}
.fool-errand h3.tit {
  font-weight: 600;
  margin-bottom: 12px;
}
.fool-errand ol li {
  margin: 0 0 20px 15px;
  text-indent: -15px;
}
.fool-errand dl dt, .fool-errand dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .fool-errand dl dd {
  font-weight: 600;
  margin-bottom: 12px;
}
.fool-errand dl dd {
  position: relative;
  margin-bottom: 25px;
  padding: 0 0 0 8px;
  color: #999;
}
.fool-errand dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #fd665c;
  border-radius: 4px;
}

.affiliate-discount .txt-head {
  position: relative;
  font-size: 14px;
  margin-bottom: 25px;
}
.affiliate-discount .txt-head.has-image:after {
  content: "";
  display: block;
  margin: 20px auto 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background: url("../images/sub/affiliate_discount.png") no-repeat;
  background-size: 220px auto;
  background-position: left -60px;
}
.affiliate-discount .txt-head-small {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}
.affiliate-discount h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.affiliate-discount .line-list li {
  position: relative;
  margin: 0;
  padding: 19px 77px 17px 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-indent: 0;
}
.affiliate-discount .line-list li:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("../images/sub/affiliate_discount.png") no-repeat;
  background-size: 220px auto;
  border-radius: 20px;
}
.affiliate-discount .line-list li:nth-child(1):after {
  background-position: left top;
}
.affiliate-discount .line-list li:nth-child(2):after {
  background-position: -60px top;
}
.affiliate-discount .line-list li:nth-child(3):after {
  background-position: -120px top;
}
.affiliate-discount .line-list li:nth-child(4):after {
  background-position: -180px top;
}
.affiliate-discount .line-list li + li {
  margin-top: 10px;
}
.affiliate-discount .line-list li .tit {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 14px;
  text-indent: -14px;
}
.affiliate-discount .line-list li .tit span {
  font-size: inherit;
}
.affiliate-discount .line-list li .txt {
  font-size: 13px;
  line-height: 18px;
  margin-top: 13px;
  color: #666;
}
.affiliate-discount .swiper-container {
  margin-bottom: 35px;
}
.affiliate-discount .swiper-container .swiper-slide {
  position: relative;
  width: 235px;
  height: 110px;
  padding: 65px 0 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.05em;
}
.affiliate-discount .swiper-container .swiper-slide:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: url("../images/sub/affiliate_discount.png") no-repeat;
  background-size: 220px auto;
  margin-left: -20px;
}
.affiliate-discount .swiper-container .swiper-slide:nth-child(1):after {
  background-position: left top;
}
.affiliate-discount .swiper-container .swiper-slide:nth-child(2):after {
  background-position: -60px top;
}
.affiliate-discount .swiper-container .swiper-slide:nth-child(3):after {
  background-position: -120px top;
}
.affiliate-discount .swiper-container .swiper-slide:nth-child(4):after {
  background-position: -180px top;
}
.affiliate-discount h3.tit {
  font-weight: 600;
  margin-bottom: 12px;
}
.affiliate-discount ol li {
  margin: 0 0 20px 15px;
  text-indent: -15px;
}
.affiliate-discount dl dt, .affiliate-discount dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .affiliate-discount dl dd {
  font-weight: 600;
  margin-bottom: 12px;
}
.affiliate-discount dl dd {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 8px;
  color: #999;
}
.affiliate-discount dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #fd665c;
  border-radius: 4px;
}
.affiliate-discount .tel-block {
  display: block;
  margin-top: 2px;
  padding-left: 14px;
  font-size: 12px;
}
.affiliate-discount .tel-block span {
  font-size: inherit;
}
.affiliate-discount .tel {
  display: inline-block;
  padding-left: 4px;
  color: #2666c6;
}

.ext-gua .bl-circle.blue2 {
  margin-top: 10px;
}
.ext-gua .bl-circle.blue2:after {
  background: #aad1d9;
}
.ext-gua h2.tit {
  margin: 35px 0 10px;
  padding: 0;
  font-size: 18px;
}
.ext-gua .appl-list li {
  position: relative;
  display: -webkit-box;
  -webkit-box-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 80px;
  padding: 0 25px 0 39px;
  font-size: 15px;
  text-indent: -15px;
  margin: 0 0 10px 0;
}
.ext-gua .appl-list li span {
  font-size: 15px;
}
.ext-gua .appl-list li:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  right: 25px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.ext-gua .appl-list li:nth-child(1):after {
  background-position: -80px -108px;
}
.ext-gua .appl-list li:nth-child(2):after {
  background-position: -80px -148px;
}
.ext-gua .appl-list li:nth-child(3):after {
  background-position: -80px -68px;
}
.ext-gua .btn-h-box {
  margin-top: 15px;
}
.ext-gua .btn-h-box a {
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  color: #222;
}
.ext-gua .btn-h-box a.on {
  color: #fff;
}
.ext-gua .table-type * {
  padding: 0;
}
.ext-gua .table-type th,
.ext-gua .table-type td {
  border-left: 0;
  padding: 13px 14px;
}
.ext-gua .table-type tbody td {
  color: #666;
  font-weight: 400;
}
.ext-gua .table-type tbody td strong {
  color: #222;
}
.ext-gua .table-type tbody td dt.tit, .ext-gua .table-type tbody td .dealer-detail .dealer-detail__status > div dd.tit, .dealer-detail .dealer-detail__status > div .ext-gua .table-type tbody td dd.tit {
  margin-bottom: 10px;
  color: #222;
  font-weight: 600;
}
.ext-gua .table-type tbody td dd {
  margin-bottom: 10px;
}
.ext-gua .table-type tbody td .btn-link {
  display: block;
  color: #364f7f;
  text-decoration: none;
  font-weight: 600;
}
.ext-gua .bl-list {
  margin-bottom: 50px;
}
.ext-gua .bl-list li:after {
  background: #fd665c;
}
.ext-gua .indi > * {
  font-size: 16px;
}
.ext-gua .indi span {
  position: relative;
  margin-left: 15px;
}
.ext-gua .indi span:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: #000;
}
.ext-gua .ext-check {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 60px;
  position: relative;
  top: 4px;
}
.ext-gua .car-info {
  background: #f1f1f1;
  border-radius: 4px;
  text-align: center;
  padding: 12px 15px;
}
.ext-gua .car-info .car-name {
  font-size: 24px;
  letter-spacing: -0.05em;
}
.ext-gua .car-info .info > * {
  position: relative;
  font-size: 13px;
  color: #666;
  margin-left: 10px;
}
.ext-gua .car-info .info > *:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #666;
}
.ext-gua .car-info .info > *:nth-child(1) {
  margin: 0;
}
.ext-gua .car-info .info > *:nth-child(1):after {
  display: none;
}

.terms-area {
  height: 160px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}
.terms-area * {
  color: #666;
  font-size: 12px;
}
.terms-area .scroll {
  height: 130px;
  overflow: auto;
}
.terms-area .num-list > li li {
  margin: 0 0 0 15px;
}
.terms-area .bl-list {
  margin: 5px 0 20px;
}
.terms-area .bl-list li {
  margin: 4px 0;
  font-size: 12px;
}
.terms-area .bl-list li:after {
  background: #666;
  width: 2px;
  height: 2px;
  border-radius: 4px;
}
.terms-area .bl-circle {
  font-size: 12px;
}
.terms-area .bl-circle:after {
  top: 5px;
}

.acc-btn a.blue {
  background: #2666c6;
  color: #fff;
}

.car-owne .car-type1 {
  position: relative;
  padding: 15px;
  display: -webkit-box;
}
.car-owne .car-type1 .s-car-img {
  width: 130px;
  height: 98px;
}
.car-owne .car-type1 .s-car-img span {
  position: absolute;
  top: 25px;
  left: 25px;
  display: block;
  padding: 1px 5px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
  z-index: 2;
}
.car-owne .car-type1 .s-car-img span.z-inded-top {
  z-index: 9;
}
.car-owne .car-type1 .s-car-txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.car-owne .car-type1 .s-car-txt .s-brand {
  font-size: 15px;
}
.car-owne .car-type1 .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.car-owne .car-type1 .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.car-owne .car-type1 .s-car-txt .s-info span:last-child:after {
  display: none;
}
.car-owne .car-type1 .s-car-txt .s-pay {
  color: #2666c6;
}
.car-owne .car-type1 .s-car-txt .s-pay b {
  font-weight: bold;
  font-size: 24px;
}
.car-owne .car-type1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  z-index: 2;
}
.car-owne .car-tip {
  padding: 30px 15px;
}
.car-owne .car-tip .tit {
  display: block;
  margin: 0 0 12px;
  font-size: 18px;
}
.car-owne .car-tip ol {
  color: #666;
}
.car-owne .car-tip ol li {
  margin-bottom: 20px;
}
.car-owne .car-tip .summary {
  margin-bottom: 30px;
}
.car-owne .car-tip .summary dt, .car-owne .car-tip .summary .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-owne .car-tip .summary dd {
  position: relative;
  color: #fd665c;
  margin-bottom: 10px;
  padding: 0 0 0 17px;
  font-weight: 600;
}
.car-owne .car-tip .summary dt:after, .car-owne .car-tip .summary .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .car-owne .car-tip .summary dd:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
}
.car-owne .car-tip .bl-circle {
  margin: 4px 0 0 19px;
  padding: 0 0 0 9px;
  color: #666;
}
.car-owne .car-tip .bl-circle:after {
  width: 2px;
  height: 2px;
  background: #666;
}
.car-owne .owner-seller .tit {
  position: relative;
}
.car-owne .warranty-info-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px top;
  background-size: 250px auto;
}

.info-type {
  padding: 13px 0 0;
}
.info-type h2.tit {
  padding: 0;
  margin-bottom: 12px;
}
.info-type .big-txt {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
.info-type .big-txt span {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.5;
}
.info-type .radio-list::after {
  display: block;
  clear: both;
  content: "";
}
.info-type .radio-list li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.info-type .radio-list li .s-txt {
  display: block;
  margin-top: 3px;
  color: #666;
  font-size: 12px;
  line-height: 1.5em;
}
.info-type .byte {
  margin-top: 5px;
  text-align: right;
  font-size: 13px;
  color: #666;
}

.v-box.txt-left .h-type .tit {
  -webkit-box-flex: initial;
  width: 130px;
}
.v-box.txt-left .h-type .txt {
  -webkit-box-pack: start;
}

.sns-sharing {
  text-align: center;
}
.sns-sharing a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 7px;
  text-indent: -999em;
}
.sns-sharing a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.sns-sharing .kakaotalk:after {
  background-position: -450px -175px;
}
.sns-sharing .story:after {
  background-position: -450px -225px;
}
.sns-sharing .facebook:after {
  background-position: -450px -275px;
}
.sns-sharing .url:after {
  background-position: -450px -325px;
}

.safety-wrap h2.tit {
  margin-bottom: 10px;
  font-size: 24px;
  padding: 0;
}
.safety-wrap .graph-wrap, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph .history-guage, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .safety-wrap .history-guage {
  width: 100%;
  height: 80px;
  margin: 25px 0;
  padding: 0;
}
.safety-wrap .graph-wrap .graph-bar, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-bar, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph .graph-bar, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .safety-wrap .history-guage .graph-bar {
  height: 80px;
  border-radius: 4px;
  margin-right: 0;
}
.safety-wrap .graph-wrap .graph-bar .graph-action, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .graph-bar .graph-action, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph .graph-bar .graph-action, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .safety-wrap .history-guage .graph-bar .graph-action {
  height: 80px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#fd665c), to(#2666c6));
  background: linear-gradient(90deg, #fd665c, #2666c6);
}
.safety-wrap .graph-wrap .num, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .num, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph .num, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .safety-wrap .history-guage .num {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 120px;
  font-size: 25px;
  color: #fff;
  margin-left: -60px;
  text-align: center;
}
.safety-wrap .graph-wrap .num span, .safety-wrap .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .num span, .wrap-member .my-history .history-chart table tr th .graph-wrap .safety-wrap .history-graph .num span, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .safety-wrap .history-guage .num span {
  font-size: 18px;
  color: #fff;
  font-weight: 200;
}
.safety-wrap .safety-info {
  display: -webkit-box;
  margin-bottom: 30px;
}
.safety-wrap .safety-info .box {
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-flex: 1;
  width: 33.33%;
  height: 97px;
  margin-right: 10px;
  padding: 15px 0 0 10px;
}
.safety-wrap .safety-info .box:last-of-type {
  margin: 0;
}
.safety-wrap .safety-info .box .tit {
  display: block;
  margin-bottom: 13px;
}
.safety-wrap .safety-info .box .grade {
  font-size: 15px;
}
.safety-wrap .safety-info .box .percebt {
  font-weight: 600;
}
.safety-wrap .safety-info .box .num {
  position: relative;
  margin-left: 7px;
  font-size: 12px;
  color: #666;
}
.safety-wrap .safety-info .box .num:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #8f8f8f;
}
.safety-wrap .add {
  border-bottom: 1px solid #ddd;
  margin-bottom: 60px;
}
.safety-wrap .add li {
  display: -webkit-box;
  border-top: 1px solid #ddd;
  padding: 13px 0;
}
.safety-wrap .add li > div {
  display: -webkit-box;
  -webkit-box-flex: 1;
  padding: 0 0 0 10px;
  color: #666;
}
.safety-wrap .add li > div:last-of-type {
  -webkit-box-pack: end;
  padding: 0 10px 0 0;
  color: #222;
  font-weight: 600;
}
.safety-wrap.s-section {
  padding: 25px 15px 30px;
}
.safety-wrap.s-section .tit-btn-area {
  margin-bottom: 8px;
}
.safety-wrap.s-section .safety-list {
  display: -webkit-box;
  margin-bottom: 25px;
}
.safety-wrap.s-section .safety-list > div {
  width: 33.333%;
}
.safety-wrap.s-section .safety-list .tit {
  display: block;
  font-weight: 500;
}
.safety-wrap.s-section .safety-list .star-area .star-rating,
.safety-wrap.s-section .safety-list .star-area .star-rating span {
  width: 45px;
  height: 9px;
  background: url("../images/sub/bg_star.png") no-repeat 0 -9px;
  background-size: 45px 54px;
}
.safety-wrap.s-section .safety-list .star-area .star-rating span {
  background-position: 0 0;
}
.safety-wrap.s-section .safety-list .pedestrian .star-rating span {
  background-position: 0 -18px;
}
.safety-wrap.s-section .safety-list .prevention .star-rating span {
  background-position: 0 -36px;
}
.safety-wrap.s-section .safety-list .percent-num .percent {
  font-weight: 500;
}
.safety-wrap.s-section .safety-list .percent-num .num {
  position: relative;
  margin-left: 10px;
  font-size: 12px;
  color: #666;
}
.safety-wrap.s-section .safety-list .percent-num .num:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 1px;
  height: 8px;
  background: #c1c1c1;
}
.safety-wrap.s-section .extra-point .tit {
  display: block;
  margin-bottom: 10px;
}
.safety-wrap.s-section .extra-point .txt > span {
  color: #666;
}
.safety-wrap.s-section .extra-point .txt > span .num {
  color: #222;
}
.safety-wrap.s-section .extra-point .txt > span.first {
  position: relative;
  margin-right: 25px;
}
.safety-wrap.s-section .extra-point .txt > span.first:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #c1c1c1;
}

.as-tab ul li a {
  padding-top: 4px;
}

.hide-area {
  display: none;
}

.rateit {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.rateit .rateit-range {
  position: relative;
  display: inline-block;
  background: url("../images/sub/sprite_sell.png");
  background-position: -130px -41px;
  background-size: 250px;
  width: 120px;
  height: 19px;
  outline: none;
}
.rateit .rateit-range * {
  display: block;
}
.rateit .rateit-hover,
.rateit .rateit-selected {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}
.rateit .rateit-hover,
.rateit .rateit-selected {
  background: url("../images/sub/sprite_sell.png") -130px -60px;
  background-size: 250px;
}
.rateit .rateit-font {
  font-size: 19px;
}

.big-star .text {
  position: relative;
  top: -1px;
  display: inline-block;
  color: #fd665c;
  margin-left: 5px;
  font-style: normal;
  font-size: 16px;
}

.ps-r {
  position: relative !important;
}

.img-animation {
  position: fixed;
  width: 100%;
  -webkit-animation: car-animate 3s ease-in-out;
          animation: car-animate 3s ease-in-out;
  height: 100vh;
}
.img-animation img {
  width: 100%;
}
.img-animation .on {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

@-webkit-keyframes car-animate {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes car-animate {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.animate-graph {
  position: relative;
  bottom: -9px;
  background: url("../images/sub/bg_graph.png") no-repeat;
  background-size: 211px 105px;
  width: 211px;
  height: 105px;
  margin: 50px auto 60px;
}
.animate-graph[class*=on]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-size: 211px 105px;
  width: 211px;
  height: 105px;
}
.animate-graph.on1:after {
  background-image: url("../images/sub/bg_graph01_on.png");
}
.animate-graph.on2:after {
  background-image: url("../images/sub/bg_graph02_on.png");
}
.animate-graph.on3:after {
  background-image: url("../images/sub/bg_graph03_on.png");
}
.animate-graph.on4:after {
  background-image: url("../images/sub/bg_graph04_on.png");
}
.animate-graph.on5:after {
  background-image: url("../images/sub/bg_graph05_on.png");
}

.pin-wrap {
  position: relative;
  bottom: -6px;
  width: 26%;
  height: 100%;
  margin: 0 0 0 37%;
}
.pin-wrap .pin {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  z-index: 2;
}
.pin-wrap .pin:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #2666c6;
}
.pin-wrap .pin:before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 2;
  border-radius: 9px;
}
.pin-wrap .bar {
  position: absolute;
  bottom: 7px;
  width: 50%;
  height: 4px;
  z-index: 0;
}
.pin-wrap .bar:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #2666c6;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-transform-origin: 100%;
      -ms-transform-origin: 100%;
          transform-origin: 100%;
  -webkit-transition: 2.5s;
  transition: 2.5s;
}
.pin-wrap .bar.num1:after {
  -ms-transform: rotate(15deg);
      transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
}
.pin-wrap .bar.num2:after {
  -ms-transform: rotate(52deg);
      transform: rotate(52deg);
  -webkit-transform: rotate(52deg);
  -webkit-transition: 1s;
  transition: 1s;
}
.pin-wrap .bar.num3:after {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -webkit-transition: 1s;
  transition: 1s;
}
.pin-wrap .bar.num4:after {
  -ms-transform: rotate(130deg);
      transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.pin-wrap .bar.num5:after {
  -ms-transform: rotate(165deg);
      transform: rotate(165deg);
  -webkit-transform: rotate(165deg);
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.hw-graph-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hw-graph-area > div {
  position: relative;
  width: 50%;
}
.hw-graph-area .pie {
  position: relative;
  top: -20px;
}
.hw-graph-area .pie.top {
  top: -10px;
}
.hw-graph-area .pie .pie-wrap {
  position: relative;
  height: 140px;
}
.hw-graph-area .pay {
  text-align: center;
}
.hw-graph-area .pay span {
  display: block;
}
.hw-graph-area .persent {
  position: absolute;
  padding-left: 10px;
}
.hw-graph-area .persent:before {
  position: absolute;
  left: 0px;
  top: 4px;
  display: block;
  width: 6px;
  height: 10px;
  background-image: url("../images/sub/sprite_buy2.png");
  background-repeat: no-repeat;
  background-size: 250px;
  content: "";
}
.hw-graph-area .persent.up {
  top: -2px;
  left: -2px;
  color: #fd665c;
}
.hw-graph-area .persent.up:before {
  background-position: -5px -170px;
}
.hw-graph-area .persent.down {
  right: -2px;
  bottom: -2px;
  color: #2666c6;
}
.hw-graph-area .persent.down:before {
  background-position: -19px -184px;
}
.hw-graph-area .legends {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -34px;
  margin-top: -19px;
  z-index: 2;
}
.hw-graph-area .legends li {
  padding-left: 12px;
  position: relative;
}
.hw-graph-area .legends li:before {
  position: absolute;
  left: 0px;
  top: 6px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  content: "";
}
.hw-graph-area .legends li.man:before {
  background-color: #2666c6;
}
.hw-graph-area .legends li.fe:before {
  background-color: #fd665c;
}
.hw-graph-area .linear {
  padding-top: 6px;
  padding-right: 17px;
}
.hw-graph-area .linear .info {
  text-indent: -99999px;
  position: relative;
  top: -1px;
  margin-left: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../images/sub/sprite_buy2.png");
  background-size: 250px auto;
}
.hw-graph-area .linear ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.hw-graph-area .linear ul li .bg {
  width: 100%;
  position: relative;
  height: 15px;
  background-color: #f1f1f1;
  border-radius: 50px;
}
.hw-graph-area .linear ul li span {
  display: inline-block;
  width: 38%;
}
.hw-graph-area .linear ul li em {
  width: 33px;
  text-align: right;
  position: absolute;
  left: 75px;
  top: 0px;
  color: #666;
  font-style: normal;
  font-size: 13px;
  z-index: 1;
  white-space: nowrap;
}
.hw-graph-area .linear ul li .bar {
  position: relative;
  height: 15px;
  background-color: #a6b5c7;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.hw-graph-area .linear ul li .bar em {
  color: #fff;
}
.hw-graph-area .linear ul li .bar.on {
  background-color: #2666c6;
}
.hw-graph-area .linear.type02 {
  width: 40%;
  padding: 0px;
}
.hw-graph-area .linear.type02 .tit {
  display: block;
  text-align: center;
}
.hw-graph-area .linear.type02 ul {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hw-graph-area .linear.type02 ul li {
  margin-bottom: 0px;
  margin-right: 10px;
}
.hw-graph-area .linear.type02 ul li .bg {
  position: relative;
  width: 7px;
  height: 80px;
}
.hw-graph-area .linear.type02 ul li .bar {
  position: absolute;
  bottom: 0px;
  width: 7px;
}
.hw-graph-area .linear.type02 ul li:last-child {
  margin-right: 0px;
}
.hw-graph-area .linear.type02 .bottom-txt {
  margin-top: 10px;
  text-align: center;
}

.v-txt {
  display: -webkit-box;
  -webkit-box-align: end;
}

.sticky-area-white {
  padding-top: 30px;
  background-color: #fff;
}

.estimate-area.no-shadow-line {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tab-verstion {
  padding-top: 30px;
}
.tab-verstion > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  margin-bottom: 10px;
}
.tab-verstion > ul li {
  margin-right: 25px;
}
.tab-verstion > ul li > a {
  display: block;
  font-size: 16px;
  padding: 10px 0;
}
.tab-verstion > ul li > a.on {
  font-weight: 700;
  color: #364f7f;
}
.tab-verstion .tab-content {
  display: none;
  height: 150px;
}
.tab-verstion .tab-content.on {
  display: block;
}

.tag-wrap .tag {
  width: 180px;
  height: 85px;
  padding: 15px 12px;
  border-radius: 5px;
}
.tag-wrap .tag strong {
  color: #000;
}
.tag-wrap .tag p, .tag-wrap .tag ul.guide-bul > li {
  height: 38px;
  color: #000;
  overflow: hidden;
}
.tag-wrap .tag.bg01, .tag-wrap .tag.bg02, .tag-wrap .tag.bg03 {
  background-color: #fff;
}

.fv-list .tag-wrap .swiper-slide {
  width: auto !important;
}
.fv-list .sw-list {
  padding: 0 15px;
}
.fv-list .sw-list .swiper-slide {
  overflow: hidden;
}
.fv-list .sw-list .swiper-slide a {
  display: block;
  text-decoration: none;
  color: #222;
}
.fv-list .sw-list .swiper-slide a .s-car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.fv-list .sw-list .swiper-slide a .s-car-info .car-name {
  text-align: left !important;
  font-size: 14px;
  margin: 10px 0 5px;
}
.fv-list .sw-list .swiper-slide a .s-car-info .car-pay {
  font-size: 12px;
  display: block;
}
.fv-list .sw-list .swiper-slide a img {
  width: 130px;
  height: 98px;
  border-radius: 6px;
}

.flex-wrap {
  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;
}
.flex-wrap > strong {
  margin-bottom: 0px;
}
.flex-wrap .input-ck + label {
  font-size: 14px;
}

.header.shipping-header {
  position: relative;
  padding: 0;
}
.header.shipping-header h1 {
  padding: 0;
}
.header.shipping-header .guide-movie {
  position: absolute;
  right: 15px;
  top: 17px;
}
.header.shipping-header .guide-movie a {
  position: relative;
  padding: 0 17px 0 0;
  color: rgba(236, 112, 99, 0.9);
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
}
.header.shipping-header .guide-movie a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background-color: rgba(236, 112, 99, 0.9);
  border-radius: 50%;
}
.header.shipping-header .guide-movie a:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.shipping-wrap .send-top-step {
  padding: 0 30px 30px;
}
.shipping-wrap .send-top-step .tit {
  display: block;
  font-size: 22px;
  margin-bottom: 8px;
}
.shipping-wrap .send-top-step p, .shipping-wrap .send-top-step ul.guide-bul > li {
  margin-bottom: 26px;
  font-size: 15px;
}
.shipping-wrap .send-top-step ol {
  margin-bottom: 30px;
}
.shipping-wrap .send-top-step ol li {
  position: relative;
  margin-bottom: 10px;
  padding: 11px 25px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.shipping-wrap .send-top-step ol li > * {
  display: block;
}
.shipping-wrap .send-top-step ol li .step-num {
  margin-bottom: 5px;
  color: #2666c6;
  font-size: 12px;
}
.shipping-wrap .send-top-step ol li:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
}
.shipping-wrap .send-top-step ol li:nth-child(1):after {
  background-position: 0 0;
}
.shipping-wrap .send-top-step ol li:nth-child(2):after {
  background-position: -45px 0;
}
.shipping-wrap .send-top-step ol li:nth-child(3):after {
  background-position: -90px 0;
}
.shipping-wrap .send-top-step ol li:nth-child(4):after {
  background-position: -135px 0;
}
.shipping-wrap .send-top-step .btn-wrap {
  margin-bottom: 30px;
}
.shipping-wrap .send-top-step .btn-wrap .btn {
  border-color: #2c4783;
  background-color: #2c4783;
  color: #fff;
}
.shipping-wrap .send-top-step .btn-wrap .btn span {
  font-size: 18px;
}
.shipping-wrap .k-section .tit {
  font-size: 15px;
  font-family: inherit;
  font-weight: 600;
  margin-bottom: 0;
  padding: 30px 15px 20px;
}
.shipping-wrap .k-section .k-car-name {
  font-size: 15px;
}
.shipping-wrap .k-section .img-area img {
  width: 100%;
}
.shipping-wrap .k-section .cmm-cor-circle {
  padding: 0 30px;
}
.shipping-wrap .k-section .cmm-cor-circle li {
  position: relative;
  padding: 0 0 205px 14px;
  color: #666;
}
.shipping-wrap .k-section .cmm-cor-circle li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
}
.shipping-wrap .k-section .cmm-cor-circle li.list1:after {
  background-color: #fd5f61;
}
.shipping-wrap .k-section .cmm-cor-circle li.list2:after {
  background-color: #2666c6;
}
.shipping-wrap .k-section .cmm-cor-circle li.list3:after {
  background-color: #ffcc00;
}
.shipping-wrap .k-section .cmm-cor-circle li:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: 150px;
  height: 150px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px 500px;
  margin-left: -75px;
}
.shipping-wrap .k-section .cmm-cor-circle li.list1:before {
  background-position: 0 -45px;
}
.shipping-wrap .k-section .cmm-cor-circle li.list2:before {
  background-position: -155px -45px;
}
.shipping-wrap .k-section .cmm-cor-circle li.list3:before {
  background-position: -310px -45px;
}
.shipping-wrap .send-step-list {
  position: relative;
  padding: 0 30px;
}
.shipping-wrap .send-step-list li {
  position: relative;
  padding: 0 0 25px 19px;
}
.shipping-wrap .send-step-list li strong {
  display: block;
}
.shipping-wrap .send-step-list li .step-num {
  position: relative;
  color: #2666c6;
  margin-bottom: 8px;
}
.shipping-wrap .send-step-list li .step-num:after, .shipping-wrap .send-step-list li .step-num:before {
  content: "";
  position: absolute;
}
.shipping-wrap .send-step-list li .step-num:after {
  left: -19px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #2666c6;
  border-radius: 9px;
}
.shipping-wrap .send-step-list li .step-num:before {
  left: -16px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #fff;
  z-index: 2;
}
.shipping-wrap .send-step-list li .tit {
  font-size: 15px;
  margin-bottom: 8px;
  padding: 0;
}
.shipping-wrap .send-step-list li p, .shipping-wrap .send-step-list li ul.guide-bul > li {
  color: #666;
}
.shipping-wrap .send-step-list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 18px;
  width: 60px;
  height: 60px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
}
.shipping-wrap .send-step-list li.step01:after {
  background-position: 0 -200px;
}
.shipping-wrap .send-step-list li.step02:after {
  background-position: -65px -200px;
}
.shipping-wrap .send-step-list li.step03:after {
  background-position: -130px -200px;
}
.shipping-wrap .send-step-list li.step04:after {
  background-position: -195px -200px;
}
.shipping-wrap .send-step-list:after {
  content: "";
  position: absolute;
  left: 34px;
  top: 8px;
  width: 1px;
  height: 75%;
  background: #2666c6;
}
.shipping-wrap .txt-q {
  color: #666;
  margin-bottom: 30px;
  padding: 0 15px;
}
.shipping-wrap .note-caution {
  padding: 0 15px 30px;
}
.shipping-wrap .note-caution li {
  margin: 0 0 10px 15px;
  text-indent: -14px;
  color: #666;
}
.shipping-wrap .note-caution li span {
  margin-right: 5px;
}

.payment-method {
  background: #fff;
  padding: 15px;
  border-radius: 7px;
}
.payment-method .cmm-radio-box .h-box .tit {
  display: inline-block;
  width: 35px;
  -webkit-box-flex: initial;
}
.payment-method .cmm-radio-box .input-r + label:after {
  top: 17px;
}

.cmm-justify {
  display: -webkit-box;
  -webkit-box-pack: justify;
}
.cmm-justify > * {
  display: -webkit-box;
  -webkit-box-align: center;
}
.cmm-justify .pay {
  font-size: 20px;
  color: #2666c6;
  font-weight: 600;
}

.cmm-s-txt {
  margin-top: 10px;
  color: #999;
  font-size: 12px;
}

.cmm-bl-dot > li {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 8px;
}
.cmm-bl-dot > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #222;
}

.cmm-bl-circle li {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 8px;
}
.cmm-bl-circle li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fd665c;
}

.cmm-bl-dash > li {
  position: relative;
  margin-top: 6px;
  padding: 0 0 0 7px;
  color: #666;
}
.cmm-bl-dash > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 1px;
  background: #666;
}
.cmm-bl-dash > li.red {
  color: #fd665c;
}
.cmm-bl-dash > li.red:after {
  background: #fd665c;
}

.cmm-bl-star {
  position: relative;
  padding: 0 0 0 10px;
  color: #666;
}
.cmm-bl-star:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.cmm-li-star li {
  position: relative;
  padding: 0 0 0 10px;
  color: #666;
}
.cmm-li-star li:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}

.cmm-bl-tip li {
  position: relative;
  margin-bottom: 12px;
  padding: 0 0 0 14px;
}
.cmm-bl-tip li:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.cmm-bl-tip li .blue-txt {
  position: relative;
  color: #336fc9 !important;
}
.cmm-bl-tip li .blue-txt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #336fc9;
}
.cmm-bl-tip.red li {
  color: #fd665c;
}

.cmm-bl-finger > li {
  position: relative;
  padding: 0 0 0 18px;
}
.cmm-bl-finger > li:after {
  content: "☞";
  position: absolute;
  left: 0;
  top: 0;
}

.cmm-txt-area .cmm-dl-list dt, .cmm-txt-area .cmm-dl-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cmm-txt-area .cmm-dl-list dd {
  border-bottom: 0;
  margin-bottom: 15px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
}
.cmm-txt-area .cmm-dl-list dd {
  display: block;
  margin-bottom: 25px;
  padding: 0;
  border: 0;
}
.cmm-txt-area .cmm-dl-list dd .tit {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}
.cmm-txt-area .cmm-dl-list dd .cor-black {
  color: #222;
}
.cmm-txt-area .cmm-bl-dash li {
  font-size: 12px;
}
.cmm-txt-area .cmm-bl-star {
  font-size: 12px;
}

.s-section.non-top-radius {
  border-radius: 0 0 15px 15px;
}

[class*=one-stop-box] {
  position: relative;
  padding: 25px 30px 30px;
}
[class*=one-stop-box] .txt {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  padding-right: 90px;
}
[class*=one-stop-box] .txt span {
  font-size: inherit;
}
[class*=one-stop-box] a {
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 1px 25px 0 10px;
  color: #fff;
  line-height: 2.15;
  border-radius: 15px;
  background: #2666c6;
  text-decoration: none;
  overflow: hidden;
}
[class*=one-stop-box] a:before, [class*=one-stop-box] a:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
[class*=one-stop-box] a:before {
  right: 12px;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
[class*=one-stop-box] a:after {
  right: 14px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #2666c6;
}
[class*=one-stop-box]:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 75px;
  height: 76px;
  margin-top: -38px;
  background: url("../images/sub/bg_onestop.png") no-repeat;
  background-size: 215px 141px;
}

.cmm-sub-tit {
  font-size: 18px;
}

.one-stop-box1:after {
  background-position: 0 0;
}

.one-stop-box2:after {
  background-position: -80px 0;
}

.affi-card {
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: justify;
  padding: 30px 25px;
  background: #eaf4fe;
  border-radius: 15px;
}
.affi-card .info-txt {
  -webkit-box-flex: 1;
}
.affi-card .tit {
  display: block;
  font-size: 11px;
  color: #88a1cf;
}
.affi-card strong {
  display: block;
  color: #5a5ea1;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
}
.affi-card .card-application {
  position: relative;
  display: inline-block;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0 25px 0 10px;
  color: #5a5ea1;
  line-height: 2.15;
  border-radius: 15px;
  border: 1px solid #5a5ea1;
  text-decoration: none;
  overflow: hidden;
}
.affi-card .card-application:before, .affi-card .card-application:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.affi-card .card-application:before {
  right: 12px;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #5a5ea1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.affi-card .card-application:after {
  right: 14px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #eaf4fe;
}
.affi-card .card-img {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 92px;
  height: 58px;
  margin-top: -29px;
}
.affi-card .card-img img {
  width: 100%;
}

.kb-finance {
  padding: 25px 15px 30px;
}
.kb-finance ul {
  margin-top: 12px;
  border-bottom: 1px solid #ddd;
}
.kb-finance ul li {
  border-top: 1px solid #ddd;
}
.kb-finance ul li a {
  position: relative;
  display: block;
  height: 50px;
  padding: 0 0 0 15px;
  color: #222;
  text-decoration: none;
  line-height: 48px;
}
.kb-finance ul li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 6px;
  height: 11px;
  background: url("../images/sub/bg_onestop.png") no-repeat -209px 0;
  background-size: 215px 141px;
  margin-top: -5px;
}

.appl-complete-tit {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 14px 0 13px 15px;
  background: #364f7f;
}

.cmm-appl-complete {
  color: #666;
  font-size: 14px;
  padding: 30px 15px;
}
.cmm-appl-complete .cmm-appl-complete-head {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.cmm-appl-complete .cmm-appl-complete-sub-head {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.cmm-appl-complete .consult-link {
  color: #222;
  background: #f5f6f9;
  border-radius: 4px;
  text-align: center;
  padding: 15px 0;
  margin: 30px 0 15px;
}
.cmm-appl-complete .consult-link strong {
  display: block;
  font-size: 30px;
  margin: 5px 0 0;
}
.cmm-appl-complete .consult-link .consult-link-btn {
  display: block;
}
.cmm-appl-complete .consult-link .consult-link-btn a {
  display: inline-block;
  width: 155px;
  height: 40px;
  margin: 15px auto 0;
  border: 1px solid #2666c6;
  background: #2666c6;
  color: #fff;
  border-radius: 4px;
  margin-left: 5px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
}
.cmm-appl-complete .consult-link .one-line {
  display: inline-block;
  white-space: nowrap;
}

.cmm-appl-process {
  padding: 30px 15px;
}
.cmm-appl-process .appl-process-step {
  margin: 10px 0 0 0;
}
.cmm-appl-process .appl-process-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 20px 80px 20px 20px;
  margin-bottom: 10px;
}
.cmm-appl-process .appl-process-step li .tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}
.cmm-appl-process .appl-process-step li .txt {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
}
.cmm-appl-process .appl-process-step li .icon {
  position: relative;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -20px;
  border-radius: 50%;
  background-color: #f5f6f9;
}
.cmm-appl-process .appl-process-step li .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-image: url("../images/common/icon_sprite.png");
  background-repeat: no-repeat;
  background-size: 360px auto;
}
.cmm-appl-process .appl-process-step li.step01 .icon:after {
  background-position: -179px -32px;
}
.cmm-appl-process .appl-process-step li.step02 .icon:after {
  background-position: -73px -131px;
}
.cmm-appl-process .appl-process-step li.step03 .icon:after {
  background-position: -58px -518px;
}

.cmm-ins-use {
  padding: 25px 15px 5px 15px;
}
.cmm-ins-use ul {
  margin-top: 30px;
  display: -webkit-box;
}
.cmm-ins-use ul li {
  position: relative;
  width: 25%;
  padding: 60px 0 0;
  text-align: center;
}
.cmm-ins-use ul li:after, .cmm-ins-use ul li:before {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_onestop.png") no-repeat;
  background-size: 215px 141px;
}
.cmm-ins-use ul li:after {
  left: 50%;
  top: 0;
  width: 50px;
  height: 50px;
  margin-left: -25px;
}
.cmm-ins-use ul li:before {
  right: -2px;
  top: 18px;
  width: 6px;
  height: 11px;
  background-position: 0 -130px;
}
.cmm-ins-use ul li:nth-child(1):after {
  background-position: 0 -80px;
}
.cmm-ins-use ul li:nth-child(2):after {
  background-position: -55px -80px;
}
.cmm-ins-use ul li:nth-child(3):after {
  background-position: -110px -80px;
}
.cmm-ins-use ul li:nth-child(4):after {
  background-position: -165px -80px;
}
.cmm-ins-use ul li:nth-child(4):before {
  display: none;
}

.note-area {
  padding: 25px 15px;
}
.note-area li {
  color: #666;
}

.limit-inquiry-wrap {
  padding: 15px;
  background: #fff;
}
.limit-inquiry-wrap .cmm-h1-tit {
  margin-bottom: 13px;
  font-size: 18px;
}
.limit-inquiry-wrap .cmm-table tbody td {
  font-size: 12px;
  font-weight: normal;
}
.limit-inquiry-wrap .step {
  margin-bottom: 30px;
  overflow: hidden;
}
.limit-inquiry-wrap .step ol {
  position: relative;
  margin-left: -5px;
  font-size: 0;
}
.limit-inquiry-wrap .step li {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  background: #cdcdcd;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-left: 5px;
  overflow: hidden;
  line-height: 20px;
}
.limit-inquiry-wrap .step li.on {
  background: #999;
  width: auto;
  padding: 0 8px;
}
.limit-inquiry-wrap .step li.on:after {
  display: none;
}
.limit-inquiry-wrap .step li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #cdcdcd;
  font-weight: 600;
  color: #fff;
}
.limit-inquiry-wrap .step li:nth-child(1):after {
  content: "1";
}
.limit-inquiry-wrap .step li:nth-child(2):after {
  content: "2";
}
.limit-inquiry-wrap .step li:nth-child(3):after {
  content: "3";
}
.limit-inquiry-wrap .step li:nth-child(4):after {
  content: "4";
}
.limit-inquiry-wrap .step li:nth-child(5):after {
  content: "5";
}
.limit-inquiry-wrap .step li:nth-child(6):after {
  content: "6";
}
.limit-inquiry-wrap .step li:nth-child(7):after {
  content: "7";
}
.limit-inquiry-wrap .step li:nth-child(8):after {
  content: "8";
}
.limit-inquiry-wrap .step li:nth-child(9):after {
  content: "9";
}
.limit-inquiry-wrap .cmm-h2-tit {
  font-size: 18px;
}
.limit-inquiry-wrap .cmm-info-justify {
  padding: 8px 0;
  overflow: hidden;
}
.limit-inquiry-wrap .cmm-info-justify.check {
  padding: 12px 10px;
  background: #f1f1f1;
}
.limit-inquiry-wrap .cmm-info-justify.check .tit {
  position: relative;
  font-weight: 600;
  padding: 0 0 0 25px;
  color: #222;
}
.limit-inquiry-wrap .cmm-info-justify.check .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../images/common/sprite.png") no-repeat -18px -18px;
  background-size: 500px;
  width: 15px;
  height: 15px;
}
.limit-inquiry-wrap .cmm-info-justify.check .txt {
  position: relative;
  font-weight: 600;
  padding: 0 0 0 13px;
  color: #222;
}
.limit-inquiry-wrap .cmm-info-justify.check .txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #2666c6;
}
.limit-inquiry-wrap .cmm-info-justify.check.impossible .txt {
  color: #666;
}
.limit-inquiry-wrap .cmm-info-justify.check.impossible .tit:after {
  background-position: 0 -18px;
  border-radius: 2px;
}
.limit-inquiry-wrap .cmm-info-justify.check.impossible .txt:after {
  background: #999;
}
.limit-inquiry-wrap .cmm-info-justify .tit {
  float: left;
  color: #666;
}
.limit-inquiry-wrap .cmm-info-justify .txt {
  float: right;
  font-weight: 600;
}
.limit-inquiry-wrap .cmm-info-box {
  padding: 0 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.limit-inquiry-wrap .cmm-info-box .cmm-justify {
  padding: 8px 0;
}
.limit-inquiry-wrap .cmm-info-box .tit {
  color: #666;
}
.limit-inquiry-wrap .cmm-info-box .txt {
  font-weight: 600;
}
.limit-inquiry-wrap .cmm-info-box.result-cfm {
  border: 0;
}
.limit-inquiry-wrap .cmm-info-box.result-cfm .tit {
  color: #222;
}
.limit-inquiry-wrap .cmm-info-box.result-cfm .txt {
  font-weight: 400;
}
.limit-inquiry-wrap .box-area .h-box {
  margin-top: 25px;
}
.limit-inquiry-wrap .box-area .tit {
  font-size: 14px;
}
.limit-inquiry-wrap .accept-terms {
  margin-top: 12px;
}
.limit-inquiry-wrap .accept-terms .total {
  border: 0;
}
.limit-inquiry-wrap .accept-terms .check-area {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.limit-inquiry-wrap .accept-terms .show-hide-area {
  position: relative;
}
.limit-inquiry-wrap .accept-terms .show-hide-area button {
  position: absolute;
  right: 0;
  top: 15px;
  width: 30px;
  height: 30px;
  border: 0;
  background: none;
}
.limit-inquiry-wrap .accept-terms .show-hide-area button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 6px;
  background: url("../images/common/sprite.png") no-repeat -77px -231px;
  background-size: 500px;
  margin: -3px 0 0 -4px;
}
.limit-inquiry-wrap .accept-terms .show-hide-area button.on:after {
  background-position: -77px -237px;
}
.limit-inquiry-wrap .accept-terms .list-accept .in-check {
  padding: 0 0 0 25px;
}
.limit-inquiry-wrap .accept-terms .list-accept .bor-none {
  border: 0;
}
.limit-inquiry-wrap .accept-terms .list-accept.cmm-list-accept {
  border-bottom: 1px solid #ddd;
}
.limit-inquiry-wrap .accept-terms .list-accept.cmm-list-accept > div label {
  padding: 10px 60px 10px 35px;
}
.limit-inquiry-wrap .red-cor {
  color: #fd665c;
}
.limit-inquiry-wrap .btn-del {
  position: absolute;
  right: 0;
  top: 8px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 2px;
  background: none;
}
.limit-inquiry-wrap .btn-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 15px;
  background-size: 500px;
  background-position: -36px -35px;
  margin: -7px 0 0 -7px;
}
.limit-inquiry-wrap .select-type:disabled {
  color: #999;
}
.limit-inquiry-wrap .select-type::-ms-expand {
  display: none;
}

.cmm-list-guide dt, .cmm-list-guide .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cmm-list-guide dd {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 18px;
  color: #222;
  font-weight: 600;
}
.cmm-list-guide dt:after, .cmm-list-guide .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .cmm-list-guide dd:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
}
.cmm-list-guide dd {
  margin-bottom: 10px;
  padding: 0 0 0 18px;
  color: #666;
}

.cmm-info-area {
  padding: 0 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cmm-info-area .cmm-justify {
  padding: 8px 0;
}
.cmm-info-area .tit {
  color: #666;
}
.cmm-info-area .txt {
  font-weight: 600;
}
.cmm-info-area.result-cfm {
  border: 0;
}
.cmm-info-area.result-cfm .tit {
  color: #222;
}
.cmm-info-area.result-cfm .txt {
  font-weight: 400;
}

.cmm-h-box {
  display: -webkit-box;
  padding: 13px 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cmm-h-box .tit {
  display: block;
  width: 100px;
}
.cmm-h-box .txt {
  display: -webkit-box;
  -webkit-box-flex: 1;
  font-weight: 600;
  color: #222;
}
.cmm-h-box + .cmm-h-box {
  border-top: 0;
}

.cmm-justify.check {
  padding: 12px 10px;
  background: #f1f1f1;
}
.cmm-justify.check .tit {
  position: relative;
  font-weight: 600;
  padding: 0 0 0 25px;
}
.cmm-justify.check .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../images/common/sprite.png") no-repeat -18px -18px;
  background-size: 500px;
  width: 15px;
  height: 15px;
}
.cmm-justify.check .txt {
  position: relative;
  font-weight: 600;
  padding: 0 0 0 13px;
}
.cmm-justify.check .txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #2666c6;
}
.cmm-justify.check.impossible .tit:after {
  background-position: 0 -18px;
  border-radius: 2px;
}
.cmm-justify.check.impossible .txt:after {
  background: #999;
}

.financial-ins .cmm-bl-dash > li {
  color: #222;
}
.financial-ins .cmm-bl-dash > li.red {
  color: #fd665c;
}
.financial-ins .cmm-bl-dash > li.red:after {
  background: #fd665c;
}
.financial-ins .red {
  color: #fd665c;
}
.financial-ins .num-list > li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 18px;
}
.financial-ins .num-list > li .num {
  position: absolute;
  top: -1px;
  left: 0;
}
.financial-ins .btn-out-link {
  position: relative;
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 1px 25px 0 10px;
  color: #222;
  line-height: 27px;
  border: 1px solid #8b929e;
  border-radius: 3px;
  text-decoration: none;
}
.financial-ins .btn-out-link:before, .financial-ins .btn-out-link:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.financial-ins .btn-out-link:before {
  right: 10px;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #747474;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.financial-ins .btn-out-link:after {
  right: 12px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.cmm-bl {
  position: relative;
  color: #666;
  padding: 0 0 0 18px;
}
.cmm-bl span {
  position: absolute;
  left: 0;
  top: -2px;
}

.pm-list .swiper-wrapper {
  height: 50px;
}
.pm-list .swiper-wrapper .swiper-slide a {
  overflow: hidden;
}
.pm-list .swiper-wrapper .swiper-slide a .tit {
  float: left;
  display: block;
  width: 160px;
  margin-top: 15px;
}
.pm-list .swiper-wrapper .swiper-slide a .tit .num {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 18px;
  height: 20px;
  line-height: 16px;
  padding-right: 1px;
  margin-right: 2px;
  border-radius: 3px 3px 0 0;
  font-size: 13px;
  letter-spacing: -0.02em;
  color: #fff;
  background-color: #364f7f;
}
.pm-list .swiper-wrapper .swiper-slide a .tit .num:before, .pm-list .swiper-wrapper .swiper-slide a .tit .num:after {
  content: "";
  position: absolute;
  bottom: -6px;
  display: block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pm-list .swiper-wrapper .swiper-slide a .tit .num:before {
  left: -8px;
}
.pm-list .swiper-wrapper .swiper-slide a .tit .num:after {
  right: -8px;
}
.pm-list .swiper-wrapper .swiper-slide a .tit .car {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}
.pm-list .swiper-wrapper .swiper-slide a .img {
  float: right;
  display: block;
  width: 101px;
  height: 50px;
}
.pm-list .swiper-wrapper .swiper-slide a .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.car-model-list {
  overflow: hidden;
  padding: 0 10px;
}
.car-model-list .hide-list {
  overflow: hidden;
}
.car-model-list .hide-list li {
  float: left;
  display: block;
  text-align: center;
  width: 31.25vw;
  height: 110px;
}
.car-model-list .hide-list li a {
  display: inline-block;
  text-align: center;
  width: 28.125vw;
}
.car-model-list .hide-list li a .c-img {
  display: block;
  height: 65px;
}
.car-model-list .hide-list li a .c-img img {
  display: inline-block;
  height: 100%;
  width: auto;
}
.car-model-list .hide-list li a .c-txt {
  display: block;
  text-align: center;
  height: 32px;
  line-height: 16px;
  margin-top: 2px;
  padding: 0 5px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}

.ext-gua-area {
  padding-bottom: 27px;
  background-color: #f1f1f1;
}
.ext-gua-area .ext-gua-box {
  padding: 27px 15px;
  margin-top: 10px;
  border-radius: 15px;
  background-color: #fff;
}
.ext-gua-area .ext-gua-box.top {
  margin-top: 0;
  border-radius: 0px 0px 15px 15px;
}

.ext-gua-box {
  margin-top: 43px;
}
.ext-gua-box * {
  letter-spacing: -0.03em;
}
.ext-gua-box.top {
  margin-top: 0;
}
.ext-gua-box .eg-txt {
  line-height: 22px;
  font-weight: bold;
}
.ext-gua-box .h2-tit {
  line-height: 22px;
  margin: 22px 0 10px;
  font-size: 18px;
  font-weight: 500;
}
.ext-gua-box .eg-line-list li {
  position: relative;
  padding: 18px 77px 18px 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.ext-gua-box .eg-line-list li:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
}
.ext-gua-box .eg-line-list li:nth-child(1):after {
  background-position: 0 -265px;
}
.ext-gua-box .eg-line-list li:nth-child(2):after {
  background-position: -45px -265px;
}
.ext-gua-box .eg-line-list li:nth-child(3):after {
  background-position: -90px -265px;
}
.ext-gua-box .eg-line-list li + li {
  margin-top: 10px;
}
.ext-gua-box .eg-line-list li .tit {
  line-height: 19px;
  font-size: 15px;
  font-weight: 500;
}
.ext-gua-box .eg-line-list li .txt {
  font-size: 13px;
  line-height: 18px;
  margin-top: 13px;
  color: #666;
}
.ext-gua-box .eg-line-list.in-layer li {
  padding-top: 19px;
  padding-bottom: 17px;
}
.ext-gua-box .eg-line-list.in-layer li .tit {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.ext-gua-box .eg-line-list.in-layer li .tit span {
  font-size: inherit;
}
.ext-gua-box .eg-line-list.in-layer li:after {
  background-size: 325px;
}
.ext-gua-box .eg-line-list.in-layer li:nth-child(1):after {
  background-position: 0 -130px;
}
.ext-gua-box .eg-line-list.in-layer li:nth-child(2):after {
  background-position: -87px -172px;
}
.ext-gua-box .eg-line-list.in-layer li:nth-child(3):after {
  background-position: -130px -172px;
}
.ext-gua-box .eg-bg-list li {
  position: relative;
  padding: 18px 10px 18px 18px;
  border-radius: 4px;
}
.ext-gua-box .eg-bg-list li:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
  width: 35px;
  height: 48px;
  margin-top: -24px;
}
.ext-gua-box .eg-bg-list li + li {
  margin-top: 10px;
}
.ext-gua-box .eg-bg-list li.bg01 {
  background-color: #edf5fa;
}
.ext-gua-box .eg-bg-list li.bg01:after {
  background-position: 0 -399px;
}
.ext-gua-box .eg-bg-list li.bg02 {
  background-color: #fbf7f2;
}
.ext-gua-box .eg-bg-list li.bg02:after {
  background-position: -39px -399px;
}
.ext-gua-box .eg-bg-list li.bg03 {
  background-color: #f6effa;
}
.ext-gua-box .eg-bg-list li.bg03:after {
  background-position: -78px -399px;
}
.ext-gua-box .eg-bg-list li .tit {
  line-height: 18px;
  font-weight: 600;
}
.ext-gua-box .eg-bg-list li .txt {
  line-height: 18px;
  margin-top: 8px;
}
.ext-gua-box .eg-num-list > ul li {
  position: relative;
  line-height: 20px;
  padding-left: 17px;
}
.ext-gua-box .eg-num-list > ul li > span {
  display: inline-block;
  line-height: 20px;
}
.ext-gua-box .eg-num-list > ul li .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 17px;
  line-height: 20px;
}
.ext-gua-box .eg-num-list.tp02 > ul li {
  color: #999;
}
.ext-gua-box .eg-bul-list {
  margin-top: 12px;
}
.ext-gua-box .eg-bul-list li {
  position: relative;
  line-height: 20px;
  padding-left: 6px;
}
.ext-gua-box .eg-bul-list li + li {
  margin-top: 18px;
}
.ext-gua-box .eg-bul-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  background-color: #fd665c;
}
.ext-gua-box .eg-bul-list.cor-gray li {
  color: #999;
}
.ext-gua-box .eg-img {
  display: block;
  margin-top: 30px;
}
.ext-gua-box .eg-img img {
  display: block;
  width: 100%;
  height: auto;
}
.ext-gua-box .eg-tab .tabs-area ul {
  overflow: hidden;
  padding-bottom: 15px;
}
.ext-gua-box .eg-tab .tabs-area ul li {
  float: left;
  width: 33.3%;
}
.ext-gua-box .eg-tab .tabs-area ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  text-align: center;
  line-height: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
  color: #222;
}
.ext-gua-box .eg-tab .tabs-area ul li.on a {
  border-color: #222;
  font-weight: 600;
}
.ext-gua-box .eg-txt-area {
  padding-left: 8px;
}
.ext-gua-box .eg-txt-area .tit {
  line-height: 18px;
  margin: 15px 0 10px;
}

.eg-tbl01 table,
.eg-tbl02 table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.eg-tbl01 .tb-lt,
.eg-tbl02 .tb-lt {
  text-align: left !important;
}
.eg-tbl01 .tb-rt,
.eg-tbl02 .tb-rt {
  text-align: right !important;
}
.eg-tbl01 .tb-cen,
.eg-tbl02 .tb-cen {
  text-align: center !important;
}
.eg-tbl01 .tb-last,
.eg-tbl02 .tb-last {
  border-right: 0 none !important;
}
.eg-tbl01 .s-th,
.eg-tbl02 .s-th {
  text-align: center;
  color: #222;
}
.eg-tbl01 .txt-wb,
.eg-tbl02 .txt-wb {
  word-break: break-all;
}

.eg-tbl01 table tr > * {
  color: #666;
  font-size: 13px;
}
.eg-tbl01 table thead th {
  line-height: 20px;
  padding: 5px 0;
  background-color: #f1f1f1;
}
.eg-tbl01 table tbody td {
  line-height: 20px;
  height: 50px;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
}

.eg-tbl02 table tr > * {
  color: #666;
  font-size: 13px;
}
.eg-tbl02 table thead th {
  line-height: 20px;
  padding: 10px 0;
  background-color: #f1f1f1;
}
.eg-tbl02 table thead th.tb-lt {
  padding-left: 13px;
}
.eg-tbl02 table tbody td {
  line-height: 20px;
  height: 50px;
  padding: 5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.snackbar-container {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-property: top, right, bottom, left, opacity;
  transition-property: top, right, bottom, left, opacity;
  font-family: inherit;
  font-size: 14px;
  min-height: 14px;
  position: fixed;
  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;
  color: #fff;
  padding: 0 15px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
}
.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  cursor: pointer;
}

.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 15px;
  right: 0;
  left: 0;
  text-align: center;
  padding: 0 15px;
}
.snackbar-pos.bottom-center p, .snackbar-pos.bottom-center ul.guide-bul > li {
  position: relative;
  width: 100%;
  padding: 15px 16px !important;
  line-height: 1.4;
  font-size: 14px !important;
}
.snackbar-pos.bottom-center p:after, .snackbar-pos.bottom-center ul.guide-bul > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #222;
  opacity: 0.7;
  z-index: -1;
  border-radius: 12px;
}
.snackbar-pos.bottom-center.btm65 {
  bottom: 65px;
}
.snackbar-pos.bottom-center .inner-mixed {
  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;
}
.snackbar-pos.bottom-center .inner-mixed .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #ffcc00;
  font-weight: 700;
  text-align: left;
}
.snackbar-pos.bottom-center .inner-mixed .util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  font-weight: 700;
  color: #fff;
}
.snackbar-pos.bottom-center .inner-mixed .util a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 5px 0 5px 10px;
  margin: -5px 0;
}
.snackbar-pos.bottom-center .inner-mixed .util a:after {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: -2px 0 0 5px;
  content: "";
}

.ins-link li {
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.ins-link li a {
  display: -webkit-box;
  padding: 10px 0;
  vertical-align: top;
  text-decoration: none;
  -webkit-box-pack: justify;
}
.ins-link li a img {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}
.ins-link li a .btn-m {
  display: block;
  width: 80px;
  background: #2666c6;
  color: #fff;
  border-radius: 4px;
  line-height: 24px;
}
.ins-link li.ins-k a img {
  width: 225px;
}
.ins-link li.ins-h a img {
  width: 126px;
}
.ins-link li.ins-s a img {
  width: 115px;
}

.insurance-list {
  position: relative;
  overflow: hidden;
}

.insurance-list-item {
  position: relative;
  display: block;
  padding: 15px 5px 13px 5px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.insurance-list-item:first-child {
  border-top: none;
}

.insurance-list-company {
  float: left;
  display: block;
  color: #575757;
  font-size: 16px;
  line-height: 1;
}
.insurance-list-company strong {
  font-weight: 600;
}

.insurance-list-link {
  float: right;
  position: relative;
  color: #6e87ab;
  font-size: 14px;
  line-height: 1;
  margin-top: 1px;
  padding: 0 12px 0 22px;
  text-decoration: none;
}
.insurance-list-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: -9px;
  background: url("../images/sub/insurance_logo.png") no-repeat;
  background-size: 17px auto;
  vertical-align: middle;
}
.insurance-list-link.link-kb:before {
  background-position: left top;
}
.insurance-list-link.link-hyundai:before {
  background-position: left -34px;
}
.insurance-list-link.link-samsung:before {
  background-position: left -17px;
}
.insurance-list-link .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 6px;
  height: 12px;
  margin-top: -7px;
}
.insurance-list-link .arrow:before, .insurance-list-link .arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.insurance-list-link .arrow:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #6e87ab;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.insurance-list-link .arrow:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.car-fixed {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 50%;
  height: 190px;
  background: #f5f6f9;
  padding: 15px;
  z-index: 100;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
}
.car-fixed.change {
  left: auto;
  right: 0;
}
.car-fixed .del {
  text-align: right;
  position: absolute;
  right: 8px;
  top: 8px;
}
.car-fixed .del a {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
  text-indent: 999em;
  background-size: 500px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 0;
}
.car-fixed .del a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -36px -35px;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  margin: -7px 0 0 -7px;
}
.car-fixed .car-name {
  display: -webkit-box;
  height: 40px;
  margin: 30px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-fixed .btn-wrap .h-box a:first-child {
  margin-right: 5px;
}
.car-fixed .btn-wrap a {
  display: block;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  background: #fff;
  text-decoration: none;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.car-fixed .btn-change {
  position: absolute;
  left: 15px;
  top: 15px;
}
.car-fixed .btn-change button {
  width: 15px;
  height: 15px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -481px -148px;
  border: 0;
  text-indent: -999em;
}

.counsel-tel {
  display: -webkit-box;
  -webkit-box-align: center;
}
.counsel-tel .img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.counsel-tel .img img {
  width: 100%;
  height: 100%;
}
.counsel-tel .txt {
  padding: 0 0 0 13px;
}
.counsel-tel .txt span {
  display: block;
}
.counsel-tel .btn-r {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
}
.counsel-tel a {
  display: inline-block;
  width: 75px;
  height: 30px;
  text-decoration: none;
  line-height: 30px;
}

.btn-radio .input-r + label {
  display: block;
  -webkit-box-flex: 1;
  height: 40px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  border-radius: 4px;
  margin-left: 5px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
}
.btn-radio .input-r + label:after {
  display: none;
}
.btn-radio .input-r:checked + label {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}

.cmm-repair-cost {
  position: relative;
  display: -webkit-box;
  background: #e8eef6;
  border-radius: 8px;
}
.cmm-repair-cost:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  background: url("../images/sub/bg_dot_line.png") repeat-y;
  background-size: 4px 65px;
  width: 4px;
  height: 100%;
  margin-left: -2px;
}
.cmm-repair-cost:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50px;
  width: 71px;
  height: 71px;
  background: url("../images/sub/bg_service_guide.png") no-repeat;
  background-size: 71px;
  z-index: 2;
}
.cmm-repair-cost > div {
  width: 50%;
  text-align: center;
}
.cmm-repair-cost > div > * {
  display: block;
}
.cmm-repair-cost > div .tit {
  position: relative;
  padding: 134px 0 0;
  font-size: 15px;
}
.cmm-repair-cost > div .tit:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  width: 41px;
  height: 84px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
  margin-left: -20px;
}
.cmm-repair-cost > div:nth-child(1) .tit:after {
  background-position: 0 -310px;
}
.cmm-repair-cost > div:nth-child(1) span.txt {
  font-size: 12px;
  margin-top: 15px;
  color: #2666c6;
}
.cmm-repair-cost > div:nth-child(1) strong.txt {
  position: relative;
  margin: 40px 0 30px;
  padding: 50px 0 0;
  color: #2666c6;
  font-size: 13px;
}
.cmm-repair-cost > div:nth-child(1) strong.txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/sub/shipping_sprite.png") no-repeat -91px -310px;
  background-size: 500px;
  width: 30px;
  height: 45px;
  margin-left: -15px;
}
.cmm-repair-cost > div:nth-child(2) .tit:after {
  background-position: -45px -310px;
}
.cmm-repair-cost > div:nth-child(2) span.txt {
  font-size: 12px;
  margin-top: 15px;
  color: #fd665c;
}
.cmm-repair-cost .ps-txt {
  display: none;
}

.cmm-list-kb {
  padding: 0 0 0 15px;
}
.cmm-list-kb li {
  position: relative;
  color: #2666c6;
  font-weight: 600;
  padding: 0 117px 45px 17px;
}
.cmm-list-kb li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 100%;
  background: #2666c6;
}
.cmm-list-kb li:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 5px;
  background: url("../images/sub/shipping_sprite.png") no-repeat -126px -330px;
  background-size: 500px;
  width: 9px;
  height: 9px;
  z-index: 2;
}
.cmm-list-kb li:last-child:after {
  display: none;
}
.cmm-list-kb li > div:after {
  content: "";
  position: absolute;
  right: 15px;
  top: -12px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
  width: 60px;
  height: 60px;
}
.cmm-list-kb li:nth-child(1) div:after {
  background-position: 0 -200px;
}
.cmm-list-kb li:nth-child(2) div:after {
  background-position: -135px -265px;
}
.cmm-list-kb li:nth-child(3) div:after {
  background-position: -200px -265px;
}

.cmm-list-ex {
  margin: 25px 0 0;
  padding: 0 0 0 7px;
}
.cmm-list-ex li {
  position: relative;
  display: -webkit-box;
  padding: 0 0 23px 15px;
}
.cmm-list-ex li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: 100%;
  background: #2666c6;
}
.cmm-list-ex li:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 4px;
  width: 9px;
  height: 9px;
  background: url("../images/sub/shipping_sprite.png") -126px -344px;
  background-size: 500px;
  z-index: 2;
}
.cmm-list-ex li div:first-child {
  width: 65px;
}
.cmm-list-ex li div:last-child {
  -webkit-box-flex: 1;
}
.cmm-list-ex li:nth-child(3) {
  color: #ffc600;
}
.cmm-list-ex li:nth-child(3):before {
  background-position: -126px -372px;
}
.cmm-list-ex li:last-child {
  color: #dd50ff;
}
.cmm-list-ex li:last-child:after {
  display: none;
}
.cmm-list-ex li:last-child:before {
  background-position: -126px -386px;
}

.cmm-num-list li {
  padding: 0 0 0 13px;
  text-indent: -13px;
}

.cmm-data-arae {
  position: relative;
  display: -webkit-box;
  padding: 10px 0;
  -webkit-box-align: center;
}
.cmm-data-arae > * {
  -webkit-box-flex: 1;
}
.cmm-data-arae .delivery-tit {
  display: inline-block;
  -webkit-box-align: center;
  width: 50px;
  margin: 0;
  color: #666;
  font-size: 12px;
}
.cmm-data-arae .delivery-info {
  padding: 0;
}
.cmm-data-arae .delivery-info li {
  display: -webkit-box;
  padding: 2px 0;
  font-size: 12px;
}
.cmm-data-arae .delivery-info li > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
  width: 50%;
}
.cmm-data-arae .delivery-info li span {
  font-size: 12px;
}
.cmm-data-arae .delivery-info li b {
  -webkit-box-pack: end;
}

.cmm-tit-link {
  padding: 30px 0 7px;
  overflow: auto;
}
.cmm-tit-link ul {
  white-space: nowrap;
}
.cmm-tit-link ul li {
  display: inline-block;
}
.cmm-tit-link ul li a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 0 20px;
  color: #222;
  text-decoration: none;
}
.cmm-tit-link ul li a.on {
  color: #fff;
  border-color: #2666c6;
  background: #2666c6;
}

.tab-area ul {
  padding: 0;
}

.layer-youtube {
  display: none;
  position: fixed;
  left: 0;
  bottom: 54px;
  width: 100%;
  padding-top: 36px;
  background: #2f2f2f;
  border-radius: 15px 15px 0 0;
  z-index: 99;
  overflow: hidden;
}
.layer-youtube .tit-pop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 36px;
  background: #2f2f2f;
  padding: 10px 0 0 16px;
}
.layer-youtube .tit-pop h1 {
  color: #fff;
  font-weight: 600;
}
.layer-youtube .btn-close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 20px;
  height: 20px;
}
.layer-youtube .btn-close a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.layer-youtube .btn-close a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: url("../images/common/sprite.png") no-repeat -388px -55px;
  background-size: 500px;
}
.layer-youtube .cmm-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.layer-youtube .cmm-youtube__block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.layer-youtube .cmm-youtube__block iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.cmm-price-num {
  margin-bottom: 15px;
}
.cmm-price-num span {
  position: relative;
  margin-left: 10px;
}
.cmm-price-num span:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #333;
}

.cmm-disablb-area {
  position: relative;
}
.cmm-disablb-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 85%;
  height: 100%;
  background: transparent;
}

.cmm-txt-list {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.cmm-txt-list.type-new li {
  text-align: left;
  word-break: break-all;
}
.cmm-txt-list .cmm-tit-d1 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.cmm-txt-list .cmm-tit-d1:first-child {
  margin-top: 6px;
}
.cmm-txt-list li {
  text-align: justify;
}
.cmm-txt-list li.bold {
  font-weight: 600;
  color: #222;
}
.cmm-txt-list .list-area {
  border-bottom: 1px solid #ddd;
}
.cmm-txt-list .tit {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  padding: 17px 28px 17px 15px;
}
.cmm-txt-list .tit:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 28px;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
}
.cmm-txt-list .tit.on {
  color: #10a8e5;
}
.cmm-txt-list .tit.on:after {
  background-position: -77px -237px;
}
.cmm-txt-list .cmm-list-cnt {
  display: none;
  padding: 0 15px 25px;
}
.cmm-txt-list .cmm-list-cnt .bk-tit {
  display: block;
  margin-top: 10px;
}
.cmm-txt-list .cmm-list-cnt .cmm-bl-dash > li > ul {
  padding: 0 0 0 7px;
}
.cmm-txt-list a {
  color: #2666c6;
}

@media (min-width: 640px) {
  .snackbar-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 2px;
    margin: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .snackbar-pos.bottom-center,
  .snackbar-pos.top-center {
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
/* 보내줘차차차 서비메인  2020.03.07 */
.shipping-wrap .send-top-step {
  padding: 27px 30px 30px;
}
.shipping-wrap .send-top-step ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shipping-wrap .send-top-step ul li {
  position: relative;
  width: 33.3333%;
  height: 88px;
  padding: 52px 0 0;
  text-align: center;
}
.shipping-wrap .send-top-step ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background: url("../images/sub/bg_main.png") no-repeat;
  background-size: 150px;
}
.shipping-wrap .send-top-step ul li:nth-child(1) {
  color: #2666c6;
}
.shipping-wrap .send-top-step ul li:nth-child(1):after {
  width: 41px;
  height: 23px;
  top: 2px;
  background-position: 0 -41px;
  margin-left: -20px;
}
.shipping-wrap .send-top-step ul li:nth-child(2) {
  color: #364f7f;
}
.shipping-wrap .send-top-step ul li:nth-child(2):after {
  width: 24px;
  height: 26px;
  background-position: -46px -41px;
  margin-left: -12px;
}
.shipping-wrap .send-top-step ul li:nth-child(3) {
  color: #fd665c;
}
.shipping-wrap .send-top-step ul li:nth-child(3):after {
  width: 40px;
  height: 21px;
  top: 2px;
  background-position: -75px -41px;
  margin-left: -20px;
}
.shipping-wrap .k-section--sendList {
  padding: 30px 15px;
}
.shipping-wrap .k-section--sendList h2.title {
  margin-bottom: 20px;
  font-size: 18px;
}
.shipping-wrap .k-section--sendList .send-step-list {
  padding: 0 0 0 15px;
}
.shipping-wrap .k-section--sendList .send-step-list li {
  padding: 5px 0 0;
}
.shipping-wrap .k-section--sendList .send-step-list li strong {
  display: inline-block;
}
.shipping-wrap .k-section--sendList .send-step-list li:after {
  display: none;
}
.shipping-wrap .k-section--sendList .send-step-list:after {
  left: 0;
  top: 14px;
}

.k-section .tit-wrap h2.title {
  font-size: 18px;
  padding: 0 0 10px 15px;
}
.k-section--reminders {
  padding: 30px 0;
}

.buy-sub-swiper .btn-guidevideo .btn.btn-blue.w100p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.getWrap {
  background: #fff;
  border-radius: 14px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.getWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 0 30px;
}
.getWrap ul li {
  position: relative;
  width: 33.3333%;
  padding: 39px 0 0;
  text-align: center;
  font-weight: 700;
}
.getWrap ul li:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_buy.png") no-repeat;
  background-size: 84px 28px;
  width: 28px;
  height: 28px;
  left: 50%;
  top: 0;
  margin-left: -14px;
}
.getWrap ul li:nth-child(2):after {
  background-position: -28px 0;
}
.getWrap ul li:nth-child(3):after {
  background-position: -56px 0;
}

.usedCarPurchase a {
  position: relative;
  display: block;
  margin-top: 25px;
  padding: 0 0 0 60px;
  text-decoration: none;
  color: #222;
}
.usedCarPurchase a > * {
  display: block;
}
.usedCarPurchase a strong {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
}
.usedCarPurchase a .text {
  font-size: 12px;
}
.usedCarPurchase a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("../images/sub/bg_add.png") no-repeat;
  background-size: 80px 60px;
}
.usedCarPurchase a:nth-child(2):after {
  background-position: -40px 0;
}
.usedCarPurchase a.kbCertification:after {
  background: url("../images/common/guide/ico_kbguarantee.png") no-repeat 0 0;
  background-size: 40px 40px;
}
.usedCarPurchase a.extension:after {
  background-position: 0 0;
}
.usedCarPurchase a.partnership:after {
  background-position: -40px 0;
}
.usedCarPurchase a.change:after {
  background: url("../images/sub/bg_add3.png") no-repeat;
  background-size: 80px 40px;
}
.usedCarPurchase a.online-shipping:after {
  background: url("../images/sub/bg_add3.png") no-repeat -40px 0;
  background-size: 80px 40px;
}
.usedCarPurchase a:before {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  padding: 4px;
}
.usedCarPurchase a.reg-alarm:after {
  background: url("../images/sub/bg_newcar_alarm.png") no-repeat;
  background-size: 40px 40px;
}

.btnCalculationTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.btnCalculationTotal a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #364f7f;
  height: 40px;
  text-decoration: none;
  color: #000;
  text-align: center;
  line-height: 38px;
  border-radius: 4px;
  padding: 0 0 0 11px;
}
.btnCalculationTotal a span {
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.btnCalculationTotal a span:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 2px;
  width: 17px;
  height: 15px;
  background: url("../images/sub/bg_add2.png") no-repeat 0 0;
  background-size: 34px 15px;
}
.btnCalculationTotal a + a {
  margin-left: 5px;
  padding: 0 0 0 18px;
}
.btnCalculationTotal a + a span:after {
  left: -22px;
  background-position: -17px 0;
}

.btnSaleCondition {
  position: absolute;
  right: 0;
  bottom: 20px;
  margin: 0 15px;
}
.btnSaleCondition span {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 2px;
  height: 18px;
  width: 46px;
  font-size: 10px !important;
  text-align: center;
}
.btnSaleCondition span.blue {
  border-color: #2666c6;
  color: #2666c6;
}
.btnSaleCondition span.red {
  border-color: #fd665c;
  color: #fd665c;
}
.btnSaleCondition span.gray {
  border-color: #999;
  color: #999;
}

.usedcar-img-slide .time-sale-hour {
  bottom: 60px;
}

.s-usedcar-info .usedcar-txt-slide .swiper-slide {
  height: 190px !important;
}

.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay.s-pay-relative,
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay.s-pay-relative {
  position: relative;
  left: 0;
  bottom: initial;
  margin: 5px 0 3px;
}

.s-usedcar-info .certify-usedcar.certify-usedcar--search .btnSaleCondition {
  height: 21px;
  padding: 0 0 0 130px;
}

.certify-usedcar .btnSaleCondition,
.general-usedcar .btnSaleCondition {
  position: relative;
  bottom: initial;
  right: initial;
  margin: 0;
}

.newCarPriceTip .layerMarketPrice {
  top: 3px !important;
}

.saleSearch {
  margin-bottom: 15px;
  padding: 0 30px;
}
.saleSearch .search-num {
  position: relative;
  background: none;
  width: 100%;
  height: 40px;
  border: 0;
  text-align: left;
}
.saleSearch .search-num span {
  position: relative;
  padding: 0 0 0 20px;
  font-weight: 600;
  color: #2666c6;
  z-index: 1;
}
.saleSearch .search-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  opacity: 1;
  z-index: 0;
}
.saleSearch .search-num:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -253px -199px;
  width: 11px;
  height: 13px;
  right: 20px;
  top: 14px;
  z-index: 2;
}

.titleArea {
  position: relative;
  min-height: 22px;
  margin: 20px 0;
}
.titleArea .title {
  font-size: 16px;
}
.titleArea .unit {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 11px;
}

.purchasing-service {
  padding: 30px 0 0;
}
.purchasing-service h2.tit {
  margin-bottom: 40px;
}
.purchasing-service a {
  position: relative;
  display: block;
  margin-bottom: 25px;
  padding: 0 0 0 86px;
}
.purchasing-service a strong {
  display: block;
  margin-bottom: 7px;
  font-size: 15px;
}
.purchasing-service a:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("../images/common/bg_main_service.png") no-repeat;
  background-size: 40px 80px;
}
.purchasing-service a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 15px;
  top: 26px;
  z-index: 0;
  top: 50%;
  margin-top: -6px;
}
.purchasing-service a span {
  font-size: 12px;
}
.purchasing-service .partnership a:after {
  background-position: 0 -40px;
}
.purchasing-service .kbCertification a:after {
  background: url("../images/sub/bg_kb.png") no-repeat;
  background-size: 40px 40px;
}

/* 2020.04.03 추가 */
.photoCircle {
  position: relative;
  height: 90px;
}
.photoCircle img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.reviews-area .rud-box .car-money .img {
  position: relative;
  height: 50px;
}
.reviews-area .rud-box .car-money .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50px;
  overflow: hidden;
}

.car-sale-list li .car-photo li .img {
  position: relative;
  width: 120px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
}
.car-sale-list li .car-photo li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.est-wrap .reviews-area .rud-box .car-money .user .img {
  width: 50px !important;
}

.recently {
  position: relative;
  padding: 30px 0 0;
}
.recently h2.tit {
  margin-bottom: 20px;
}
.recently .btn-total {
  position: absolute;
  right: 30px;
  top: 40px;
  font-size: 13px;
  color: #364f7f;
}
.recently .swiper-container {
  padding: 0 0 0 30px;
}
.recently .swiper-container .swiper-slide {
  width: 120px;
  margin-right: 20px;
}
.recently .swiper-container .swiper-slide .img {
  position: relative;
  width: 120px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
}
.recently .swiper-container .swiper-slide .img img {
  position: absolute;
  width: auto;
  left: 50%;
  top: 50%;
  height: 90px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.recently .swiper-container .swiper-slide .car-tit {
  display: -webkit-box;
  height: 40px;
  margin: 10px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recently .swiper-container .swiper-slide strong {
  display: block;
  margin-bottom: 25px;
  font-size: 15px;
}

.blueBox {
  position: relative;
  margin: 0 15px 30px;
  padding: 15px;
  border: 1px solid #2666c6;
  border-radius: 4px;
}
.blueBox:after {
  position: absolute;
  left: 60px;
  top: -1px;
  background: #fff;
  content: "";
  width: 13px;
  height: 13px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
  border-top: 1px solid #2666c6;
  border-left: 1px solid #2666c6;
}
.blueBox .blue {
  display: inline-block;
  height: 15px;
  border-radius: 15px;
  padding: 0 12px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  background: #2666c6;
}
.blueBox p, .blueBox ul.guide-bul > li {
  margin: 5px 0 0;
  font-size: 12px;
}
.blueBox p.grayTxt, .blueBox ul.guide-bul > li.grayTxt {
  color: #999999;
}
.blueBox p strong, .blueBox ul.guide-bul > li strong {
  color: #2666c6;
  font-size: 14px;
}
.blueBox a {
  position: relative;
  display: inline-block;
  margin: 8px 0 0;
  color: #2666c6;
  font-size: 12px;
  text-decoration: none;
  padding: 0 15px 0 0;
}
.blueBox a:after {
  content: "";
  border: solid #2666c6;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 0;
  top: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  padding: 3px;
  margin-top: 5px;
}
.blueBox.main:after {
  left: 25px;
}

.s-usedcar-info .general-usedcar .blueBox {
  margin: 5px 0 20px;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-pay {
  position: relative;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-pay .cor-blue {
  position: absolute;
  right: 15px;
  top: 7px;
  font-size: 11px;
}

.change-loan {
  border-radius: 0 0 15px 15px !important;
}
.change-loan__content {
  padding: 20px 15px 30px;
  border-top: 1px solid #ddd;
}
.change-loan__content a {
  position: relative;
  display: block;
  text-decoration: none;
}
.change-loan__content a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 10px;
  padding: 3px;
  margin-top: -2px;
}
.change-loan__content a .tit {
  display: inline-block;
  margin-bottom: 5px;
  color: #222;
  font-weight: 700;
}
.change-loan__content a .txt {
  font-size: 12px;
  color: #999999;
}
.change-loan__content a.on .tit {
  color: #00aceb;
}
.change-loan__content a.on:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: solid #00aceb;
  border-width: 0 2px 2px 0;
}
.change-loan__content .btnArea {
  display: none;
}
.change-loan__content .btnArea .tit {
  font-size: 13px;
  font-weight: 700;
  margin: 30px 0 15px;
}

.general-usedcar--search.lately .btnSaleCondition {
  padding: 0 0 0 120px;
}
.general-usedcar--search.lately .s-car-txt .s-pay {
  color: #2666c6;
}

.general-usedcar .btnSaleCondition {
  padding: 0 0 0 120px;
}

.s-car-txt .certification img {
  width: 97px;
  height: 15px;
}

.btn-certification {
  position: absolute;
  left: 15px;
  bottom: 17px;
  width: 118px;
  height: 20px;
  z-index: 2;
}
.btn-certification img {
  width: 100%;
}

.ico-certification {
  position: absolute;
  left: 15px;
  top: 10px;
  z-index: 1;
}
.ico-certification img {
  width: 150px;
}

.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .certification {
  position: absolute;
  left: 10px;
  bottom: -3px;
}

.simpleInfo {
  padding: 30px 15px 0;
}
.simpleInfo .tit-btn-area {
  padding: 0 0 10px;
}
.simpleInfo__list {
  overflow: hidden;
}
.simpleInfo__list li {
  margin-top: -1px;
  border-top: 1px solid #ddd;
}
.simpleInfo__list a {
  position: relative;
  display: block;
  padding: 20px 0;
  text-decoration: none;
}
.simpleInfo__list a .text {
  position: relative;
  padding: 0 100px 0 0;
}
.simpleInfo__list a .text .title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simpleInfo__list a .text .info {
  margin-top: 8px;
  overflow: hidden;
}
.simpleInfo__list a .text .info span {
  position: relative;
  color: #999;
  font-size: 11px;
  margin-right: 10px;
}
.simpleInfo__list a .text .info span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 4px;
  width: 1px;
  height: 9px;
  background: #999;
}
.simpleInfo__list a .price {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  color: #2666c6;
  font-size: 14px;
  font-weight: bold;
}

.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div {
  position: relative;
  min-height: 109px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .psBottom {
  position: absolute;
  bottom: 12px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .psBottom i {
  font-size: 12px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .psBottom b {
  font-size: 14px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .psBottom b a {
  color: #2666c6;
}

.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale .leaseSucceed {
  width: 100%;
  height: auto;
  padding: 15px 15px 12px 10px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale .leaseSucceed .flexWrap {
  display: -webkit-box;
  -webkit-box-pack: justify;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale .leaseSucceed .flexWrap .psBottom {
  position: relative;
  bottom: initial;
}

.sticky-area-white {
  padding: 10px 0 0;
}
.sticky-area-white .customInfo {
  position: relative;
  margin: 0 15px 35px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.sticky-area-white .customInfo * {
  vertical-align: top;
}
.sticky-area-white .customInfo .infoText {
  display: inline-block;
  border: 1px solid #2666c6;
  color: #2666c6;
  font-size: 10px;
  border-radius: 18px;
  height: 18px;
  padding: 0 8px;
  line-height: 18px;
}
.sticky-area-white .customInfo .infoText button {
  width: 14px;
  height: 14px;
  position: relative;
  top: 0;
  border: 0;
  background: none;
  margin: 1px 0 0 3px;
}
.sticky-area-white .customInfo .infoText button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/bg_search.png") no-repeat;
  background-size: 23px 16px;
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
}
.sticky-area-white .customInfo .btnSearch {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 16px;
  background: url("../images/sub/bg_search.png") no-repeat -9px;
  background-size: 23px 16px;
}

.kbBanner {
  margin-top: 30px;
}
.kbBanner .banner {
  margin-bottom: 10px;
}
.kbBanner .banner img {
  width: 100%;
  height: auto;
  max-height: 130px;
}

.optionMore {
  position: relative;
  top: -30px;
}
.optionMore button {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  margin-top: 10px;
  border: 0 none;
  padding: 0;
  background-color: transparent;
}
.optionMore button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  width: 19px;
  height: 10px;
  margin-left: -9px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -115px -22px;
}
.optionMore button.on:after {
  background-position: -60px -60px;
}

.car-option-sec .car-icon li.car-icon09 {
  display: none;
}
.car-option-sec .car-icon li.car-icon10 {
  display: none;
}
.car-option-sec .car-icon li.car-icon11 {
  display: none;
}
.car-option-sec .car-icon li.car-icon12 {
  display: none;
}
.car-option-sec .car-icon li.car-icon13 {
  display: none;
}
.car-option-sec .car-icon li.car-icon14 {
  display: none;
}
.car-option-sec .car-icon li.car-icon15 {
  display: none;
}
.car-option-sec .car-icon li.car-icon16 {
  display: none;
}
.car-option-sec .car-icon li.car-icon17 {
  display: none;
}
.car-option-sec .car-icon li.car-icon18 {
  display: none;
}
.car-option-sec .car-icon li.car-icon19 {
  display: none;
}
.car-option-sec .car-icon li.car-icon20 {
  display: none;
}
.car-option-sec .car-icon li.car-icon21 {
  display: none;
}
.car-option-sec .car-icon li.car-icon22 {
  display: none;
}

.layer-pop-btm.dealer-call.detail-telephone .tit-pop {
  background: #fff;
  padding: 30px 0 20px;
}
.layer-pop-btm.dealer-call.detail-telephone .starWrap .star-area {
  text-align: left;
}
.layer-pop-btm.dealer-call.detail-telephone .infoText {
  margin: 15px 0 5px;
}
.layer-pop-btm.dealer-call.detail-telephone .infoText .name,
.layer-pop-btm.dealer-call.detail-telephone .infoText .txt {
  display: inline-block;
  font-size: 12px;
}
.layer-pop-btm.dealer-call.detail-telephone .infoText .txt {
  position: relative;
  margin-left: 10px;
}
.layer-pop-btm.dealer-call.detail-telephone .infoText .txt:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 3px;
  width: 1px;
  height: 10px;
  background: #5d5d5d;
}
.layer-pop-btm.dealer-call.detail-telephone .tel strong {
  position: relative;
  font-size: 15px;
  color: #fd665c;
}
.layer-pop-btm.dealer-call.detail-telephone .tel strong:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 3px;
  background: url("../images/sub/ico_tel.png") no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop {
  padding: 0 15px !important;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-call {
  padding: 0 0 20px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-call li {
  float: none;
  width: 100%;
  border: 0;
  padding: 0 0 10px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-call li a {
  height: 50px;
  background: #2666c6;
  color: #fff;
  padding: 0;
  line-height: 50px;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-call li a:after {
  display: none;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-call li:last-child a {
  background: #364f7f;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico {
  padding: 0 0 20px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li {
  float: none;
  width: 100%;
  border: 0;
  padding: 0 0 10px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a {
  position: relative;
  display: block;
  height: 50px;
  padding: 0;
  text-decoration: none;
  color: #222;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.1em;
  text-align: center;
  color: #222;
  padding: 0;
  line-height: 48px;
  border-radius: 4px;
  overflow: hidden;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-message {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-message span:after {
  background-position: 0 0;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-chatting {
  background: #fff;
  border: 1px solid #ddd;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-chatting span:after {
  background-position: -17px 0;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-visit {
  background: #ffcc00;
  border: 1px solid #ffcc00;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a.by-visit span:after {
  background-position: -34px 0;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding-left: 25px;
}
.layer-pop-btm.dealer-call.detail-telephone .content-pop .list-dealer-ico li a span:after {
  content: "";
  display: block;
  background: url("../images/sub/list_dealer_ico.png") no-repeat;
  background-size: 51px 17px;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  left: 0;
}

/* 6.22 추착 */
.layerNewType .al-safety-area {
  padding-top: 0;
}
.layerNewType .fs11 {
  font-size: 11px;
}
.layerNewType .residualRate {
  display: inline-block;
  border: 1px solid #ddd;
  height: 20px;
  line-height: 20px;
  padding: 0 12px;
  border-radius: 20px;
  color: #2666c6;
  font-size: 11px;
  font-weight: 700;
}
.layerNewType .marketPrice {
  margin-bottom: 30px;
}
.layerNewType .marketPrice .unit {
  top: 30px;
}

.dealer-home.homeNone a:after {
  display: none;
}

.layer-pop-btm.layerInfoType {
  padding: 0 0 54px;
}
.layer-pop-btm.layerInfoType .tit-pop {
  padding: 15px 15px 0;
}
.layer-pop-btm.layerInfoType .info-type {
  padding: 0 15px;
}
.layer-pop-btm.layerInfoType .v-box.txt-left .h-type .tit {
  display: -webkit-box;
  -webkit-box-align: center;
}
.layer-pop-btm.layerInfoType .map {
  overflow: hidden;
}
.layer-pop-btm.layerInfoType .cmm-table {
  margin: 0 15px 50px 15px;
  overflow: hidden;
}
.layer-pop-btm.layerInfoType .cmm-table tbody th {
  width: 90px;
  font-size: 12px;
}
.layer-pop-btm.layerInfoType .cmm-table tbody td {
  font-size: 12px;
  font-weight: 400;
}
.layer-pop-btm.layerInfoType .cmm-table02 {
  margin: 0 15px 50px 15px;
  overflow: hidden;
}
.layer-pop-btm.layerInfoType .cmm-table02 table {
  width: 100%;
  border-collapse: collapse;
}
.layer-pop-btm.layerInfoType .cmm-table02 table tbody th {
  width: 230px;
  font-size: 12px;
  background: #f1f1f1;
  color: #666;
  font-weight: 100;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #ddd;
  text-align: left;
  padding: 20px 14px;
}
.layer-pop-btm.layerInfoType .cmm-table02 table tbody td {
  font-size: 12px;
  font-weight: 400;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #ddd;
  color: #2666c6;
  text-align: center;
  padding: 20px 14px;
}

.disabledType .input-type:disabled {
  color: #000;
}

.diag-manage-cont .diag-sec .car-link .photo .check-bedge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  text-indent: 0;
  padding: 0;
}
.diag-manage-cont .diag-sec .car-link .photo .check-bedge img {
  width: 44px;
  min-height: 20px;
}

.vehicle-thumbnail__box .check-bedge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  text-indent: 0;
  padding: 0;
}
.vehicle-thumbnail__box .check-bedge img {
  width: 44px;
  height: 20px;
}
.vehicle-thumbnail__box .check-bedge-b {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  text-indent: 0;
  padding: 0;
}
.vehicle-thumbnail__box .check-bedge-b img {
  width: 46px;
  height: 24px;
}

.vehicle-item--wide .vehicle-item__badge .badge.badge--owner {
  background-color: #ff5d16;
}
.vehicle-item--wide .vehicle-item__badge .badge.badge--owner:before {
  display: none;
}

.vehicle-item__badge .badge.badge--owner {
  background-color: #ff5d16;
}

.vehicle-item .vehicle-thumbnail .check-bedge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  text-indent: 0;
  padding: 0;
}
.vehicle-item .vehicle-thumbnail .check-bedge img {
  width: 44px;
  height: 20px;
}

.vehicle-item.vehicle-item--wide .vehicle-item__desc.ly-chg {
  padding-bottom: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__desc.ly-chg .vehicle-item__price {
  position: static;
  margin-top: 15px;
}

.vehicle-item .vehicle-item__desc.ly-chg {
  padding-bottom: 0;
}
.vehicle-item .vehicle-item__desc.ly-chg .vehicle-item__price {
  position: static;
  margin-top: 10px;
  height: 20px;
}

.vehicle-item.vehicle-item--horizontal .vehicle-item__desc.ly-chg {
  padding-bottom: 0;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__desc.ly-chg .vehicle-item__price {
  position: static;
  margin-top: 10px;
}

.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .btn-certification04 {
  position: absolute;
  left: 15px;
  top: 7px;
  z-index: 2;
  width: 41px;
  height: 41px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .btn-certification04 img {
  position: static;
  width: 41px;
  height: 41px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.vehicle-item--wide .vehicle-item__badge .badge.sq-btn {
  background-color: #fff;
  padding: 3px 5px 2px 5px;
}
.vehicle-item--wide .vehicle-item__badge .badge.sq-btn:before {
  display: none;
}

.sq-blue {
  border: 1px solid #336fc9;
}
.sq-blue span {
  color: #336fc9;
}

.sq-d-blue {
  border: 1px solid #364f7f;
}
.sq-d-blue span {
  color: #364f7f;
}

.sq-brown {
  border: 1px solid #533f3b;
}
.sq-brown span {
  color: #533f3b;
}

.vehicle-item .vehicle-item__desc.ly-chg .vehicle-item__badge .sq-blue,
.vehicle-item .vehicle-item__desc.ly-chg .vehicle-item__badge .sq-d-blue,
.vehicle-item .vehicle-item__desc.ly-chg .vehicle-item__badge .sq-brown {
  padding: 2px 3px 1px 3px;
}

.fn-benefit-txt a {
  display: block;
  width: 100%;
  border: 1px solid #f8b500;
  border-radius: 8px;
  text-decoration: none;
  margin-top: 10px;
  color: #000;
  text-align: center;
  padding: 15px 0;
  letter-spacing: -1px;
}
.fn-benefit-txt a span {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.fn-benefit-txt a span strong {
  color: #2666c6;
  font-weight: 600;
}
.fn-benefit-txt a span:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/sub/icon_arrow02.png") no-repeat 0 0;
  background-size: 5px 9px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}

.buy .car-renew-d .tit-wrap .calc-link {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
  padding-left: 25px;
}
.buy .car-renew-d .tit-wrap .calc-link:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #edeae7;
  position: absolute;
  top: 0;
  left: 0;
}
.buy .car-renew-d .tit-wrap .calc-link:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 9px;
  height: 11px;
  background: url("../images/sub/ico_calc_link.png") no-repeat 0 0;
  background-size: 9px 11px;
}

/* 팝업 */
.pop-car-loan {
  padding-bottom: 70px;
}
.pop-car-loan .carimg-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.pop-car-loan .carimg-info .img {
  position: relative;
  width: 130px;
  height: 100px;
  border-radius: 7px;
  overflow: hidden;
}
.pop-car-loan .carimg-info .img .img-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pop-car-loan .carimg-info .img .img-thum img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pop-car-loan .carimg-info .txt {
  width: 100%;
}
.pop-car-loan .carimg-info .txt .car-name {
  display: block;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.pop-car-loan .carimg-info .txt .sell-price {
  font-size: 16px;
  margin-top: 10px;
  font-weight: 600;
}
.pop-car-loan .carimg-info .txt .sell-price strong {
  font-size: 16px;
  font-weight: 600;
  color: #336fc9;
}
.pop-car-loan .car-price {
  padding: 0 0 5px;
}
.pop-car-loan .car-price .price-loan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pop-car-loan .car-price .price-loan strong {
  font-size: 18px;
  line-height: 50px;
}
.pop-car-loan .car-price .price-loan .loan-calc .input-unit input, .pop-car-loan .car-price .price-loan .loan-calc .input-unit .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .pop-car-loan .car-price .price-loan .loan-calc .input-unit .ico-confirm, .pop-car-loan .car-price .price-loan .loan-calc .input-unit .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .pop-car-loan .car-price .price-loan .loan-calc .input-unit .ico-confirm {
  color: #336fc9;
  font-size: 24px;
  font-weight: 600;
  text-align: right;
}
.pop-car-loan .car-price .price-loan .loan-calc .ad-received {
  display: block;
  margin-top: 10px;
  text-align: right;
}
.pop-car-loan .car-price a.btn-m {
  width: 100%;
  margin-top: 30px;
}
.pop-car-loan .loan-txt {
  margin-top: 20px;
}
.pop-car-loan .loan-txt li {
  position: relative;
  padding-left: 8px;
  color: #999;
  line-height: 1.5;
  letter-spacing: -0.5px;
  padding-bottom: 5px;
}
.pop-car-loan .loan-txt li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #aad1d9;
  position: absolute;
  left: 0;
  top: 10px;
}

[class*=-loan-kind] {
  position: relative;
  width: 100%;
  padding: 20px 15px;
  border: 2px solid #fcb222;
  border-radius: 8px;
  margin-top: 15px;
  /*&.direct-loan-kind {
    background: #edf5fa;
  }
  &.free-loan-kind {
    background: #fff8ef;
  }
  &.leaving-loan-kind {
    background: #f6effa;
  }*/
}
[class*=-loan-kind] h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
}
[class*=-loan-kind] .detail-link {
  position: absolute;
  top: 20px;
  right: 15px;
  padding: 3px 10px;
  background: #fcb222;
  color: #000;
  border-radius: 4px;
  text-decoration: none;
}
[class*=-loan-kind] .loan-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
[class*=-loan-kind] .loan-area .loan-tit {
  display: block;
  margin-bottom: 5px;
}
[class*=-loan-kind] .loan-area .loan-period {
  line-height: 1.6;
}
[class*=-loan-kind] .loan-area .loan-period .select-type {
  display: inline-block;
  border-width: 0 0 1px 0;
  border-color: #336fc9;
  border-style: solid;
  border-radius: 0;
  background-color: transparent;
  background-position-y: -7px;
  font-size: 18px;
  color: #336fc9;
  font-weight: 600;
  height: 30px;
}
[class*=-loan-kind] .loan-area .loan-period strong {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  padding-left: 10px;
}
[class*=-loan-kind] .loan-area .loan-pay {
  text-align: right;
}
[class*=-loan-kind] .loan-area .loan-pay strong {
  font-size: 20px;
  font-weight: 600;
  color: #2666c6;
  display: block;
  line-height: 28px;
}
[class*=-loan-kind] .loan-area .loan-pay strong i {
  font-size: 18px;
  font-style: normal;
}

.btn-s.bc-yellow {
  background: #fcb222;
  border-color: #fcb222;
  color: #000;
}

.calc-pd-check-area {
  padding: 30px 15px;
}
.calc-pd-check-area .calc-pd-check {
  position: relative;
  padding: 20px 15px;
  margin-top: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.calc-pd-check-area .calc-pd-check:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background: url("../images/sub/bg_calc_pd.png") no-repeat;
  background-size: 31px 31px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -15px;
}
.calc-pd-check-area .calc-pd-check .input-ck + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 0 0 30px;
  line-height: 1.2em;
  height: 16px;
  font-size: 16px;
  color: #666;
}
.calc-pd-check-area .calc-pd-check .input-ck + label:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  top: 0;
  border: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0;
}
.calc-pd-check-area .calc-pd-check .input-ck:checked + label:after {
  background-position: -208px -30px;
}

.buy .car-renew-d .car-sale-mt .car-sale-sc.on a {
  color: #fff;
  text-decoration: none;
}

/* 담보대출, 대환대출 신청 2021.03.18 */
.header.buy-loan-p {
  padding: 0;
}
.header.buy-loan-p h1 {
  color: #fff;
  font-size: 18px;
  padding: 0;
}
.header.buy-loan-p .pre-page:after {
  background-position: -402px 0;
}

.buy-loan {
  background: #fff;
  padding-bottom: 60px;
}
.buy-loan .loan-app {
  position: relative;
  border-radius: 0;
  margin: 0;
  padding: 65px 0 0;
  background: linear-gradient(-45deg, #195bbe, #195bbe);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.buy-loan .loan-app .loan-app-info {
  padding: 30px;
}
.buy-loan .loan-app .loan-app-info .tit {
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2;
  font-weight: 400;
  padding: 0;
}
.buy-loan .loan-app .loan-app-info .tit span {
  font-size: inherit;
  font-weight: normal;
}
.buy-loan .loan-app .loan-app-info .loan-txt {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
}
.buy-loan .loan-app .loan-app-info .loan-hashtag {
  margin-top: 60px;
}
.buy-loan .loan-app .loan-app-info .loan-hashtag span {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 3px;
  color: #ccc;
  font-size: 12px;
  background: #1a4f9f;
  border-radius: 12px;
  letter-spacing: -1px;
}
.buy-loan .loan-app .loan-app-info .loan-terms {
  padding: 25px 0 20px;
  margin-top: 30px;
  border-top: 2px solid #3473d1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.buy-loan .loan-app .loan-app-info .loan-terms > div {
  width: 100%;
}
.buy-loan .loan-app .loan-app-info .loan-terms > div span {
  color: #fff;
}
.buy-loan .loan-app .loan-app-info .loan-terms > div strong {
  display: block;
  font-size: 30px;
  color: #fff;
}
.buy-loan .loan-app .loan-app-info .loan-terms > div strong i {
  font-size: 18px;
  font-style: normal;
}
.buy-loan .loan-app .loan-app-info .btn-loan-app {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}
.buy-loan .loan-app .loan-app-info .btn-loan-app span {
  color: #0e4598;
  font-size: 18px;
  font-weight: 600;
}
.buy-loan .loan-app .loan-app-info .cor-white {
  color: #fff;
}
.buy-loan .guide-loan__item {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #ddd;
}
.buy-loan .guide-loan__item.is-clicked .guide-loan__tit {
  color: #0e4598;
  font-weight: 600;
}
.buy-loan .guide-loan__item.is-clicked .guide-loan__tit:after {
  margin-top: -2px;
  border-color: #0e4598;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.buy-loan .guide-loan__tit {
  position: relative;
  display: block;
  padding: 15px 43px 15px 30px;
  font-size: 16px;
  font-weight: 500;
}
.buy-loan .guide-loan__tit:after {
  content: "";
  position: absolute;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #222;
  display: inline-block;
  padding: 3px;
  right: 25px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.buy-loan .guide-loan__cont {
  display: none;
  padding: 10px 30px 15px 30px;
  font-size: 13px;
}
.buy-loan .guide-loan__cont ul li {
  position: relative;
  padding-left: 10px;
  line-height: 1.5;
}
.buy-loan .guide-loan__cont ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #ddd;
  position: absolute;
  top: 7px;
  left: 0;
}
.buy-loan .guide-loan__cont ul li img {
  display: block;
  width: 260px;
  margin: 15px auto 0;
}
.buy-loan .copy-loan {
  border-top: 1px solid #ddd;
  padding: 15px 30px;
}
.buy-loan .copy-loan li {
  position: relative;
  color: #999;
  padding-left: 10px;
}
.buy-loan .copy-loan li:after {
  content: "*";
  color: #999;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
.buy-loan .tel-counsel {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/sub/ico_counsel.png") no-repeat 0 50%;
  background-size: 15px;
}
.buy-loan .box-area {
  padding: 30px 15px;
}
.buy-loan .loan-bl-circle li {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 8px;
  color: #999;
}
.buy-loan .loan-bl-circle li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
}

.loan-complete-wrap {
  background: #fff;
}
.loan-complete-wrap .header {
  display: none;
}
.loan-complete-wrap .complete-area {
  margin-top: 0;
  padding: 160px 15px 30px;
}
.loan-complete-wrap .complete-area .tit-txt {
  padding: 0;
  margin-bottom: 60px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
.loan-complete-wrap .complete-area .tit-txt:after {
  display: none;
}
.loan-complete-wrap .complete-area .con-txt {
  line-height: 1.5;
}
.loan-complete-wrap .complete-area:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 85px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
  background-position: -65px -200px;
  width: 60px;
  height: 60px;
}

.brand-visualImage {
  position: relative;
  background-color: #fff;
}
.brand-visualImage .img img {
  width: 100%;
}
.brand-visualImage .text {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
.brand-visualImage .text .title {
  font-size: 24px;
}
.brand-visualImage .text p, .brand-visualImage .text ul.guide-bul > li {
  font-size: 14px;
  margin-top: 35px;
}

.brand-certify-list {
  border-radius: 0 0 15px 15px;
}
.brand-certify-list ul li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.brand-certify-list ul li:last-child {
  border-bottom: none;
}
.brand-certify-list ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  text-align: left;
  padding: 30px 15px;
}
.brand-certify-list ul li a .img {
  position: relative;
  width: 50px;
  height: 50px;
}
.brand-certify-list ul li a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
}
.brand-certify-list ul li a .text {
  padding-left: 15px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.brand-certify-list ul li a .text span {
  display: block;
}
.brand-certify-list ul li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}

.enter-inquiry {
  padding: 15px;
}
.enter-inquiry .inquiry-tit {
  font-weight: 600;
}
.enter-inquiry .inquiry-info {
  margin: 15px 0 0 -15px;
  overflow: hidden;
}
.enter-inquiry .inquiry-info span {
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #999;
  padding-left: 15px;
}
.enter-inquiry .inquiry-info span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  left: 4px;
  top: 5px;
}
.enter-inquiry .inquiry-info span:first-child:after {
  display: none;
}
.enter-inquiry .inquiry-txt {
  font-size: 13px;
  color: #999;
  padding: 7px 0 0 10px;
  text-indent: -10px;
}

.brand-certify-bnr .swiper-slide img {
  width: 100%;
}
.brand-certify-bnr .swiper-slide p, .brand-certify-bnr .swiper-slide ul.guide-bul > li {
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 10px;
  letter-spacing: -1px;
}
.brand-certify-bnr .swiper-pagination {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  border-radius: 90px;
  left: auto;
  right: 17px;
  bottom: 20px;
  top: auto;
  text-align: center;
}
.brand-certify-bnr .swiper-pagination .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.brand-certify-bnr .swiper-pagination .swiper-pagination-bullet-active {
  background: #736b60;
  opacity: 1;
}

.tab-vehicles-wrap.brand-certify-tab {
  padding-bottom: 20px;
}
.tab-vehicles-wrap.brand-certify-tab ul:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.tab-vehicles-wrap.brand-certify-tab:after {
  display: none;
}

.tab-vehicles-content.brand-certify-intro {
  padding: 30px 15px 50px;
  background: #fff;
  height: 100%;
}
.tab-vehicles-content.brand-certify-intro .brand-certify-txt {
  padding-bottom: 30px;
}
.tab-vehicles-content.brand-certify-intro .brand-certify-txt dt, .tab-vehicles-content.brand-certify-intro .brand-certify-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .tab-vehicles-content.brand-certify-intro .brand-certify-txt dd {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.tab-vehicles-content.brand-certify-intro .brand-certify-txt dd {
  line-height: 1.5;
}
.tab-vehicles-content.brand-certify-intro .brand-certify-img img {
  width: 100%;
}

.tab-vehicles-content.brand-convention {
  padding: 0 15px 50px;
  background: #fff;
  height: 100%;
}
.tab-vehicles-content.brand-convention .brand-convention-txt dt, .tab-vehicles-content.brand-convention .brand-convention-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .tab-vehicles-content.brand-convention .brand-convention-txt dd {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.tab-vehicles-content.brand-convention .brand-convention-txt dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 15px;
}
.tab-vehicles-content.brand-convention .brand-convention-txt dd strong {
  width: 90px;
  color: #666;
  font-weight: 500;
}
.tab-vehicles-content.brand-convention .brand-convention-txt dd span {
  font-weight: 500;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 2021.08.04 한줄광고 매물 */
.lineAd {
  padding: 30px 15px 0;
}
.lineAd .tit-btn-area {
  padding: 0 0 10px;
}
.lineAd__list {
  overflow: hidden;
}
.lineAd__list li {
  margin-top: -1px;
  border-top: 1px solid #ddd;
}
.lineAd__list .lineAd__list-item {
  position: relative;
  display: block;
  padding: 20px 0;
  text-decoration: none;
}
.lineAd__list .lineAd__list-item .text {
  position: relative;
  padding: 0 100px 0 0;
}
.lineAd__list .lineAd__list-item .text .dealer {
  display: block;
  font-size: 13px;
  color: #666;
  margin-top: 15px;
}
.lineAd__list .lineAd__list-item .text .dealer:after {
  display: none;
}
.lineAd__list .lineAd__list-item .text .title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineAd__list .lineAd__list-item .text .info {
  margin-top: 8px;
  overflow: hidden;
}
.lineAd__list .lineAd__list-item .text .info span {
  position: relative;
  color: #999;
  font-size: 11px;
  margin-right: 10px;
}
.lineAd__list .lineAd__list-item .text .info span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 4px;
  width: 1px;
  height: 9px;
  background: #999;
}
.lineAd__list .lineAd__list-item .adprice-info {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: right;
}
.lineAd__list .lineAd__list-item .adprice-info .price {
  display: block;
  color: #2666c6;
  font-size: 14px;
  font-weight: bold;
}
.lineAd__list .lineAd__list-item .adprice-info .insure {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  letter-spacing: -0.25px;
  line-height: 20px;
  padding: 0 3px;
  border-radius: 4px;
  background-color: #336fc9;
  border: 1px solid #336fc9;
  vertical-align: top;
  margin-top: 10px;
}
.lineAd__list .lineAd__list-item .adprice-info .insure.no-data {
  border: 1px solid #fd665c;
  background-color: #fff;
  color: #fd665c;
}

.cw1400 .lineAd__list li {
  float: none;
  width: 100%;
}
.cw1400 .lineAd__list li a .price {
  margin-top: -13px;
}

.layer-basic-pop .layer-basic-area .layer-cnt .pop-area {
  padding-bottom: 40px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer {
  text-align: center;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-add {
  font-size: 16px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-tel-info {
  padding: 0 0 20px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-tel-info .dealer-name {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-weight: 500;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-tel-info .dealer-tel-num {
  margin: 5px 0 8px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-tel-info .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .dealer-tel-info .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_sell.png") no-repeat -166px -23px;
  background-size: 250px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.ad-dealer .mid-txt {
  font-size: 14px;
  line-height: 1.5;
}

.c-re-service-guide {
  padding-left: 0;
  padding-right: 0;
}
.c-re-service-guide:has(.bottom-fixed) {
  padding-bottom: 9.6rem;
}
.c-re-service-guide:has(.bottom-fixed).c-re-service-guide-gradient {
  padding-bottom: 0;
}
.c-re-service-guide:has(.bottom-fixed).c-re-service-guide-gradient .bottom-fixed {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.c-re-service-guide:has(.bottom-fixed) .diagnosis-popup {
  z-index: 100;
}
.c-re-service-guide .key-visual {
  position: relative;
  padding: 4.8rem 0 6rem;
  overflow: hidden;
}
.c-re-service-guide .key-visual .key-title {
  text-align: center;
}
.c-re-service-guide .key-visual .key-title p, .c-re-service-guide .key-visual .key-title ul.guide-bul > li {
  font-size: 2rem;
  line-height: 3rem;
  color: #222;
}
.c-re-service-guide .key-visual .key-title p small, .c-re-service-guide .key-visual .key-title ul.guide-bul > li small {
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #888;
  margin-top: 1rem;
}
.c-re-service-guide .key-visual .key-title p.color-222, .c-re-service-guide .key-visual .key-title ul.guide-bul > li.color-222 {
  color: #222 !important;
}
.c-re-service-guide .key-visual .key-title p.color-222 *, .c-re-service-guide .key-visual .key-title ul.guide-bul > li.color-222 * {
  color: inherit;
}
.c-re-service-guide .key-visual .key-title .inner-title {
  font-size: 3rem;
  line-height: 4rem;
  color: #222;
  font-weight: 700;
  margin-top: 1.6rem;
}
.c-re-service-guide .key-visual .key-title h3,
.c-re-service-guide .key-visual .key-title .title {
  font-size: 3rem;
  line-height: 4rem;
  color: #222;
  font-weight: 700;
  margin-top: 1.6rem;
}
.c-re-service-guide .key-visual .key-title.key-title-fc-white p, .c-re-service-guide .key-visual .key-title.key-title-fc-white ul.guide-bul > li {
  color: #fff;
}
.c-re-service-guide .key-visual .key-title.key-title-fc-white h3 {
  color: #fff;
}
.c-re-service-guide .key-visual .key-title.key-title-type02 p, .c-re-service-guide .key-visual .key-title.key-title-type02 ul.guide-bul > li {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #222;
}
.c-re-service-guide .key-visual .key-title.key-title-type02 p small, .c-re-service-guide .key-visual .key-title.key-title-type02 ul.guide-bul > li small {
  margin-top: 0.8rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type02 h3 {
  font-size: 2.6em;
  color: #222;
  margin-top: 0.9rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type03 {
  text-align: left;
  padding-bottom: 1rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type03 p, .c-re-service-guide .key-visual .key-title.key-title-type03 ul.guide-bul > li {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type03 h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  margin-top: 2rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type03 h3 span {
  display: block;
  color: #888;
  font-size: inherit;
  line-height: inherit;
  margin-top: 0.6rem;
}
.c-re-service-guide .key-visual .key-title.key-title-type03 .thumb {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 2.5rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .key-visual .key-title .box-round {
  margin-top: 2rem;
}
.c-re-service-guide .key-visual .thumb {
  position: relative;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .key-visual .thumb.thumb-mgt {
  margin-top: 5.8rem;
}
.c-re-service-guide .key-visual .thumb.thumb-no-margin {
  margin-top: -1.2rem;
}
.c-re-service-guide .key-visual .thumb.inner-dummy:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 322/183;
}
.c-re-service-guide .key-visual .thumb[data-apng]:empty:before, .c-re-service-guide .key-visual .thumb[data-lottie]:empty:before {
  content: "";
  display: block;
  aspect-ratio: 750/520;
  width: 100%;
}
.c-re-service-guide .key-visual .thumb[data-apng] canvas, .c-re-service-guide .key-visual .thumb[data-lottie] svg {
  width: 100%;
  height: 100%;
}
.c-re-service-guide .key-visual .thumb img {
  position: relative;
  width: 100%;
  z-index: 1;
}
.c-re-service-guide .key-visual .thumb:has(.bg-round) {
  margin-top: 2.7rem;
}
.c-re-service-guide .key-visual .thumb .bg-round {
  position: absolute;
  left: 50%;
  top: 0;
  width: 53.2em;
  height: 53.2rem;
  z-index: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
}
.c-re-service-guide .key-visual .thumb .bg-round.bg-ffcc00 {
  background-color: #ffcc00;
}
.c-re-service-guide .key-visual .list {
  position: relative;
  margin-top: 2.2rem;
  padding: 0 1.6rem;
  z-index: 1;
}
.c-re-service-guide .key-visual .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 1.2rem;
}
.c-re-service-guide .key-visual .list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-re-service-guide .key-visual .list ul li picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-re-service-guide .key-visual .list ul li strong {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #222;
  font-weight: 500;
  margin-top: 0.4rem;
}
.c-re-service-guide .key-visual .comment-list {
  margin-top: 2.9rem;
  padding: 0 2.6rem;
}
.c-re-service-guide .key-visual .comment-list ul li {
  display: table;
  padding: 1.3rem 1.8rem 1.3rem 2rem;
  border-radius: 2.35rem;
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.03rem;
}
.c-re-service-guide .key-visual .comment-list ul li:nth-child(odd) {
  text-align: left;
  margin-right: auto;
}
.c-re-service-guide .key-visual .comment-list ul li:nth-child(even) {
  text-align: right;
  margin-left: auto;
}
.c-re-service-guide .key-visual .comment-list ul li.list01 {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.c-re-service-guide .key-visual .comment-list ul li.list02 {
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
.c-re-service-guide .key-visual .comment-list ul li.list03 {
  color: #2589ff;
  background-color: rgb(255, 255, 255);
}
.c-re-service-guide .key-visual .comment-list ul li:not(:last-child) {
  margin-bottom: 1.3rem;
}
.c-re-service-guide .key-visual.key-visual-bg {
  padding: 13.8rem 0 4.8rem;
}
.c-re-service-guide .key-visual.key-visual-bg-bababa {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(rgba(238, 238, 238, 0)));
  background-image: linear-gradient(to bottom, #bababa, rgba(238, 238, 238, 0));
}
.c-re-service-guide .key-visual.key-visual-bg .key-title > * {
  position: relative;
  z-index: 1;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .thumb {
  position: absolute;
  left: 0;
  top: -18.4rem;
  width: 100%;
  z-index: 0;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .thumb img {
  width: auto;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title p, .c-re-service-guide .key-visual.key-visual-bg .key-title ul.guide-bul > li {
  font-size: 1.4rem;
  color: #888;
  line-height: 2rem;
  font-weight: 700;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title h1 {
  font-size: 2.6rem;
  line-height: 3.6rem;
  margin-top: 1.4rem;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title h3 {
  font-size: 2.6rem;
  line-height: 3.6rem;
  margin-top: 1.4rem;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list {
  margin-top: 3.2rem;
  padding: 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #ddd;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li dl {
  text-align: center;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li dl dt, .c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li dl dd {
  font-size: 3rem;
  font-weight: 600;
  color: #222;
}
.c-re-service-guide .key-visual.key-visual-bg .key-title .vertical-divide-list li dl dd {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #888;
  font-weight: 600;
  margin-top: 0.6rem;
}
.c-re-service-guide .key-visual.type-new-key-visual .key-title p, .c-re-service-guide .key-visual.type-new-key-visual .key-title ul.guide-bul > li {
  font-weight: 300;
  line-height: 2.8rem;
}
.c-re-service-guide .key-visual.type-new-key-visual .key-title .title {
  font-size: 2.8rem;
  margin-top: 0;
}
.c-re-service-guide .key-visual.type-new-key-visual .list ul li strong {
  font-size: 1.4rem;
  line-height: 2rem;
}
.c-re-service-guide .bg-fff4f4 {
  background-color: #fff4f4;
}
.c-re-service-guide .bg-2589ff {
  background-color: rgb(37, 137, 255);
}
.c-re-service-guide .bg-fafafa {
  background-color: #fafafa;
}
.c-re-service-guide .bg-f8f8f8 {
  background-color: #f8f8f8;
}
.c-re-service-guide .bg-fff9e0 {
  background-color: #fff9e0;
}
.c-re-service-guide .bg-ffffff {
  background-color: #ffffff;
}
.c-re-service-guide .bg-ffcc00 {
  background-color: #ffcc00;
}
.c-re-service-guide .bg-intro06 {
  background: url(../images/common/service_guide/bg_intro06.png) center bottom/cover no-repeat;
}
.c-re-service-guide .bg-intro10 {
  background: url(../images/common/service_guide/bg_intro10.png) center bottom/cover no-repeat;
  padding: 5.5rem 0 0;
}
.c-re-service-guide .visual-list .visual-list-inner {
  position: relative;
  padding: 4rem 0 0;
}
.c-re-service-guide .visual-list .visual-list-inner:has(.inner-dummy) {
  padding-bottom: 5rem;
}
.c-re-service-guide .visual-list .visual-list-inner p, .c-re-service-guide .visual-list .visual-list-inner ul.guide-bul > li {
  padding: 0 1.6rem;
  text-align: center;
  line-height: 2rem;
}
.c-re-service-guide .visual-list .visual-list-inner p span, .c-re-service-guide .visual-list .visual-list-inner ul.guide-bul > li span {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #666;
}
.c-re-service-guide .visual-list .visual-list-inner p strong, .c-re-service-guide .visual-list .visual-list-inner ul.guide-bul > li strong {
  display: block;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  color: #222;
  margin-top: 0.2rem;
}
.c-re-service-guide .visual-list .visual-list-inner p.notice, .c-re-service-guide .visual-list .visual-list-inner ul.guide-bul > li.notice {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #888;
  margin-top: 1.8rem;
}
.c-re-service-guide .visual-list .visual-list-inner h2 {
  display: block;
  text-align: center;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  color: #222;
  margin-top: 0.2rem;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.8rem;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb[data-apng] canvas, .c-re-service-guide .visual-list .visual-list-inner .thumb[data-lottie] svg {
  display: block;
  width: 100%;
  height: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy {
  position: relative;
  overflow: hidden;
  margin-top: 0;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy:before {
  content: "";
  width: 100%;
  aspect-ratio: 32/23;
  display: block;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy[data-apng]:before, .c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy[data-lottie]:before {
  display: none;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb img {
  display: block;
  width: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner small {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  margin-top: 3rem;
}
.c-re-service-guide .visual-list .visual-list-inner small b {
  color: #222;
  font-weight: 600;
}
.c-re-service-guide .visual-list .visual-list-inner small strong {
  font-weight: 700;
  color: #222;
}
.c-re-service-guide .visual-list .visual-list-inner .sub-text p, .c-re-service-guide .visual-list .visual-list-inner .sub-text ul.guide-bul > li {
  font-size: 1.4rem;
  line-height: 1.43;
  color: #666;
}
.c-re-service-guide .visual-list .visual-list-inner .sub-text .sub-link {
  margin: 1.8rem 0;
}
.c-re-service-guide .visual-list .visual-list-inner .sub-text .sub-link a {
  padding: 1.5rem 3rem;
}
.c-re-service-guide .visual-list .visual-list-inner .sub-text .btn-wrap {
  margin: 1.6rem 1.6rem 0;
}
.c-re-service-guide .visual-list .visual-list-inner .sub-text small {
  display: block;
  font-size: 1.2rem;
  color: #888;
  line-height: 1.5;
  text-align: center;
  margin-top: 1.2rem;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.8rem;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a {
  position: relative;
  display: table;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 700;
  background: none;
  padding-right: 2rem;
  padding-bottom: 0.4rem;
  text-decoration: none;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a:before {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  border-top: 0.1rem solid #222;
  content: "";
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 p, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > li {
  text-align: left;
}
.c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 p i, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > li i {
  font-style: normal;
  font-weight: 500;
  color: #222;
}
.c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 p + p, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > li + p, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > p + li, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > li + li {
  margin-top: 1.4rem;
}
.c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 p small, .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 ul.guide-bul > li small {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
  text-align: inherit;
  margin-top: 0;
}
.c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 .box-round {
  margin-top: 3rem;
  padding: 0 1.6rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.thumb + .c-re-service-guide .visual-list .visual-list-inner.visual-list-inner-type2 {
  margin-top: 2rem;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list {
  padding: 0 1.6rem;
  margin-top: 3rem;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.8rem;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li:not(:last-child) {
  margin-bottom: 2.4rem;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li .ico {
  margin-top: 0;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li .ico picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li .desc {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  font-weight: 500;
}
.c-re-service-guide .visual-list .visual-list-inner .icon-list li .desc strong {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #222;
  font-weight: 600;
  margin-bottom: 0.6rem;
}
.c-re-service-guide .visual-list .visual-list-inner .dot-yellow-list {
  margin-top: 1.4rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .visual-list .visual-list-inner .dot-yellow-list li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #222;
  font-weight: 500;
}
.c-re-service-guide .visual-list .visual-list-inner .dot-yellow-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.9rem;
  background-color: #fc0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.c-re-service-guide .visual-list .visual-list-inner .dot-yellow-list li:not(:last-child) {
  margin-bottom: 1rem;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner {
  padding: 7.2rem 0 0;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner:has(.inner-dummy) {
  padding-bottom: 0;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner p span, .c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner ul.guide-bul > li span {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 300;
  color: #222;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner .section-tit {
  line-height: 2.8rem;
  margin-top: 0;
  padding-top: 0;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner .visual-list-inner-link {
  margin-top: 0.8rem;
}
.c-re-service-guide .visual-list.type-new-visual-list .visual-list-inner .visual-list-inner-link a {
  font-weight: 500;
}
.c-re-service-guide .visual-icon-list {
  padding: 3.6rem 1.6rem 5.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title {
  margin-bottom: 4.5rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title p, .c-re-service-guide .visual-icon-list .visual-icon-title ul.guide-bul > li {
  font-size: 1.4rem;
  color: #666;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title h2 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .visual-icon-list .visual-icon-title h4 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner:not(:last-of-type) {
  margin-bottom: 3.6rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner.align-center:not(:last-of-type) {
  margin-bottom: 2rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner .thumb picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner p, .c-re-service-guide .visual-icon-list .visual-icon-list-inner ul.guide-bul > li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #222;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner p strong, .c-re-service-guide .visual-icon-list .visual-icon-list-inner ul.guide-bul > li strong {
  display: block;
  font-weight: 700;
  color: #222;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner p span, .c-re-service-guide .visual-icon-list .visual-icon-list-inner ul.guide-bul > li span {
  display: block;
  font-size: 1.4rem;
  color: #666;
  margin-top: 0.6rem;
}
.c-re-service-guide .visual-icon-list .notice {
  font-size: 1.2rem;
  color: #888;
  line-height: 1.5;
  margin-top: 2.8rem;
  text-align: center;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 {
  padding: 0 2.7rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title {
  margin-bottom: 2.8rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title p, .c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title ul.guide-bul > li {
  font-weight: 700;
  margin-bottom: 1.4rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title h2 {
  font-size: 2.6rem;
  margin-bottom: 1.4rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title h4 {
  font-size: 2.6rem;
  margin-bottom: 1.4rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title small {
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #222;
  letter-spacing: -0.02rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-title .thumb {
  margin-top: 4.8rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-list-inner {
  gap: 1.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-list-inner:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-list-inner p strong, .c-re-service-guide .visual-icon-list.visual-icon-list-type2 .visual-icon-list-inner ul.guide-bul > li strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.c-re-service-guide .border-bottom-line {
  font-weight: inherit;
  text-decoration: underline;
  text-underline-offset: -8px;
  text-decoration-thickness: 8px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-text-decoration-color: #ffec9e;
          text-decoration-color: #ffec9e;
}
.c-re-service-guide .c-re-swiper .swiper {
  position: relative;
}
.c-re-service-guide .c-re-swiper .swiper-title {
  text-align: center;
  margin-bottom: 3.2rem;
}
.c-re-service-guide .c-re-swiper .swiper-title p, .c-re-service-guide .c-re-swiper .swiper-title ul.guide-bul > li {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.c-re-service-guide .c-re-swiper .swiper-title h4,
.c-re-service-guide .c-re-swiper .swiper-title .inner-title {
  font-size: 2rem;
  line-height: 3rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.c-re-service-guide .c-re-swiper .swiper-title .swiper-filter {
  margin-top: 1.8rem;
}
.c-re-service-guide .c-re-swiper .swiper-title .swiper-filter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
}
.c-re-service-guide .c-re-swiper .swiper-title .swiper-filter ul button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eee;
  font-size: 1.4rem;
  line-height: 3rem;
  color: #888;
  font-weight: 600;
  padding: 0 1.8rem;
  border-radius: 5rem;
}
.c-re-service-guide .c-re-swiper .swiper-title .swiper-filter ul li.active button {
  background-color: #ffcc00;
  color: #695400;
}
.c-re-service-guide .c-re-swiper .swiper-pagination {
  top: auto;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer {
  padding: 4.8rem 1.6rem 2.5rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb img {
  width: 100%;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p, .c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide ul.guide-bul > li {
  margin-top: 5.2rem;
  text-align: center;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p strong, .c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide ul.guide-bul > li strong {
  display: block;
  font-size: 2rem;
  line-height: 3rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p span, .c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide ul.guide-bul > li span {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  margin-top: 1.2rem;
  height: 60px;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p span i, .c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide ul.guide-bul > li span i {
  font-size: 1.2rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer {
  bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1rem;
  gap: 0.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 0.6rem;
  border-radius: 0.2rem;
  opacity: 1;
  margin: 0;
  background-color: #eee;
  max-width: 7.4rem;
  -webkit-transition: none;
  transition: none;
  /**
  * car animate keyframes
  */
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet .bar {
  display: block;
  width: 0;
  height: 100%;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet.swiper-pagination-bullet-passed {
  width: 100%;
  background-color: #fc0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet.swiper-pagination-bullet-active .bar {
  background-color: #fc0;
  -webkit-animation: increase var(--car-animate-delay) forwards linear;
          animation: increase var(--car-animate-delay) forwards linear;
}
@-webkit-keyframes increase {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes increase {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card {
  padding: 4rem 0 4.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-slide {
  padding-bottom: 2.4rem;
  opacity: 0.5;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-slide .car-card {
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 1s ease;
  transition: -webkit-box-shadow 1s ease;
  transition: box-shadow 1s ease;
  transition: box-shadow 1s ease, -webkit-box-shadow 1s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-slide.swiper-slide-active .car-card {
  -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card {
  padding: 2.6rem 1.4rem 1.4rem;
  border-radius: 0.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .thumb img {
  width: 100%;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2rem;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag-yellow {
  background-color: #ffeda4;
  color: #aa8800;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag-gray {
  background-color: #f8f8f8;
  color: #888;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info strong {
  display: block;
  font-size: 1.4rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info em {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  margin-top: 0.5rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info span {
  display: block;
  font-size: 1.1rem;
  color: #888;
  font-weight: 500;
  margin-top: 1rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination {
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  background: #ddd;
  opacity: 1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffcc00;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap .btn-medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.8rem;
  border-radius: 0.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap .btn-outline-black {
  border: 0.1rem solid #666;
  color: #222;
  background-color: transparent;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo {
  padding: 4rem 0 9.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-title {
  text-align: left;
  padding: 0 1.6rem;
  margin-bottom: 4.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-title p, .c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-title ul.guide-bul > li {
  margin-bottom: 0.7rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-slide {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group {
  position: relative;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper {
  position: static;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper:not(:last-child) {
  margin-bottom: 2rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper .swiper-wrapper {
  padding: 0 1.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6rem;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgb(255, 204, 0)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(255, 204, 0) 100%);
  z-index: 2;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 6rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgb(255, 204, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(255, 204, 0) 100%);
  z-index: 2;
}
.c-re-service-guide .accordion-list-wrap {
  padding: 4rem 0 4.8rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-title p, .c-re-service-guide .accordion-list-wrap .accordion-title ul.guide-bul > li {
  font-size: 1.4rem;
  color: #222;
  margin-bottom: 0.6rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-title h2 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-title h5 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-title .link-underline {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
}
.c-re-service-guide .accordion-list-wrap ul li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .icon-acco-arrow-s {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-header {
  border-bottom: 0;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-header strong {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-container {
  display: block;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-container .cmm-list-cnt .cmm-bl-dash li {
  position: relative;
  padding-left: 1rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-container .cmm-list-cnt .cmm-bl-dash li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #333;
  border: 0.1rem solid #333;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-container .cmm-list-cnt .cmm-bl-dash li ul {
  margin-left: 0.5rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-container .cmm-list-cnt .cmm-bl-dash li ul li:after {
  background-color: transparent;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header {
  text-align: left;
  gap: 1.6rem;
  padding: 1.4rem 1.6rem;
  color: #222;
  border: 0;
  background: none;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header strong {
  font-size: 1.4rem;
  font-weight: 500;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header .icon-acco-arrow-s {
  position: relative;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header .icon-acco-arrow-s:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header .acco-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header .acco-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container {
  display: none;
  padding: 2rem 1.6rem;
  background-color: #f8f8f8;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container *:not(strong, b) {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 500;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container .font-b {
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 2rem 0 1rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container h3:first-of-type {
  margin-top: 0;
}
.c-re-service-guide .accordion-list-wrap.type-new-accordion-list-wrap {
  padding: 7.2rem 0 4.8rem;
}
.c-re-service-guide .accordion-list-wrap.type-new-accordion-list-wrap .accordion-title p, .c-re-service-guide .accordion-list-wrap.type-new-accordion-list-wrap .accordion-title ul.guide-bul > li {
  margin-bottom: 0.2rem;
  line-height: 2rem;
}
.c-re-service-guide .accordion-list-wrap.type-new-accordion-list-wrap .accordion-wrap .accordion-container p, .c-re-service-guide .accordion-list-wrap.type-new-accordion-list-wrap .accordion-wrap .accordion-container ul.guide-bul > li {
  font-weight: 300;
}
.c-re-service-guide .box-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-re-service-guide .box-round span {
  display: table;
  padding: 1rem 1.7rem 1rem;
  border-radius: 1.8rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.c-re-service-guide .box-round.box-round-blue span {
  background-color: rgba(37, 137, 255, 0.1);
  color: #2589ff;
}
.c-re-service-guide .box-round.box-round-yellow span {
  background-color: #ffd322;
  color: #222;
}
.c-re-service-guide .product-card-title {
  margin: 3rem 0 2rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .product-card-title h4 {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
}
.c-re-service-guide .product-card-list {
  padding: 0 1.6rem;
}
.c-re-service-guide .product-card-list .product-card-list-inner:not(:last-child) {
  border-bottom: 0.1rem solid #eee;
}
.c-re-service-guide .product-card-list .product-card-list-inner a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 13rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  text-decoration: none;
  padding: 2.6rem 0;
}
.c-re-service-guide .product-card-list .product-card-list-inner a:after {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: transalteY(-50%);
      -ms-transform: transalteY(-50%);
          transform: transalteY(-50%);
  right: 0.2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .product-card-list .product-card-list-inner .thumb picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc strong {
  display: block;
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc p, .c-re-service-guide .product-card-list .product-card-list-inner .desc ul.guide-bul > li {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #666;
  font-weight: 500;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc .label-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc .label-list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  line-height: 2.2rem;
  padding: 0 0.6rem;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc .label-list .label-white {
  background-color: #fff;
  border-color: #ddd;
  color: #222;
  font-weight: 600;
}
.c-re-service-guide .product-card-list .product-card-list-inner .desc .label-list .label-hot {
  background-color: #ffefb1;
  color: #ff7300;
  font-weight: 700;
  text-transform: uppercase;
}
.c-re-service-guide .car-search-license {
  padding: 0 2.7rem;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.2rem;
  border-bottom: 0.2rem solid #fc0;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner:has(input:-moz-placeholder-shown, .new-content-body .inp-box .ico-confirm:-moz-placeholder-shown, .type-mydata .inp-box .ico-confirm:-moz-placeholder-shown) {
  border-bottom: 0.2rem solid #ddd;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner:has(input:-ms-input-placeholder, .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .ico-confirm:-ms-input-placeholder) {
  border-bottom: 0.2rem solid #ddd;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner:has(input:placeholder-shown, .new-content-body .inp-box .ico-confirm:placeholder-shown, .type-mydata .inp-box .ico-confirm:placeholder-shown) {
  border-bottom: 0.2rem solid #ddd;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm {
  width: 100%;
  border: 0;
  background: none;
  font-size: 3rem;
  font-weight: 700;
  color: #222;
  line-height: 3.7rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input::-webkit-input-placeholder, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-input-placeholder, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-input-placeholder {
  color: #888;
  font-size: inherit;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input::-webkit-search-decoration, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm::-webkit-search-decoration, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-decoration, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm::-webkit-search-decoration, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-decoration, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input::-webkit-search-cancel-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm::-webkit-search-cancel-button, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-cancel-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm::-webkit-search-cancel-button, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-cancel-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input::-webkit-search-results-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm::-webkit-search-results-button, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-results-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm::-webkit-search-results-button, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-results-button, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner input::-webkit-search-results-decoration, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .new-content-body .inp-box .ico-confirm::-webkit-search-results-decoration, .new-content-body .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-results-decoration, .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .type-mydata .inp-box .ico-confirm::-webkit-search-results-decoration, .type-mydata .inp-box .c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner .ico-confirm::-webkit-search-results-decoration {
  display: none !important;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.4rem;
          flex: 0 0 5.4rem;
  height: 3.7rem;
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  border-radius: 0.6rem;
  background-color: #fc0;
  border: 0;
}
.c-re-service-guide .car-search-license .car-search-license-input .car-search-license-input-inner button:disabled {
  background: #f8f8f8;
  color: #888;
}
.c-re-service-guide .car-search-license .car-search-license-input .message {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 1.3rem;
  letter-spacing: -0.03rem;
}
.c-re-service-guide .car-search-license .car-search-license-input .message-alert {
  color: #ff3737;
}
.c-re-service-guide .car-search-license .recent-search {
  margin-top: 3rem;
}
.c-re-service-guide .car-search-license .recent-search .recent-search-title {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .car-search-license .recent-search ul {
  margin-top: 1rem;
}
.c-re-service-guide .car-search-license .recent-search ul li {
  position: relative;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .car-search-license .recent-search ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.c-re-service-guide .car-search-license .recent-search ul li .recent-search-number {
  padding: 0.7rem;
  display: block;
  max-width: calc(100% - 2.8rem);
  font-size: 1.2rem;
  font-family: inherit;
  line-height: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
  background: none;
  text-align: left;
  background-color: #eee;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #222;
}
.c-re-service-guide .car-search-license .recent-search ul li .recent-search-delete {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  right: 0;
  top: 0;
  border: 0;
  background-color: #eee;
  border-radius: 0 0.4rem 0.4rem 0;
}
.c-re-service-guide .car-search-license .recent-search ul li .recent-search-delete:before, .c-re-service-guide .car-search-license .recent-search ul li .recent-search-delete:after {
  content: "";
  position: absolute;
  display: block;
  margin-left: 0.9rem;
  width: 1.1rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #a4a4a4;
}
.c-re-service-guide .car-search-license .recent-search ul li .recent-search-delete:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-re-service-guide .car-search-license .recent-search ul li .recent-search-delete:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-re-service-guide .car-search-no-license {
  padding: 0 2.7rem;
  margin-top: 2.8rem;
}
.c-re-service-guide .car-search-no-license .no-license-search {
  position: relative;
  display: table;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 700;
  font-family: inherit;
  background: none;
  border: 0;
  padding-right: 2rem;
  padding-bottom: 0.4rem;
}
.c-re-service-guide .car-search-no-license .no-license-search:before {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  border-top: 0.1rem solid #222;
  content: "";
}
.c-re-service-guide .car-search-no-license .no-license-search:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .modelsel-area {
  padding: 0 2.7rem;
}
.c-re-service-guide .modelsel-area h3.tit {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #222;
  margin: 2.8rem 0 1.6rem;
}
.c-re-service-guide .modelsel-area .box-area .h-box {
  margin: 0 0 1rem;
}
.c-re-service-guide .modelsel-area .box-area .h-box:last-child {
  margin-bottom: 0;
}
.c-re-service-guide .modelsel-area .select-type {
  font-size: 1.6rem;
  height: 5.6rem;
  border-radius: 1.2rem;
  padding-left: 1.6rem;
}
.c-re-service-guide .modelsel-area .select-type.select-type-medium {
  height: 4.2rem;
  background-position: right 0;
  background-repeat: no-repeat;
}
.c-re-service-guide .modelsel-area .select-type.select-type-medium:disabled {
  background-position: right -4rem;
}
.c-re-service-guide .modelsel-area .input-wrap {
  height: 5.6rem;
  border-radius: 1.2rem;
}
.c-re-service-guide .modelsel-area .input-wrap:has(.input-type-medium) {
  height: 4.2rem;
  padding: 0 2.4rem 0 0.8rem;
  overflow: hidden;
}
.c-re-service-guide .modelsel-area .input-wrap:has(.input-type-medium) .input-type {
  height: 100%;
  padding: 0;
}
.c-re-service-guide .modelsel-area .input-wrap:has(.input-type-medium) .pay-type {
  top: 1.4rem;
  font-size: 1rem;
  color: #222;
  right: 0.8rem;
  font-weight: 500;
}
.c-re-service-guide .modelsel-area .modelsel-box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.4rem;
}
.c-re-service-guide .modelsel-area .modelsel-box02 .box-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-re-service-guide .modelsel-area .color-sel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.c-re-service-guide .modelsel-area .color-sel li {
  float: none;
  margin-bottom: 0;
  width: auto;
  padding: 1.2rem 0;
}
.c-re-service-guide .modelsel-area .color-sel li a.active .icon-color:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../images/common/service_guide/color_select.png);
          mask-image: url(../images/common/service_guide/color_select.png);
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color01 {
  background: #222;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color01:before {
  background-color: #9f9f9f;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color02 {
  background: #fff;
  border-color: #eee;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color02:before {
  background-color: #9f9f9f;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color03 {
  background: #d8d8d8;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color03:before {
  background-color: #9f9f9f;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color04 {
  background: #f8efde;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color04:before {
  background-color: #bf9b56;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color05 {
  background: #aaa;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color05:before {
  background-color: #4e483e;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color06 {
  background: #e00101;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color06:before {
  background-color: #670000;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color07 {
  background: #184fbf;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color07:before {
  background-color: #00064a;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color08 {
  background: #ec5424;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color08:before {
  background-color: #b81c00;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color09 {
  background: #6d1d1d;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color09:before {
  background-color: #bf6056;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color10 {
  background: #307c14;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color10:before {
  background-color: #87bf56;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color11 {
  background: #fbc71b;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color11:before {
  background-color: #9c6600;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color12 {
  background: #751688;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-color.color12:before {
  background-color: #b456bf;
}
.c-re-service-guide .modelsel-area .color-sel li a .icon-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #888;
  font-weight: 500;
}
.c-re-service-guide .btn-wrap {
  margin: 2rem 0 0;
}
.c-re-service-guide .btn-wrap button,
.c-re-service-guide .btn-wrap a {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  width: 100%;
  border-radius: 1.2rem;
  line-height: 4.6rem;
  text-align: center;
  background: none;
  text-decoration: none;
}
.c-re-service-guide .btn-wrap button *,
.c-re-service-guide .btn-wrap a * {
  font-size: inherit;
  text-decoration: none;
}
.c-re-service-guide .btn-wrap button.btn-inner-tel:before,
.c-re-service-guide .btn-wrap a.btn-inner-tel:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url(../images/common/service_guide/diagnosis_process__item_tel.png) center center/contain no-repeat;
  vertical-align: middle;
}
.c-re-service-guide .btn-border-gray {
  border: 0.1rem solid #666;
}
.c-re-service-guide .diagnosis-popup__tab {
  margin: 1.4rem 1.6rem 1.6rem;
}
.c-re-service-guide .diagnosis-popup__tab .diagnosis-popup__tab-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-radius: 0;
  background: none;
  gap: 1.2rem;
}
.c-re-service-guide .diagnosis-popup__tab .diagnosis-popup__tab-box .diagnosis-popup__tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  color: #222;
  font-size: 1.4rem;
  line-height: 3.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
}
.c-re-service-guide .diagnosis-popup__tab .diagnosis-popup__tab-box .diagnosis-popup__tab-item.active {
  line-height: 3.4rem;
  border: 0.2rem solid #fc0;
  font-weight: 700;
}
.c-re-service-guide .diagnosis-popup__tab-content {
  padding: 0.8rem;
  margin: 0 1.6rem;
}
.c-re-service-guide .notice-gray-box {
  padding: 1.6rem 1.6rem 2.2rem;
}
.c-re-service-guide .notice-gray-box dl {
  background-color: #f8f8f8;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.c-re-service-guide .notice-gray-box dl dt, .c-re-service-guide .notice-gray-box dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .c-re-service-guide .notice-gray-box dl dd {
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
}
.c-re-service-guide .notice-gray-box dl dt.question, .c-re-service-guide .notice-gray-box dl .dealer-detail .dealer-detail__status > div dd.question, .dealer-detail .dealer-detail__status > div .c-re-service-guide .notice-gray-box dl dd.question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .notice-gray-box dl dt.question:before, .c-re-service-guide .notice-gray-box dl .dealer-detail .dealer-detail__status > div dd.question:before, .dealer-detail .dealer-detail__status > div .c-re-service-guide .notice-gray-box dl dd.question:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/common/service_guide/q_ico.png) center center/cover no-repeat;
  margin-right: 0.6rem;
}
.c-re-service-guide .notice-gray-box dl dt.question span, .c-re-service-guide .notice-gray-box dl .dealer-detail .dealer-detail__status > div dd.question span, .dealer-detail .dealer-detail__status > div .c-re-service-guide .notice-gray-box dl dd.question span {
  font-size: inherit;
}
.c-re-service-guide .notice-gray-box dl dd {
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  padding-left: 1.1rem;
}
.c-re-service-guide .notice-gray-box dl dd:not(:last-child) {
  margin-bottom: 0.8rem;
}
.c-re-service-guide .notice-gray-box dl dd.no-bullet {
  padding-left: 0;
}
.c-re-service-guide .notice-gray-box dl dd.no-bullet:before {
  display: none;
}
.c-re-service-guide .notice-gray-box dl dd:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #ddd;
  border-radius: 50%;
}
.c-re-service-guide .notice-gray-box dl dd small {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process-desc {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #222;
  font-weight: 500;
  padding: 1.6rem;
  background-color: #f8f8f8;
  border-radius: 1rem;
  text-align: center;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process {
  margin: 3rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.6rem;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item {
  float: none;
  width: 100%;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item:before {
  background: url(../images/common/service_guide/diagnosis_process__item_arrow.png) center center/contain no-repeat;
  width: 1.6rem;
  height: 1.3rem;
  right: 100%;
  top: 3rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: -0.6rem;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 5rem;
  background-color: #f8f8f8;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon:before {
  margin-bottom: 0;
}
.c-re-service-guide .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner strong {
  display: block;
  font-size: 1.3rem;
  color: #222;
  font-weight: 500;
  margin-top: 1.3rem;
}

.divideLine {
  display: block;
  background-color: #f3f3f3;
  height: 1rem;
  border: 0;
  margin: 4rem 0;
}
.divideLine.small {
  height: 0.1rem;
  background-color: #ddd;
  margin: 2rem 0;
}

.c-re-scrolling-trigger {
  padding: 0 1.6rem;
}
.c-re-scrolling-trigger ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2rem;
}
.c-re-scrolling-trigger ul li a {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  color: #222;
  opacity: 0.2;
  text-decoration: none;
}
.c-re-scrolling-trigger ul li.active a {
  opacity: 1;
}

.c-re-scrolling-target {
  margin-bottom: 6rem;
}

.c-re-df-list {
  margin-top: 3rem;
  padding: 0 1.6rem;
}
.c-re-df-list dl {
  padding: 0 1.8rem;
  border-radius: 1.2rem;
  background-color: #f8f8f8;
}
.c-re-df-list dl .list {
  padding: 1.8rem 0;
}
.c-re-df-list dl .list:not(:last-child) {
  border-bottom: 0.1rem solid #ddd;
}
.c-re-df-list dl dt, .c-re-df-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .c-re-df-list dl dd {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #888;
  font-weight: 500;
}
.c-re-df-list dl dd {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 500;
  margin-top: 0.6rem;
}
.c-re-df-list dl dd.small {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
  font-weight: 500;
  margin-top: 0.9rem;
}

/* 공통 작업 */
.sell {
  position: relative;
}
.sell:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 15px;
  background: #fff;
  z-index: 1;
}
.sell.s-main:after {
  display: none;
}

[class*=s-section] {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  color: #222;
}
[class*=s-section] h2.tit {
  font-size: 24px;
  margin-bottom: 30px;
}
[class*=s-section] .s-txt {
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  color: #999;
}
[class*=s-section] .k-link-area {
  padding: 0 10px;
}
[class*=s-section] .k-link-area a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  color: #364f7f;
  text-align: center;
}

.sell .s-sell-method-list {
  margin: 0;
  padding: 30px 0 60px 0;
}
.sell .s-sell-method-list a {
  color: #333;
  text-decoration: none;
}
.sell .s-sell-method-list a:active,
.sell .s-sell-method-list a:hover {
  text-decoration: none;
}
.sell .s-sell-method-list h2.tit {
  margin-bottom: 40px;
  padding: 0 0 0 30px;
  color: #fff;
  line-height: 1.2;
}
.sell .s-sell-method-list h2.tit span {
  font-size: 24px;
  color: #64758a;
}
.sell .s-sell-method-list.s-bg-blue {
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 85px 0 15px;
  background: linear-gradient(-45deg, #90addc, #99b0da, #a8b5d7);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.sell .s-sell-method-list.s-bg-blue .sell-method {
  /*margin-bottom: 40px;*/
}
.sell .s-sell-method-list .sell-method-con {
  padding-left: 20px;
  padding-top: 6px;
}
.sell .s-sell-method-list .sell-method-01 .btn-sell-m {
  background: #7491b4;
}
.sell .s-sell-method-list .sell-method-02 .btn-sell-m {
  background: #6e7da0;
}
.sell .s-sell-method-list .sell-method-03 .btn-sell-m {
  background: #6bb3b0;
}
.sell .s-sell-method-list .swiper-container {
  margin-bottom: 10px;
  padding: 0 20px 0 0;
  overflow: initial;
}
.sell .s-sell-method-list .swiper-container .swiper-slide {
  padding: 0 0 0 10px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box {
  position: relative;
  border-radius: 15px;
  background: #fff;
  padding: 15px 15px 30px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-tooltip {
  position: relative;
  top: -6px;
  display: -webkit-inline-box;
  height: 27px;
  border-radius: 27px;
  background: #ffbc00;
  color: #fff;
  padding: 0 15px 0 30px;
  line-height: 27px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-tooltip .tri01 {
  position: absolute;
  bottom: -5px;
  left: 15px;
  width: 0px;
  height: 0px;
  border-top: 5px solid #ffbc00;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-tooltip:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: -50px 0;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt strong {
  display: block;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt span {
  position: relative;
  padding: 0 0 0 16px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt span:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -35px 0;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt:after {
  display: none;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-car-img {
  margin-top: -10px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-car-img .img {
  display: block;
  height: 80px;
  margin: 0 auto;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .k-car-img .img img {
  max-height: 100%;
  width: auto;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt-info {
  height: 82px;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .txt-info .k-info {
  color: #999;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .btn-del {
  position: absolute;
  right: 10px;
  top: 10px;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .btn-del button {
  display: block;
  text-indent: -999em;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
  font-size: 0;
}
.sell .s-sell-method-list .swiper-container .swiper-slide .rud-box .btn-del button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}

[class*=s-sell-method-] .btn-sell-m {
  position: relative;
  display: block;
  min-height: 66px;
  overflow: hidden;
  border-radius: 10px;
  font-size: 0;
  margin: 5px 30px 10px;
  padding: 25px 30px 20px 15px;
  color: #fff;
}
[class*=s-sell-method-] .btn-sell-m .main-text,
[class*=s-sell-method-] .btn-sell-m .sub-text {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.15;
  font-size: inherit;
  color: inherit;
}
[class*=s-sell-method-] .btn-sell-m .main-text {
  font-size: 18px;
  font-weight: 600;
  padding-right: 8px;
}
[class*=s-sell-method-] .btn-sell-m .sub-text {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  opacity: 0.6;
  padding-top: 4px;
  vertical-align: bottom;
}
[class*=s-sell-method-] .btn-sell-m p.arrow, [class*=s-sell-method-] .btn-sell-m ul.guide-bul > li.arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: 0 -35px;
}
[class*=s-sell-method-] .btn-sell-m p.arrow span, [class*=s-sell-method-] .btn-sell-m ul.guide-bul > li.arrow span {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.sell .s-review-list {
  padding: 30px 0;
}
.sell .s-review-list > a {
  color: #333;
  text-decoration: none;
}
.sell .s-review-list a:active,
.sell .s-review-list a:hover {
  text-decoration: none;
}
.sell .s-review-list h2.tit {
  margin-bottom: 20px;
  padding: 0 0 0 30px;
}
.sell .s-review-list .tabs-area {
  margin-bottom: 30px;
  padding: 0;
}
.sell .s-review-list .tabs-area ul {
  display: -webkit-box;
}
.sell .s-review-list .tabs-area ul li {
  -webkit-box-flex: 1;
}
.sell .s-review-list .tabs-area ul li a {
  display: block;
  text-align: center;
}
.sell .s-review-list .tabs-area ul li a span {
  position: relative;
  display: inline-block;
  padding: 0 0 11px;
  color: #999;
}
.sell .s-review-list .tabs-area ul li.on a span {
  color: #222;
  font-weight: 600;
}
.sell .s-review-list .tabs-area ul li.on a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
.sell .s-review-list [class*=review-area] {
  padding: 0 10px;
}
.sell .s-review-list [class*=review-area] li:first-child {
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.sell .s-review-list [class*=review-area] li a {
  margin-bottom: 0;
}
.sell .s-review-list .k-car-img {
  width: 100px;
  height: 75px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.sell .s-review-list .k-car-img img {
  width: 100%;
}
.sell .s-review-list .h-box .k-txt {
  -webkit-box-orient: vertical;
  text-align: left;
  -webkit-box-pack: center;
  padding-left: 30px;
}
.sell .s-review-list .h-box .k-txt .k-review {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding: 0 25px 0 0;
}
.sell .s-review-list .h-box .k-txt .k-pay {
  display: block;
  margin-top: 4px;
}
.sell .s-review-list .h-box .k-txt .k-info {
  color: #999;
  margin-top: 10px;
}

.sell .s-mycar-sell-info {
  padding: 30px 30px 15px 30px;
}
.sell .s-mycar-sell-info h2.tit {
  margin-bottom: 20px;
  padding: 0;
}
.sell .s-mycar-sell-info ul li {
  position: relative;
  height: 40px;
  line-height: 40px;
}
.sell .s-mycar-sell-info ul li * {
  font-size: 14px;
}
.sell .s-mycar-sell-info ul li a {
  display: block;
  color: #222;
}
.sell .s-mycar-sell-info ul li a i {
  display: inline-block;
  color: #10a8e5;
  font-style: normal;
  width: 70px;
}
.sell .s-mycar-sell-info ul li a span {
  display: inline-block;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: -2px;
}
.sell .s-mycar-sell-info ul li:after {
  content: "";
  width: 5px;
  height: 8px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: -5px -5px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}

.sell-header {
  padding: 0;
}
.sell-header .pre-page h1 {
  color: #fff;
  padding: 0;
  font-size: 18px;
}
.sell-header .pre-page:after {
  background-position: -402px 0;
}
.sell-header .guide-movie {
  position: absolute;
  right: 15px;
  top: 17px;
}
.sell-header .guide-movie a {
  position: relative;
  padding: 0 17px 0 0;
  color: rgb(252, 229, 77);
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
}
.sell-header .guide-movie a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background-color: rgb(252, 229, 77);
  border-radius: 50%;
}
.sell-header .guide-movie a:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.sell-header2 {
  padding: 0;
}
.sell-header2 h1 {
  padding: 0;
  font-size: 18px;
}

.sell-estimate.k-bg-blue {
  background: #7491b4;
  margin: 0 0 -15px;
  padding: 85px 0 40px;
  border-radius: 0;
  color: #fff;
  padding: 85px 15px 40px;
  margin-top: -5px;
}
.sell-estimate .tit-s {
  font-size: 22px;
  font-weight: 100;
  line-height: 1.4;
}
.sell-estimate .money {
  position: relative;
  margin: 45px 0 28px;
  padding-bottom: 25px;
  text-align: right;
  color: #ffe600;
  border-bottom: 1px solid #85a4ca;
}
.sell-estimate .money strong {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 20px;
  font-weight: 600;
}
.sell-estimate .money strong:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -141px 0;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
}
.sell-estimate .money strong span {
  font-size: 20px;
  font-weight: 600;
}
.sell-estimate .money p, .sell-estimate .money ul.guide-bul > li {
  position: absolute;
  left: 0;
  top: -10px;
  color: #fff;
  text-align: left;
}
.sell-estimate .money [class*=bg-money] {
  position: absolute;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.sell-estimate .money .bg-money1 {
  right: 0;
  background: url("../images/sub/bg_money.png") no-repeat;
  background-size: 19px;
  width: 19px;
  height: 19px;
  -webkit-transform: translateY(-30px) rotate(-95deg);
      -ms-transform: translateY(-30px) rotate(-95deg);
          transform: translateY(-30px) rotate(-95deg);
  -webkit-animation: moneyAni 1.5s;
          animation: moneyAni 1.5s;
}
.sell-estimate .money .bg-money2 {
  right: 10px;
  background: url("../images/sub/bg_money.png") no-repeat;
  background-size: 15px;
  width: 15px;
  height: 15px;
  -webkit-transform: translate(-15px, -35px) rotate(-15deg);
      -ms-transform: translate(-15px, -35px) rotate(-15deg);
          transform: translate(-15px, -35px) rotate(-15deg);
  -webkit-animation: moneyAni2 2s;
          animation: moneyAni2 2s;
}
.sell-estimate .money .bg-money3 {
  right: 30px;
  background: url("../images/sub/bg_money.png") no-repeat;
  background-size: 12px;
  width: 12px;
  height: 12px;
  -webkit-transform: translate(36px, -55px) rotate(15deg);
      -ms-transform: translate(36px, -55px) rotate(15deg);
          transform: translate(36px, -55px) rotate(15deg);
  -webkit-animation: moneyAni3 2.4s;
          animation: moneyAni3 2.4s;
}

.num-app.h-box {
  display: -webkit-box;
  margin-bottom: 0;
}
.num-app.h-box > div:first-child {
  display: inline-block;
  width: 95px;
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.num-app.h-box > div:last-child {
  -webkit-box-flex: 1;
}
.num-app dd {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 600;
}
.num-app dd span {
  font-size: 20px;
  font-weight: 600;
}

@-webkit-keyframes moneyAni {
  0% {
    -webkit-transform: translateY(-100px) rotate(0);
            transform: translateY(-100px) rotate(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-30px) rotate(-45deg);
            transform: translateY(-30px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(-30px) rotate(-95deg);
            transform: translateY(-30px) rotate(-95deg);
    opacity: 1;
  }
}

@keyframes moneyAni {
  0% {
    -webkit-transform: translateY(-100px) rotate(0);
            transform: translateY(-100px) rotate(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-30px) rotate(-45deg);
            transform: translateY(-30px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(-30px) rotate(-95deg);
            transform: translateY(-30px) rotate(-95deg);
    opacity: 1;
  }
}
@-webkit-keyframes moneyAni2 {
  0% {
    -webkit-transform: translate(-15px, -120px) rotate(0);
            transform: translate(-15px, -120px) rotate(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-15px, -35px) rotate(-15deg);
            transform: translateY(-15px, -35px) rotate(-15deg);
    opacity: 1;
  }
}
@keyframes moneyAni2 {
  0% {
    -webkit-transform: translate(-15px, -120px) rotate(0);
            transform: translate(-15px, -120px) rotate(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-15px, -35px) rotate(-15deg);
            transform: translateY(-15px, -35px) rotate(-15deg);
    opacity: 1;
  }
}
@-webkit-keyframes moneyAni3 {
  0% {
    -webkit-transform: translate(36px, -120px) rotate(0);
            transform: translate(36px, -120px) rotate(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(36px, -55px) rotate(15deg);
            transform: translateY(36px, -55px) rotate(15deg);
    opacity: 1;
  }
}
@keyframes moneyAni3 {
  0% {
    -webkit-transform: translate(36px, -120px) rotate(0);
            transform: translate(36px, -120px) rotate(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(36px, -55px) rotate(15deg);
            transform: translateY(36px, -55px) rotate(15deg);
    opacity: 1;
  }
}
.sell-step {
  padding: 25px 0 0;
}
.sell-step .sub-tit {
  padding: 0 15px;
  font-size: 18px;
}

.sell-step-toggle dt, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd {
  padding: 0 28px 0 15px;
  border-bottom: 1px solid #ddd;
}
.sell-step-toggle dt a, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a {
  margin-bottom: 0;
  padding: 17px 0;
  text-decoration: none;
  color: #222;
  font-weight: 400;
}
.sell-step-toggle dt a i, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a i, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a i {
  color: #999;
  font-style: normal;
}
.sell-step-toggle dt a b, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a b, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a b {
  margin-left: 12px;
}
.sell-step-toggle dt a div:first-child, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a div:first-child, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a div:first-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.sell-step-toggle dt a div:last-child span, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a div:last-child span, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a div:last-child span {
  display: none;
}
.sell-step-toggle dt a div:last-child:after, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a div:last-child:after, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a div:last-child:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 0;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
}
.sell-step-toggle dt a div:last-child.block, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a div:last-child.block, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a div:last-child.block {
  display: block;
  background: red;
}
.sell-step-toggle dt a.on i, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on i, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.on i {
  color: #10a8e5;
}
.sell-step-toggle dt a.on div:last-child, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on div:last-child, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.on div:last-child {
  position: relative;
  color: #10a8e5;
  padding: 0 20px 0 0;
}
.sell-step-toggle dt a.on div:last-child:after, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on div:last-child:after, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.on div:last-child:after {
  background-position: -77px -237px;
}
.sell-step-toggle dt a.on div:last-child span, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on div:last-child span, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.on div:last-child span {
  display: block;
}
.sell-step-toggle dt a.on div:last-child.end, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on div:last-child.end, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.on div:last-child.end {
  color: #fd665c;
}
.sell-step-toggle dt a.step-toggle-box, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.step-toggle-box, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.step-toggle-box {
  display: block;
  width: 100%;
  height: 100%;
}
.sell-step-toggle dt a.step-toggle-box .timer, .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.step-toggle-box .timer, .dealer-detail .dealer-detail__status > div .sell-step-toggle dd a.step-toggle-box .timer {
  display: block;
  margin-top: 5px;
  text-align: right;
}
.sell-step-toggle dd {
  background: #f1f1f1;
  padding: 15px 25px 30px;
}
.sell-step-toggle dd .my-car-register a {
  position: relative;
  display: block;
  margin-bottom: 10px;
  border-radius: 7px;
  background: #fff;
  font-size: 18px;
  color: #222;
  text-decoration: none;
  height: 50px;
  padding: 0 40px;
  line-height: 52px;
  font-weight: 400;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sell-step-toggle dd .my-car-register a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -201px;
  left: 12px;
  top: 16px;
  width: 15px;
  height: 18px;
}
.sell-step-toggle dd .my-car-register a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -219px;
  width: 12px;
  height: 12px;
  right: 15px;
  top: 19px;
}
.sell-step-toggle dd .sell-txt {
  line-height: 1.4;
  margin-bottom: 22px;
}
.sell-step-toggle dd .sell-guide li {
  padding: 25px 0 0;
}
.sell-step-toggle dd .sell-guide li:first-child {
  padding: 0;
}
.sell-step-toggle dd .sell-guide a {
  width: 100%;
  color: #222;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 0;
}
.sell-step-toggle dd .sell-guide a div:first-child {
  position: relative;
  padding: 0 0 0 24px;
}
.sell-step-toggle dd .sell-guide a div:first-child:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  left: 0;
  top: 1px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-arrow:after {
  background-position: -77px -248px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-won:after {
  background-position: -77px -263px;
  width: 16px;
  height: 16px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-ad:after {
  background-position: -235px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-date:after {
  height: 16px;
  background-position: -250px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-point:after {
  background-position: -265px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-qna:after {
  height: 17px;
  background-position: -280px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-dsell:after {
  background-position: -295px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-cname:after {
  background-position: -310px -55px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-point:after {
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-position: -155px 0;
  background-size: 250px;
}
.sell-step-toggle dd .sell-guide a div:first-child.ico-terms:after {
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-position: -175px 0;
  background-size: 250px;
}
.sell-step-toggle dd .sell-guide a div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #666;
  font-size: 12px;
  text-decoration: underline;
}
.sell-step-toggle .btn-close {
  position: absolute;
  right: 10px;
  top: -3px;
}
.sell-step-toggle .btn-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.sell-step-toggle .btn-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.sell-step-toggle .btn-close.textShow {
  top: 15px;
  right: 15px;
}
.sell-step-toggle .btn-close.textShow a {
  text-indent: initial;
  width: auto;
  height: auto;
  font-size: 14px;
  color: #999;
  text-decoration: none;
}
.sell-step-toggle .btn-close.textShow a:after {
  display: none;
}

.precaution {
  padding: 15px;
}
.precaution h3 {
  position: relative;
  font-size: 14px;
  color: #fd665c;
  padding: 0 0 0 17px;
}
.precaution h3:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -35px 0;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -7px;
}
.precaution ul {
  padding: 7px 0 0;
}
.precaution ul li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
  color: #999;
  font-size: 13px;
}
.precaution ul li:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 2px;
  height: 2px;
  background: #999;
  border-radius: 2px;
}

.mycar-sell li {
  position: relative;
  border-top: 1px solid #ddd;
}
.mycar-sell li:first-child {
  border-top: 0;
}
.mycar-sell li:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 15px;
  top: 23px;
}
.mycar-sell li:nth-child(1):after {
  background-position: -78px -289px;
  width: 19px;
  height: 19px;
}
.mycar-sell li:nth-child(2):after {
  width: 22px;
  height: 15px;
  background-position: -78px -308px;
}
.mycar-sell li.ico-opinion:after {
  background-position: -81px -342px;
  width: 21px;
  height: 18px;
}
.mycar-sell li.ico-photo:after {
  background-position: -81px -360px;
  width: 21px;
  height: 15px;
}
.mycar-sell li.mycar-price-icon:after {
  background-position: -78px -308px;
  width: 19px;
  height: 19px;
}
.mycar-sell a {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 0 0 50px;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  line-height: 60px;
}
.mycar-sell a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -279px;
  width: 5px;
  height: 8px;
  right: 15px;
  top: 50%;
  margin-top: -4px;
}
.mycar-sell .ad-bananer a {
  padding: 15px 15px 30px 15px;
  height: auto;
}
.mycar-sell .ad-bananer a img {
  width: 100%;
}
.mycar-sell .ad-bananer a:after {
  display: none;
}

.ad-bananer .banner-cnt {
  background: #6e7da0;
  border-radius: 15px;
  margin: 0 15px 30px;
}
.ad-bananer .banner-cnt a {
  display: block;
  padding: 30px 15px 35px 30px;
  color: #fff;
  text-decoration: none;
  height: auto;
}
.ad-bananer .banner-cnt a .txt {
  margin-bottom: 17px;
}
.ad-bananer .banner-cnt a .tit {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
.ad-bananer .banner-cnt a .txt-ico {
  position: relative;
}
.ad-bananer .banner-cnt a .txt-ico span {
  position: relative;
}
.ad-bananer .banner-cnt a .txt-ico span:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -78px -323px;
  right: -15px;
  top: 5px;
  width: 5px;
  height: 8px;
}
.ad-bananer .banner-cnt a .txt-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -73px -101px;
  right: 15px;
  top: 0;
  width: 107px;
  height: 22px;
}
.ad-bananer .banner-cnt a {
  padding: 15px;
}
.ad-bananer .banner-cnt a:after {
  background: none;
}
.ad-bananer .banner-cnt a .tit {
  position: relative;
  left: 0;
  top: 0;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 0;
}
.ad-bananer .banner-cnt a .txt-ico span:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 10px;
  top: 50%;
  margin-top: 3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ad-bananer .banner-cnt a .txt-ico span:after {
  width: 0;
  height: 0;
  right: -15px;
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ad-bananer .swiper-slide {
  background: #6e7da0;
  border-radius: 15px;
}
.ad-bananer .swiper-slide a {
  display: block;
  padding: 30px 15px 35px 30px;
  color: #fff;
  text-decoration: none;
  height: auto;
}
.ad-bananer .swiper-slide a .txt {
  margin-bottom: 17px;
}
.ad-bananer .swiper-slide a .tit {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
.ad-bananer .swiper-slide a .txt-ico {
  position: relative;
}
.ad-bananer .swiper-slide a .txt-ico span {
  position: relative;
}
.ad-bananer .swiper-slide a .txt-ico span:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -78px -323px;
  right: -15px;
  top: 5px;
  width: 5px;
  height: 8px;
}
.ad-bananer .swiper-slide a .txt-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -73px -101px;
  right: 15px;
  top: 0;
  width: 107px;
  height: 22px;
}

.swiper-pagination {
  position: absolute;
  right: 15px;
  top: 0;
  left: inherit;
  bottom: inherit;
  text-align: right;
}

.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  background: #fff;
}

.swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}

.pin-review .tit {
  margin-bottom: 0;
  padding: 30px 15px 0;
  font-size: 18px;
}
.pin-review .review-cnt {
  position: relative;
  padding: 25px 0 30px;
}
.pin-review .review-cnt .car-name {
  padding: 0 15px 8px;
  font-size: 16px;
  font-weight: 600;
}
.pin-review .review-cnt .average-money {
  display: -webkit-box;
  padding: 0 15px;
  font-weight: 600;
}
.pin-review .review-cnt .average-money > div {
  -webkit-box-flex: 1;
}
.pin-review .review-cnt .average-money > div:last-child {
  display: -webkit-box;
  padding: 0 0 0 20px;
  -webkit-box-pack: end;
}
.pin-review .review-cnt .average-money .red-txt {
  position: relative;
  padding: 0 14px 0 0;
}
.pin-review .review-cnt .average-money .red-txt:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -97px -15px;
  right: 0;
  top: 5px;
  width: 9px;
  height: 9px;
}
.pin-review .review-cnt .txt {
  margin: 20px 15px 15px;
}
.pin-review .review-cnt .swiper-container {
  padding: 0 15px;
}
.pin-review .review-cnt .swiper-slide {
  width: 125px;
  height: 94px;
  border-radius: 4px;
  overflow: hidden;
}
.pin-review .review-cnt .swiper-slide img {
  width: 100%;
}
.pin-review .review-cnt:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px);
  height: 1px;
  background: #ddd;
}
.pin-review .review-cnt.bor-none:after {
  display: none;
}
.pin-review.s-section-4 h2.tit {
  margin-bottom: 0;
}
.pin-review.box-rud {
  padding: 30px 0 !important;
  padding: 0;
}
.pin-review.box-rud h2.tit {
  font-size: 18px;
}
.pin-review.box-rud .txt {
  padding: 0;
  font-size: 14px;
}
.pin-review .btn-wrap {
  margin: 0 15px 30px;
}

.sell .sell-estimate h2.sub-tit {
  padding: 0 0 0 30px;
}
.sell section.sell-condition {
  border-radius: 0 0 15px 15px;
  padding: 0;
  margin-bottom: 10px;
}
.sell .sell-condition .sec-tit {
  padding: 30px 0 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sell .sell-condition .sec-tit h2 {
  color: #222;
  padding: 0;
  margin: 0;
}
.sell .sell-condition .sec-tit h2 b {
  color: #6d88a9;
}
.sell .sell-condition .sec-tit p.tit-btn, .sell .sell-condition .sec-tit ul.guide-bul > li.tit-btn {
  padding-right: 15px;
}
.sell .sell-condition .sec-tit p.tit-btn a, .sell .sell-condition .sec-tit ul.guide-bul > li.tit-btn a {
  position: relative;
  display: inline-block;
  padding: 5px 19px 3px 8px;
  font-size: 15px;
  color: #999;
  border: 1px solid #999;
  border-radius: 15px;
}
.sell .sell-condition .sec-tit p.tit-btn a:after, .sell .sell-condition .sec-tit ul.guide-bul > li.tit-btn a:after {
  content: "";
  top: 10px;
  right: 6px;
  position: absolute;
  width: 9px;
  height: 5px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: 0 0;
}

.sell-step dt, .sell-step .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .sell-step dd {
  border-bottom: 1px solid #ddd;
  padding-left: 15px;
}
.sell-step dt a, .sell-step .dealer-detail .dealer-detail__status > div dd a, .dealer-detail .dealer-detail__status > div .sell-step dd a {
  position: relative;
  width: 100%;
  height: 100%;
  color: #222;
}
.sell-step dt a i, .sell-step .dealer-detail .dealer-detail__status > div dd a i, .dealer-detail .dealer-detail__status > div .sell-step dd a i {
  position: relative;
  top: -1px;
  display: inline-block;
  min-width: 50px;
  font-style: normal;
  color: #999;
  padding-right: 10px;
}
.sell-step dt a.on i, .sell-step .dealer-detail .dealer-detail__status > div dd a.on i, .dealer-detail .dealer-detail__status > div .sell-step dd a.on i {
  color: #10a8e5;
}
.sell-step dt a b, .sell-step .dealer-detail .dealer-detail__status > div dd a b, .dealer-detail .dealer-detail__status > div .sell-step dd a b {
  color: #222;
}
.sell-step dt a p, .sell-step dt a ul.guide-bul > li, .sell-step .dealer-detail .dealer-detail__status > div dd a p, .sell-step .dealer-detail .dealer-detail__status > div dd a ul.guide-bul > li, .dealer-detail .dealer-detail__status > div .sell-step dd a p, .dealer-detail .dealer-detail__status > div .sell-step dd a ul.guide-bul > li {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 9px;
  height: 5px;
  margin-top: -2px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: -10px 0;
}
.sell-step dt a p span, .sell-step dt a ul.guide-bul > li span, .sell-step .dealer-detail .dealer-detail__status > div dd a p span, .sell-step .dealer-detail .dealer-detail__status > div dd a ul.guide-bul > li span, .dealer-detail .dealer-detail__status > div .sell-step dd a p span, .dealer-detail .dealer-detail__status > div .sell-step dd a ul.guide-bul > li span {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.sell-step dt a.on p, .sell-step dt a.on ul.guide-bul > li, .sell-step .dealer-detail .dealer-detail__status > div dd a.on p, .sell-step .dealer-detail .dealer-detail__status > div dd a.on ul.guide-bul > li, .dealer-detail .dealer-detail__status > div .sell-step dd a.on p, .dealer-detail .dealer-detail__status > div .sell-step dd a.on ul.guide-bul > li {
  background-position: -10px -5px;
}
.sell-step dd {
  display: none;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1;
  padding: 15px;
}
.sell-step dd [class*=step] {
  padding: 15px 10px;
}
.sell-step dd [class*=step] p, .sell-step dd [class*=step] ul.guide-bul > li {
  margin-bottom: 30px;
  padding: 0 35px 0 0;
  line-height: 1.4;
}
.sell-step dd [class*=step] .h-box {
  text-decoration: none;
  margin-bottom: 0;
}
.sell-step dd [class*=step] .h-box .ico-see {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.sell-step dd [class*=step] .h-box .ico-see:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 2px;
  background-position: -110px -15px;
  width: 15px;
  height: 11px;
}
.sell-step dd [class*=step] .h-box .ico-es {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.sell-step dd [class*=step] .h-box .ico-es:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 2px;
  background-position: -130px -15px;
  width: 15px;
  height: 16px;
}
.sell-step dd [class*=step] .h-box .ico-review {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.sell-step dd [class*=step] .h-box .ico-review:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 2px;
  background-position: -195px 0;
  width: 15px;
  height: 15px;
}
.sell-step dd [class*=step] .h-box div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #666;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}

.sell-step-item.on dt i, .sell-step-item.on .dealer-detail .dealer-detail__status > div dd i, .dealer-detail .dealer-detail__status > div .sell-step-item.on dd i {
  color: #10a8e5;
}
.sell-step-item.on dt div:last-child, .sell-step-item.on .dealer-detail .dealer-detail__status > div dd div:last-child, .dealer-detail .dealer-detail__status > div .sell-step-item.on dd div:last-child {
  position: relative;
  color: #10a8e5;
  padding: 0 20px 0 0;
}
.sell-step-item.on dt div:last-child:after, .sell-step-item.on .dealer-detail .dealer-detail__status > div dd div:last-child:after, .dealer-detail .dealer-detail__status > div .sell-step-item.on dd div:last-child:after {
  background-position: -77px -237px;
}
.sell-step-item.on dt div:last-child span, .sell-step-item.on .dealer-detail .dealer-detail__status > div dd div:last-child span, .dealer-detail .dealer-detail__status > div .sell-step-item.on dd div:last-child span {
  display: block;
}
.sell-step-item.on dt div:last-child.end, .sell-step-item.on .dealer-detail .dealer-detail__status > div dd div:last-child.end, .dealer-detail .dealer-detail__status > div .sell-step-item.on dd div:last-child.end {
  color: #fd665c;
}

.sell-compt {
  position: relative;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sell-tag {
  padding: 15px;
}
.sell-tag li {
  display: inline-block;
  padding: 2px 4px;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  border-radius: 50px;
}
.sell-tag li.on {
  background: #6d88a9;
  border: 1px solid #6d88a9;
  color: #fff;
}
.sell-tag li.dark {
  border: 1px solid #222;
  color: #222;
}

.sell-compt .btn-cls {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 10px;
  height: 10px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: -20px 0;
}
.sell-compt .btn-cls span {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.auction-info {
  text-align: center;
}
.auction-info .estimate {
  position: relative;
  padding-top: 15px;
  height: 60px;
}
.auction-info .estimate i {
  display: inline-block;
  color: #fd665c;
  font-style: normal;
  padding-bottom: 5px;
  border-bottom: 1px solid #fd665c;
}
.auction-info .estimate:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
  background-position: -35px 0;
}
.auction-info .tw-car {
  text-align: center;
  margin-top: 10px;
}
.auction-info .tw-car-img {
  width: 180px;
  height: 102px;
  margin: 0 auto;
}
.auction-info .tw-car-img img {
  width: 100%;
}
.auction-info .tw-car-info {
  -webkit-box-orient: vertical;
  margin: 15px 0;
}
.auction-info .tw-car-name {
  font-size: 20px;
  font-weight: 600;
}

.btn-auction {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.btn-auction a {
  display: block;
  width: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #4171bf;
}
.btn-auction a:first-child + a {
  border-left: 1px solid #ddd;
}

.btn-bar-b {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  background: #6d88a9;
  padding-left: 15px;
  margin: 10px 0;
}
.btn-bar-b a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.btn-bar-b p, .btn-bar-b ul.guide-bul > li {
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
}
.btn-bar-b p span, .btn-bar-b ul.guide-bul > li span {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.btn-bar-arr a {
  font-size: 16px;
}
.btn-bar-arr p, .btn-bar-arr ul.guide-bul > li {
  margin-top: -4px;
  width: 5px;
  height: 8px;
  background-position: 0 -5px;
}

.btn-bar-plus a {
  font-size: 20px;
  font-weight: 600;
}
.btn-bar-plus p, .btn-bar-plus ul.guide-bul > li {
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background-position: 0 -35px;
}

.sell-txt {
  padding: 20px 10px 0 10px;
}

.sell-guide {
  margin: 10px 0 0;
}
.sell-guide li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 0;
}
.sell-guide li span {
  position: relative;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-left: 30px;
}
.sell-guide li span:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 2px;
  background: url("../images/sub/sprite_sell.png");
  background-size: 250px;
}
.sell-guide li:nth-child(1) span:before {
  width: 15px;
  height: 15px;
  background-position: 0 -15px;
}
.sell-guide li:nth-child(2) span:before {
  width: 12px;
  height: 13px;
  background-position: -20px -15px;
}
.sell-guide li:nth-child(3) span:before {
  width: 12px;
  height: 15px;
  background-position: -60px -15px;
}

.rud-box {
  position: relative;
  background: #fff;
  border-radius: 15px;
  padding: 15px 15px 65px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.rud-box .center-area {
  padding: 30px 0 0;
  text-align: center;
}
.rud-box .center-area .txt {
  position: relative;
  padding: 27px 0 0;
  min-height: 65px;
  font-weight: 600;
  line-height: 1.4;
}
.rud-box .center-area .txt:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -35px 0;
  left: 50%;
  top: 7px;
  width: 12px;
  height: 12px;
  margin-left: -6px;
}
.rud-box .center-area .txt .blue-txt {
  color: #2666c6 !important;
}
.rud-box .center-area .car-img {
  width: 154px;
  margin: auto;
  padding: 20px 0 12px;
}
.rud-box .center-area .car-img img {
  width: 100%;
}
.rud-box .center-area .name {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.rud-box .center-area .num {
  font-size: 14px;
}
.rud-box .center-area .date {
  display: block;
  margin-top: 10px;
  color: #999;
}
.rud-box .reg-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ddd;
}
.rud-box .reg-link a {
  display: block;
  height: 50px;
  text-align: center;
  text-decoration: none;
  color: #4171bf;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
}
.rud-box .reg-link.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rud-box .reg-link.col2 a {
  width: 50%;
  border-right: 1px solid #ddd;
}
.rud-box .reg-link.col2 a:last-child {
  border-right: none;
}
.rud-box .reg-link.col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rud-box .reg-link.col3 a {
  width: 33.3333%;
}
.rud-box .reg-link.col3 a:first-child {
  border-right: 1px solid #ddd;
}
.rud-box .reg-link.col3 a:last-child {
  border-left: 1px solid #ddd;
}
.rud-box .sub-tit {
  font-size: 18px;
  padding-top: 15px;
}

.status-value span {
  display: inline-block;
  border: 1px solid #222;
  color: #222;
  height: 22px;
  border-radius: 18px;
  font-size: 13px;
  padding: 0 7px;
  font-weight: 400;
  line-height: 22px;
}
.status-value span.cor {
  background: #7491b4;
  border-color: #7491b4;
  color: #fff;
}

.layer-pop-btm.car-guide {
  padding: 0;
}
.layer-pop-btm.car-guide .tit-pop {
  padding: 15px 30px 0;
}
.layer-pop-btm.car-guide h2 {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 40px;
  padding: 0 15px;
  background: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.layer-pop-btm.car-guide li {
  border-bottom: 1px solid #ddd;
}
.layer-pop-btm.car-guide li a {
  position: relative;
  display: block;
  color: #222;
  padding: 14px 45px 14px 15px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.layer-pop-btm.car-guide li a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.layer-pop-btm.car-guide li a.on {
  color: #11a8e5;
}
.layer-pop-btm.car-guide li a.on:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: solid #00aceb;
  border-width: 0 2px 2px 0;
}
.layer-pop-btm.car-guide li .details {
  display: none;
  padding: 0 12px 30px;
}
.layer-pop-btm.car-guide li .details .list-img {
  padding: 15px 0 0;
}
.layer-pop-btm.car-guide li .details .list-img::after {
  display: block;
  clear: both;
  content: "";
}
.layer-pop-btm.car-guide li .details .list-img li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  padding: 0 3px;
  border: 0;
  overflow: hidden;
}
.layer-pop-btm.car-guide li .details .list-img li img {
  width: 100%;
  border-radius: 4px;
}
.layer-pop-btm.car-guide li .details .bl li {
  position: relative;
  padding: 0 0 0 7px;
  border: none;
}
.layer-pop-btm.car-guide li .details .bl li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  background: #222;
  width: 3px;
  height: 1px;
}
.layer-pop-btm.car-guide .main-phone {
  position: relative;
  margin-top: 30px;
  padding: 0 20px 0 30px;
  line-height: 1.4;
}
.layer-pop-btm.car-guide .main-phone:before {
  content: "※";
  position: absolute;
  left: 15px;
  top: 0;
}
.layer-pop-btm.car-guide .main-phone strong {
  position: relative;
  color: #2666c6;
}
.layer-pop-btm.car-guide .main-phone strong:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
.layer-pop-btm.car-guide .scroll-wrap {
  margin-bottom: 0;
  padding-bottom: 0;
}
.layer-pop-btm.car-guide .photo-upload {
  padding: 30px 15px;
  border-bottom: 1px solid #ddd;
}
.layer-pop-btm.car-guide .photo-upload:last-of-type {
  border-bottom: 0;
}
.layer-pop-btm.car-guide .photo-upload .txt {
  margin-top: 15px;
  line-height: 1.4;
}
.layer-pop-btm.car-guide .photo-upload .h-box {
  margin-bottom: 0;
}
.layer-pop-btm.car-guide .photo-upload .h-box > div {
  display: block;
  width: 50%;
  text-align: left;
}
.layer-pop-btm.car-guide .photo-upload .h-box > div:first-child {
  margin-right: 10px;
}
.layer-pop-btm.car-guide .photo-upload .tit {
  display: block;
  margin-top: 15px;
}
.layer-pop-btm.car-guide .photo-upload img {
  width: 100%;
  border-radius: 4px;
}

.sub-header {
  position: relative;
  padding: 0;
  background: #fff;
}
.sub-header h1 {
  padding: 0;
  font-size: 18px;
}
.sub-header .btn-init {
  position: absolute;
  right: 15px;
  top: 19px;
  padding: 0 0 0 18px;
  color: #364f7f;
  text-decoration: none;
}
.sub-header .btn-init:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -229px -30px;
  width: 12px;
  height: 15px;
  left: 0;
  top: 0;
}

.estimate-area {
  position: relative;
  background: #fff;
  z-index: 2;
}
.estimate-area .countdown {
  display: -webkit-box;
  height: 30px;
  background: #2666c6;
  border-radius: 30px;
  margin: 0 15px;
  padding: 0 15px;
  color: #fff;
  line-height: 30px;
}
.estimate-area .countdown > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.estimate-area .countdown strong {
  -webkit-box-pack: end;
}
.estimate-area .countdown.expire {
  display: block;
  height: auto;
  background: #fd665c;
  border-radius: 15px;
  padding: 6px 15px 12px;
  text-align: left;
}
.estimate-area .countdown.expire strong {
  display: block;
  margin-bottom: 7px;
  text-align: left;
}
.estimate-area .countdown.expire p, .estimate-area .countdown.expire ul.guide-bul > li {
  line-height: 1.4;
}
.estimate-area .car-info {
  padding: 25px 0 0;
}
.estimate-area .car-info a {
  position: relative;
  display: block;
  padding: 0 55px 30px 15px;
  text-decoration: none;
  color: #222;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.estimate-area .car-info a > * {
  display: block;
}
.estimate-area .car-info a .car-name {
  font-size: 20px;
}
.estimate-area .car-info a .num {
  font-weight: 600;
  font-size: 18px;
}
.estimate-area .car-info a .detail-info span {
  position: relative;
  padding-right: 17px;
}
.estimate-area .car-info a .detail-info span:last-child {
  padding-right: 0;
}
.estimate-area .car-info a .detail-info span:last-child:after {
  display: none;
}
.estimate-area .car-info a .detail-info span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #222;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px;
}
.estimate-area .car-info a .car-price {
  font-size: 20px;
  color: #2666c6;
  margin-top: 20px;
  padding: 0;
  border-radius: 0;
}
.estimate-area .car-info a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 12px;
}
.estimate-area .car-info a.on:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: solid #00aceb;
  border-width: 0 2px 2px 0;
}

.estimate-info {
  position: relative;
  background: #fff;
  border-top: 1px solid #ddd;
  border-radius: 0 0 15px 15px;
  margin-bottom: 10px;
  padding: 25px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.estimate-info .tit {
  position: absolute;
  left: 15px;
  top: 25px;
  font-size: 18px;
  font-weight: 600;
}
.estimate-info .info-txt {
  text-align: right;
}
.estimate-info .info-txt .btn {
  position: relative;
  top: -3px;
  display: inline-block;
  height: 30px;
  padding: 0 17px;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #222;
  text-decoration: none;
  font-weight: 400;
  line-height: 28px;
}
.estimate-info .info-txt .price-area {
  margin-top: 30px;
}
.estimate-info .info-txt .price-area dt, .estimate-info .info-txt .price-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .estimate-info .info-txt .price-area dd {
  margin-bottom: 7px;
  font-weight: 400;
}
.estimate-info .info-txt .price-area dd {
  font-size: 20px;
  font-weight: 600;
}
.estimate-info .info-txt .best * {
  color: #2666c6;
}
.estimate-info .info-txt .avg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
}
.estimate-info .info-txt .txt {
  line-height: 1.4;
}
.estimate-info .no-dealer {
  position: relative;
  padding: 115px 0 0;
  text-align: center;
}
.estimate-info .no-dealer:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: 0 -193px;
  left: 50%;
  top: 44px;
  width: 53px;
  height: 57px;
  margin-left: -27px;
}
.estimate-info .no-dealer strong {
  font-size: 20px;
}
.estimate-info .no-dealer .txt {
  margin: 10px 0 30px;
}
.estimate-info .no-dealer .btn {
  border-radius: 4px;
}
.estimate-info .no-dealer .sell-guide {
  margin: 30px 0 0;
}
.estimate-info .no-dealer .sell-guide li {
  padding: 25px 0 0;
}
.estimate-info .no-dealer .sell-guide li:first-child {
  padding: 0;
}
.estimate-info .no-dealer .sell-guide a {
  width: 100%;
  color: #222;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 0;
}
.estimate-info .no-dealer .sell-guide a div:first-child {
  position: relative;
  padding: 0 0 0 24px;
}
.estimate-info .no-dealer .sell-guide a div:first-child:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  left: 0;
  top: 1px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-arrow:after {
  background-position: -77px -248px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-won:after {
  background-position: -77px -263px;
  width: 16px;
  height: 16px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-ad:after {
  background-position: -235px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-date:after {
  height: 16px;
  background-position: -250px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-point:after {
  background-position: -265px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-qna:after {
  height: 17px;
  background-position: -280px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-dsell:after {
  background-position: -295px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-cname:after {
  background-position: -310px -55px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-point:after {
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-position: -155px 0;
  background-size: 250px;
}
.estimate-info .no-dealer .sell-guide a div:first-child.ico-terms:after {
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-position: -175px 0;
  background-size: 250px;
}
.estimate-info .no-dealer .sell-guide a div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #666;
  font-size: 12px;
  text-decoration: underline;
}
.estimate-info .no-dealer .sell-guide a div:first-child {
  text-align: left;
}
.estimate-info .no-dealer .sell-guide a div:last-child {
  position: relative;
  top: 2px;
  padding: 0 10px 0 0;
}
.estimate-info.top-rud {
  border-radius: 15px;
  border-top: none;
}
.estimate-info .banner-cnt {
  margin: 0 !important;
}

.badge-list span {
  display: inline-block;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  width: 23px;
  height: 19px;
  text-indent: -999em;
  overflow: hidden;
}
.badge-list .badge1 {
  background-position: 0 -87px;
}
.badge-list .badge2 {
  background-position: 0 -108px;
}
.badge-list .badge3 {
  background-position: 0 -129px;
}
.badge-list .badge4 {
  background-position: 0 -150px;
}

.dealer-info {
  position: relative;
  background: #fff;
  border-radius: 7px;
  margin: 0 15px 10px 15px;
  padding: 50px 20px 75px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.dealer-info .photo-wrap {
  position: relative;
  width: 62px;
}
.dealer-info .photo-wrap .photo {
  display: block;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border-radius: 100%;
  background: #f8f8f8 url("../images/common/no-image.svg") no-repeat center center;
  background-size: 69%;
}
.dealer-info .photo-wrap .photo img {
  width: 100%;
  height: 62px;
}
.dealer-info .photo-wrap .btn-tooltip {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  content: none;
  background-position: -215px 0;
  right: 0;
  top: -8px;
  width: 18px;
  height: 20px;
}
.dealer-info .badge-list {
  position: absolute;
  right: 10px;
  top: 10px;
}
.dealer-info .dealer-area {
  position: relative;
  display: -webkit-box;
  margin-bottom: 13px;
}
.dealer-info .dealer-area .txt-wrap {
  margin-left: 15px;
}
.dealer-info .dealer-area .txt-wrap .name-grade .name {
  font-size: 18px;
  color: #222;
  font-weight: 400;
}
.dealer-info .dealer-area .txt-wrap .name-grade .name span {
  color: #2666c6;
  font-size: 18px;
  font-weight: 600;
}
.dealer-info .dealer-area .txt-wrap .name-grade .grade {
  position: relative;
  top: -3px;
  padding: 0 0 0 20px;
  line-height: 24px;
}
.dealer-info .dealer-area .txt-wrap .name-grade .grade .num {
  color: #fd665c;
  font-weight: 400;
}
.dealer-info .dealer-area .txt-wrap .name-grade .grade:after {
  content: "";
  position: absolute;
  background: url("../images/common/ico-star.png") no-repeat 0 -14px;
  background-size: 75px 42px;
  width: 14px;
  height: 14px;
  left: 0;
  top: 3px;
}
.dealer-info .dealer-area .txt-wrap .addr,
.dealer-info .dealer-area .txt-wrap .date {
  color: #999;
}
.dealer-info .dealer-area .txt-wrap .sell-record span span {
  font-weight: 600;
}
.dealer-info .dealer-area .layer-tooltip {
  display: none;
  position: absolute;
  background: #ffbc00;
  width: 73.125vw;
  padding: 15px 20px 15px 15px;
  line-height: 1.4;
  color: #fff;
  z-index: 100;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.dealer-info .dealer-area .layer-tooltip:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 26px;
  display: block;
  width: 10px;
  height: 8px;
  background: url("../images/common/bg_tooltip.png") no-repeat -20px -20px;
  background-size: 100px 40px;
}
.dealer-info .dealer-area .layer-tooltip .btn-tip-close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0 none;
  background-color: transparent;
}
.dealer-info .dealer-area .layer-tooltip .btn-tip-close:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/common/bg_tooltip.png") no-repeat -60px -20px;
  background-size: 100px 40px;
}
.dealer-info .dealer-area .layer-tooltip .btn-tip-close > span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.dealer-info .dealer-area .layer-tooltip.on {
  position: absolute;
  left: 0;
  bottom: 74px;
  display: block;
}
.dealer-info .align-l {
  text-align: left;
}
.dealer-info .align-l dl {
  padding: 0 0 0 77px;
}
.dealer-info .align-l dl dt.none, .dealer-info .align-l dl .dealer-detail .dealer-detail__status > div dd.none, .dealer-detail .dealer-detail__status > div .dealer-info .align-l dl dd.none {
  display: none;
}
.dealer-info .align-l dl dd {
  font-size: 20px;
  font-weight: 600;
}
.dealer-info .align-r {
  text-align: right;
}
.dealer-info .align-r dt, .dealer-info .align-r .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .dealer-info .align-r dd,
.dealer-info .align-r dd {
  display: inline-block;
}
.dealer-info .align-r dt.dp-block, .dealer-info .align-r .dealer-detail .dealer-detail__status > div dd.dp-block, .dealer-detail .dealer-detail__status > div .dealer-info .align-r dd.dp-block {
  display: block;
}
.dealer-info .align-r dd {
  font-size: 20px;
  font-weight: 600;
}
.dealer-info .align-r .contact {
  margin: 10px 0;
}
.dealer-info .align-r .btn {
  display: inline-block;
  width: 185px;
  height: 40px;
  margin-bottom: 15px;
  background: #2666c6;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
}
.dealer-info .btn-wrap {
  display: -webkit-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ddd;
}
.dealer-info .btn-wrap.col2 a {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  width: 100%;
  height: 50px;
  border: 0;
  text-align: center;
  text-decoration: none;
  color: #4171bf;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
}
.dealer-info .btn-wrap.col2 a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}
.dealer-info .btn-wrap.col2 a:first-child:after {
  display: none;
}
.dealer-info.h-box {
  padding: 11px 20px 0;
}
.dealer-info.h-box .dealer-area {
  margin-bottom: 13px;
}
.dealer-info.h-box .name-grade {
  margin-bottom: 3px;
}
.dealer-info.h-box .align-r {
  padding: 9px 0 0;
}
.dealer-info.h-box .align-r dt,
.dealer-info.h-box .align-r dd {
  display: block;
}
.dealer-info.h-box .dealer-area .txt-wrap {
  margin-left: 0;
}
.dealer-info.winning-bid {
  position: relative;
  margin: 0 0 10px;
  border-radius: 15px;
  overflow: hidden;
}
.dealer-info.winning-bid.winning-bid-none::after {
  display: none;
}
.dealer-info.winning-bid:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -180px -90px;
  width: 70px;
  height: 70px;
  right: 20px;
  top: 80px;
}
.dealer-info.winning-bid-none {
  position: relative;
  margin: 0 0 10px;
  border-radius: 15px;
}

.s-dealer-info {
  padding-top: 30px;
  border-radius: 15px;
  overflow: hidden;
}

.more-area {
  margin: 30px 0;
  padding: 0 15px;
}
.more-area .btn-es-more {
  width: 100%;
  height: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.current-state {
  margin-bottom: 10px;
  padding: 30px 15px;
  background: #fff;
  border-radius: 15px;
}
.current-state .hit-area {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 400;
}
.current-state .hit-area .num {
  margin: 0 11px 0 5px;
  color: #2666c6;
  font-size: 18px;
  font-weight: 400;
}
.current-state .txt {
  padding: 10px 0 0 40px;
}
.current-state .txt span {
  color: #2666c6;
}

.equal-txt strong {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 13px;
}

.equal-list .total-car {
  margin-bottom: 9px;
  border: 0;
  padding-left: 0;
}
.equal-list .total-car strong {
  color: #4a7fcf;
}
.equal-list li {
  display: -webkit-box;
  border-top: 1px solid #ddd;
  padding: 30px 0;
}
.equal-list li .info-txt {
  -webkit-box-flex: 1;
  padding: 0 10px 0 0;
}
.equal-list li .info-txt .data {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
}
.equal-list li .info-txt .car-name {
  font-size: 16px;
  line-height: 1.4;
}
.equal-list li .info-txt .car-info {
  display: block;
  margin-bottom: 5px;
  line-height: 1.4;
  color: #999;
}
.equal-list li .info-txt .car-info span {
  position: relative;
  display: inline-block;
  font-size: 13px;
  margin-right: 7px;
}
.equal-list li .info-txt .car-info span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 5px;
  width: 1px;
  height: 8px;
  background: #999;
}
.equal-list li .info-txt .car-info span:last-child:after {
  display: none;
}
.equal-list li .info-txt .bid-area {
  border-radius: 0;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.equal-list li .info-txt .bid-area > * {
  font-weight: 600;
}
.equal-list li .info-txt .bid-area .num {
  color: #fb665e;
  margin-right: 10px;
}
.equal-list li .photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 5px;
}
.equal-list li .photo img {
  width: 100%;
}

.car-info-input {
  display: none;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 30px 0 0;
  overflow: hidden;
}
.car-info-input .car-name-img {
  padding: 0 15px;
}
.car-info-input .car-name-img .car-name {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
.car-info-input .car-name-img .car-img {
  width: 100%;
  text-align: right;
}
.car-info-input .car-name-img .car-img > div {
  display: inline-block;
  width: 168px;
}
.car-info-input .car-name-img .car-img img {
  width: 100%;
}
.car-info-input .h-area {
  border-top: 0;
  padding: 0 15px 15px;
}
.car-info-input .h-area h2.tit {
  font-size: 18px;
  padding: 22px 0 4px;
}
.car-info-input .h-area .h-box {
  padding: 0 15px;
}
.car-info-input .h-area .h-box .tit {
  color: #666;
}
.car-info-input .h-area .h-box div:nth-child(2) {
  font-weight: 600;
}
.car-info-input .h-area.txt-l .h-box .tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 85px;
}
.car-info-input .h-area.txt-l .h-box div:nth-child(2) {
  text-align: left;
  -webkit-box-pack: start;
}

.car-photo-list {
  padding: 0 0 30px;
  background: #fff;
}
.car-photo-list .tit {
  font-size: 18px;
  padding: 22px 15px 0;
}
.car-photo-list .swiper-container {
  padding: 0 15px;
  overflow: inherit !important;
}
.car-photo-list .swiper-slide {
  position: relative;
  width: 140px;
  height: 105px;
  border-radius: 4px;
  overflow: hidden;
}
.car-photo-list .swiper-slide a {
  display: block;
  width: 140px;
  height: 105px;
  overflow: hidden;
  border-radius: 4px;
}
.car-photo-list .swiper-slide img {
  position: absolute;
  width: 140px;
  height: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
}
.car-photo-list .swiper-slide .btn-del {
  position: absolute;
  right: -7px;
  top: -7px;
  border: 0;
  padding: 0;
  background: url("../images/common/sprite.png") no-repeat -246px -30px;
  background-size: 500px;
  width: 18px;
  height: 18px;
}
.car-photo-list.car-swiper {
  margin: 0 0 10px;
  border-top: 1px solid #ddd;
  padding: 30px 0;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.car-photo-list.car-swiper h2.tit {
  display: none;
  padding: 0 15px;
}
.car-photo-list.car-swiper .swiper-container {
  overflow: hidden !important;
}

.dealer-home {
  position: relative;
  width: 100%;
  text-align: center;
}
.dealer-home a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
}
.dealer-home a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -18px -35px;
  width: 30px;
  height: 30px;
  right: -14px;
  bottom: -5px;
}
.dealer-home a img {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.dealer-home .name {
  font-size: 20px;
  letter-spacing: -0.1em;
}
.dealer-home .txt {
  letter-spacing: -0.1em;
}

.customer-rating {
  background: #fff;
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 28px 0 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.customer-rating h2.tit {
  margin-bottom: 0;
  font-size: 18px;
}
.customer-rating .h-box {
  margin: 0;
  padding: 15px;
}
.customer-rating .h-box > div:first-child {
  font-size: 16px;
}
.customer-rating .h-box > div:last-child {
  text-align: left;
}
.customer-rating .h-box:last-child {
  border-bottom: 0;
}

.star-area {
  display: inline-block;
  vertical-align: top;
}
.star-area strong.tit {
  display: inline-block;
  position: relative;
  top: 3px;
  font-weight: 400;
  width: 80px;
}
.star-area .star-rating,
.star-area .star-rating > span {
  display: inline-block;
  position: relative;
  height: 14px;
  width: 15px;
  background: transparent url("../images/common/ico-star.png") no-repeat;
  background-size: 75px 42px;
}
.star-area .star-rating {
  width: 75px;
  vertical-align: middle;
  top: -2px;
}
.star-area .star-rating .num {
  position: absolute;
  right: -27px;
  top: -4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fd665c;
  font-style: normal;
}
.star-area .star-rating > span {
  background-position: 0 -14px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.star-area .star-rating + .text {
  position: relative;
  top: 1px;
  display: inline-block;
  color: #fd665c;
  margin-left: 5px;
  font-style: normal;
  font-size: 16px;
}
.star-area.big-star .star-rating,
.star-area.big-star .star-rating > span {
  height: 19px;
  width: 20px;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -130px -41px;
}
.star-area.big-star .star-rating {
  position: relative;
  width: 120px;
  vertical-align: middle;
}
.star-area.big-star .star-rating > span {
  background-position: -130px -60px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

.comment-area {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.comment-area li {
  border-top: 1px solid #ddd;
}
.comment-area li:first-child {
  border-top: 0;
}
.comment-area li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 0 0 50px;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  line-height: 60px;
}
.comment-area li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -279px;
  width: 5px;
  height: 8px;
  right: 15px;
  top: 50%;
  margin-top: -4px;
}
.comment-area li a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 15px;
  top: 23px;
}
.comment-area li.ico-opinion > a:before {
  background-position: -81px -342px;
  width: 21px;
  height: 18px;
}
.comment-area li.ico-photo > a:before {
  background-position: -81px -360px;
  width: 21px;
  height: 15px;
}
.comment-area .comment {
  position: relative;
  padding: 26px 15px 30px 50px;
  font-size: 16px;
  background: #fff;
  margin-bottom: -1px;
}
.comment-area .comment:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: 0 -171px;
  width: 21px;
  height: 18px;
  left: 15px;
  top: 29px;
}
.comment-area .car-photo-list.car-swiper {
  padding-top: 10px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
.comment-area .car-photo-list.car-swiper.ovf-none .swiper-container {
  overflow: inherit !important;
}
.comment-area .ad-bananer a {
  position: relative;
  display: block;
  height: auto;
  padding: 15px;
}
.comment-area .ad-bananer a img {
  width: 100%;
}

.k-car-search {
  background: #fff;
  padding: 30px 30px 100px;
}
.k-car-search h2.tit {
  font-size: 24px;
  margin-bottom: 70px;
  padding: 0;
}
.k-car-search dt, .k-car-search .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .k-car-search dd {
  color: #222;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.k-car-search dd {
  position: relative;
  border-bottom: 2px solid #ddd;
}
.k-car-search dd label {
  position: absolute;
  top: 14%;
  left: 0;
  font-weight: bold;
  font-size: 27px;
  color: #ddd;
}
.k-car-search dd input, .k-car-search dd .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .k-car-search dd .ico-confirm, .k-car-search dd .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .k-car-search dd .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 15px 0 11px 0;
  font-size: 27px;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.k-car-search dd input::-webkit-input-placeholder, .k-car-search dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .k-car-search dd .ico-confirm::-webkit-input-placeholder, .k-car-search dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .k-car-search dd .ico-confirm::-webkit-input-placeholder {
  font-size: 27px;
  color: #ddd;
}
.k-car-search dd input::-webkit-input-placeholder, .k-car-search dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .k-car-search dd .ico-confirm::-webkit-input-placeholder, .k-car-search dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .k-car-search dd .ico-confirm::-webkit-input-placeholder, .k-car-search dd input::placeholder, .k-car-search dd .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .k-car-search dd .ico-confirm::placeholder, .k-car-search dd .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .k-car-search dd .ico-confirm::placeholder {
  font-size: 27px;
  color: #ddd;
}

.car-search-info * {
  display: block;
  font-size: 18px;
  padding: 0 0 12px;
}
.car-search-info dt, .car-search-info .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-search-info dd {
  float: left;
  width: 90px;
}
.car-search-info dd {
  padding: 0 0 12px 75px;
  font-weight: 400;
}

.k-car-sale .car-info {
  background: #fff;
  border-radius: 0 0 15px 15px;
  padding: 30px 0;
  text-align: center;
  height: 249px;
}
.k-car-sale .car-info * {
  display: block;
}
.k-car-sale .car-info .car-img {
  width: 232px;
  margin: auto;
  overflow: hidden;
}
.k-car-sale .car-info img {
  width: 100%;
}
.k-car-sale .car-info strong {
  font-size: 24px;
  margin-top: 23px;
}
.k-car-sale .car-info .date {
  color: #999;
}
.k-car-sale .car-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  min-height: 200px;
  padding: 54px 0;
  text-align: center;
  background: #f1f1f1;
}
.k-car-sale .car-txt strong {
  font-size: 24px;
  color: #fd665c;
}
.k-car-sale .car-txt p, .k-car-sale .car-txt ul.guide-bul > li {
  font-size: 20px;
}

.car-info-box {
  display: -webkit-box;
  background: #fff;
  border-radius: 0 0 15px 15px;
  padding: 20px 15px 30px;
}
.car-info-box > div {
  -webkit-box-flex: 1;
  width: 50%;
}
.car-info-box .v-box {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
}
.car-info-box .v-box * {
  display: block;
}
.car-info-box .v-box strong {
  font-size: 18px;
}
.car-info-box .v-box .date {
  color: #999;
}
.car-info-box .car-img {
  width: 36%;
}
.car-info-box .car-img img {
  width: 100%;
}

.car-sale-list {
  padding: 10px 15px 80px;
}
.car-sale-list li {
  margin-bottom: 10px;
  background: #fff;
  border-radius: 8px;
}
.car-sale-list li a {
  position: relative;
  display: -webkit-box;
  min-height: 60px;
  padding: 10px 40px 10px 44px;
  color: #222;
  text-decoration: none;
  -webkit-box-align: center;
  word-break: break-all;
}
.car-sale-list li a span {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.car-sale-list li a strong.door-purchase {
  display: inline-block;
  vertical-align: middle;
  background: #ffcc00;
  margin: 0 0 0 8px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 12px;
}
.car-sale-list li a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  left: 15px;
  top: 50%;
  margin-top: -9px;
}
.car-sale-list li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -279px;
  width: 5px;
  height: 8px;
  right: 20px;
  top: 50%;
  margin-top: -4px;
}
.car-sale-list li.on a:before {
  background-position: -208px -30px;
}
.car-sale-list li .car-photo {
  overflow: auto;
  margin-top: -10px;
}
.car-sale-list li .car-photo ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 41px 20px;
}
.car-sale-list li .car-photo ul::after {
  display: block;
  clear: both;
  content: "";
}
.car-sale-list li .car-photo li {
  position: relative;
  float: left;
  width: 120px;
  height: 90px;
  margin-left: 15px;
  border: 0;
}
.car-sale-list li .car-photo li:first-child {
  margin-left: 0;
}
.car-sale-list li .car-photo li a {
  position: absolute;
  right: -9px;
  top: -9px;
  display: inline-block;
  padding: 0;
  text-indent: -999em;
  min-height: inherit;
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -53px -35px;
  width: 18px;
  height: 18px;
}
.car-sale-list li .car-photo li a:after, .car-sale-list li .car-photo li a:before {
  display: none;
}
.car-sale-list li .car-photo li img {
  width: 100%;
}

.auction-time {
  display: -webkit-box;
  height: 65px;
  border-radius: 15px 15px 0 0;
  padding: 0 15px;
  background: -webkit-gradient(linear, right top, left top, from(#5c6ffd), to(#fc665d));
  background: linear-gradient(-90deg, #5c6ffd, #fc665d);
  background-size: 400% 400%;
}
@-webkit-keyframes Gradient2 {
  0% {
    background-position: 100% 0%;
  }
  30% {
    background-position: 65% 0%;
  }
  60% {
    background-position: 25% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes Gradient2 {
  0% {
    background-position: 100% 0%;
  }
  30% {
    background-position: 65% 0%;
  }
  60% {
    background-position: 25% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.auction-time > div {
  display: -webkit-box;
  -webkit-box-flex: 1;
  padding: 15px 0 0;
  color: #fff;
  font-size: 16px;
}
.auction-time > div:last-child {
  -webkit-box-pack: end;
}
.auction-time > div.time span {
  font-size: 16px;
}
.auction-time.end {
  background: #fc665d;
}

.auction-list {
  position: relative;
  background: #fff;
  border-radius: 15px 15px 0 0;
  margin-top: -15px;
  padding: 30px 15px;
  z-index: 2;
}
.auction-list.tp02 {
  margin: 0 0 10px 0;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.auction-list.tp02 .list-area .area-box {
  border: 0 none;
  border-top: 1px solid #ddd;
}
.auction-list.tp02 .list-area .area-box:first-child {
  border-top: 0 none;
}
.auction-list .tit-btn-area .sub-tit {
  font-weight: bold;
  font-size: 18px;
}
.auction-list .total-auction {
  display: -webkit-box;
  border-bottom: 1px solid #222;
  padding: 0 0 13px;
}
.auction-list .total-auction > div {
  display: -webkit-box;
  -webkit-box-flex: 1;
}
.auction-list .total-auction > div:last-child {
  -webkit-box-pack: end;
  -webkit-box-align: center;
}
.auction-list .total-auction * {
  font-size: 18px;
  font-weight: 400;
}
.auction-list .total-auction .num span {
  color: #2666c6;
}
.auction-list .total-auction button {
  display: inline-block;
  position: relative;
  top: 3px;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/common/sprite.png") no-repeat -269px -30px;
  background-size: 500px;
  width: 18px;
  height: 16px;
}
.auction-list .total-auction .select-type {
  border: 0;
  font-size: 14px;
  height: 25px;
  background-position: right -7px;
}
.auction-list .list-area .h-box {
  display: -webkit-box;
  position: relative;
}
.auction-list .list-area .h-box > div {
  -webkit-box-flex: 1;
}
.auction-list .list-area .h-box .btn-logo {
  position: absolute;
  right: 0;
  top: -32px;
  width: 110px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  padding: 5px 15px 0;
  text-align: center;
}
.auction-list .list-area .h-box .btn-logo img {
  width: 100%;
}
.auction-list .list-area .h-box .btn-logo.type2 {
  top: -13px;
}
.auction-list .list-area .area-box {
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}
.auction-list .list-area .area-box .name-bid {
  margin-right: 30px;
}
.auction-list .list-area .area-box .name-bid .txt-number {
  font-weight: 700;
}
.auction-list .list-area .area-box .name-bid strong {
  display: block;
  font-size: 18px;
}
.auction-list .list-area .area-box .name-bid .bidding {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  color: #fb665e;
  font-weight: 600;
}
.auction-list .list-area .area-box .s-info {
  margin-top: 10px;
}
.auction-list .list-area .area-box .s-info span {
  display: block;
  float: left;
  position: relative;
  padding-right: 5px;
  color: #999;
  margin-right: 5px;
  font-size: 13px;
}
.auction-list .list-area .area-box .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.auction-list .list-area .area-box .s-info span:last-child:after {
  display: none;
}
.auction-list .list-area .area-box .car-photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  top: 2px;
  display: -webkit-inline-box;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
}
.auction-list .list-area .area-box .car-photo img {
  width: 100%;
}
.auction-list .list-area .area-box.homeplus {
  padding: 37px 0 30px;
}
.auction-list .list-area .area-box .car-bid {
  width: 110px;
  display: block;
  position: absolute;
  right: 0px;
  top: 135px;
}
.auction-list .list-area .area-box .car-bid span {
  display: block;
  border-radius: 50px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.auction-list .list-area .area-box .car-bid span.blue {
  border: 1px solid #2666c6;
  color: #2666c6;
}
.auction-list .list-area .area-box .car-bid span.red {
  border: 1px solid #fb665e;
  color: #fb665e;
}
.auction-list .list-area .area-box .user-info {
  margin-top: 5px;
  color: #fb665e;
  text-align: center;
}
.auction-list .list-area .h-box-list {
  margin-top: 20px;
}
.auction-list .list-area .h-box-list li {
  display: -webkit-box;
}
.auction-list .list-area .h-box-list li > div {
  -webkit-box-flex: 1;
  width: 50%;
}
.auction-list .list-area .h-box-list li > div .tit {
  display: inline-block;
  width: 60px;
  color: #999;
}
.auction-list .list-area .h-box-list li > div.h-in-type .tit {
  width: 75px;
}
.auction-list .auction-num {
  display: -webkit-box;
  -webkit-box-pack: justify;
  margin-bottom: 30px;
}
.auction-list .auction-num > div {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
}
.auction-list .auction-num > div span {
  display: block;
}
.auction-list .auction-num > div span.num {
  font-size: 28px;
}
.auction-list.type1 {
  padding: 10px 0 0;
}
.auction-list.type1 .point-txt {
  position: relative;
  margin-bottom: 22px;
  padding: 0 15px 0 32px;
  font-weight: 400;
}
.auction-list.type1 .point-txt:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -73px 0;
  left: 15px;
  top: 3px;
  width: 12px;
  height: 12px;
}
.auction-list.type1 .total-auction {
  margin: 0 15px;
}
.auction-list.type1 .total-auction label {
  font-size: 14px;
  color: #666;
}
.auction-list.type1 .total-auction.gray {
  margin: 0px;
  border-bottom: 1px solid #ddd;
  padding: 30px 15px 10px 5px;
}
.auction-list.type1 .total-auction.gray .num.mg {
  position: relative;
  left: -50px;
}
.auction-list.type1 .list-area {
  background: #f0f0f0;
}
.auction-list.type1 .today-auction {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.auction-list.type1 .today-auction .area-box {
  position: relative;
  padding: 30px 15px;
}
.auction-list.type1 .today-auction .btn-wrap {
  display: -webkit-box;
}
.auction-list.type1 .today-auction .btn-wrap a {
  position: relative;
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #4171bf;
  text-decoration: none;
  border: 0;
}
.auction-list.type1 .today-auction .btn-wrap a + a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 50px;
  background: #ddd;
}
.auction-list.type1 .today-auction .btn-wrap .txt {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 16px;
  text-align: center;
}
.auction-list.type1 .today-auction:nth-child(1) {
  border-radius: 0 0 15px 15px;
}
.auction-list.type1 .btn-bookmark {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/common/sprite.png") no-repeat -211px -266px;
  background-size: 500px;
  width: 20px;
  height: 20px;
  border: 0;
}
.auction-list.type1 .btn-bookmark.on {
  background-position: -211px -241px;
}

.auction-view {
  position: relative;
  background: #fff;
  border-radius: 15px 15px 0 0;
  margin-top: -15px;
  padding: 25px 0;
  z-index: 2;
}
.auction-view > .h-box {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  padding: 0 15px;
}
.auction-view > .h-box > div {
  -ms-flex: none;
      flex: none;
  -webkit-box-flex: 1;
}
.auction-view > .h-box > div:last-child {
  -webkit-box-align: end;
}
.auction-view > .h-box .car-name {
  text-align: left;
  letter-spacing: -0.1em;
  border-bottom: 0;
}
.auction-view > .h-box .logo-img {
  display: inline-block;
  width: 80px;
  margin-top: 5px;
}
.auction-view > .h-box .logo-img img {
  width: 100%;
}
.auction-view .car-name {
  padding: 0 0 25px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.auction-view .auction-cnt {
  position: relative;
  background: #f1f1f1;
  padding: 51px 0 0;
}
.auction-view .auction-cnt .tab-type {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 51px;
  background: #fff;
  z-index: 99;
}
.auction-view .auction-cnt .tab-type.sticky {
  position: fixed;
}
.auction-view .auction-cnt .section {
  position: relative;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 10px;
}
.auction-view .auction-cnt .section#tab1 {
  padding: 0 15px;
  border-radius: 0 0 15px 15px;
}
.auction-view .auction-cnt .section .photo-info {
  border-radius: 15px;
  overflow: hidden;
}
.auction-view .auction-cnt .section .photo-info .bl-circle {
  margin: 0 15px 15px;
}
.auction-view .auction-cnt .section .photo-info .bl-circle:after {
  background: #999;
}
.auction-view .auction-cnt .section .photo-info h2.tit {
  margin: 0;
  padding: 30px 15px 25px;
}
.auction-view .auction-cnt .section .photo-info img {
  width: 100%;
}
.auction-view .auction-cnt h2.tit {
  font-size: 18px;
  padding: 0;
}
.auction-view .auction-cnt .basic-info {
  padding: 0 15px;
  border-bottom: 1px solid #ddd;
}
.auction-view .auction-cnt .basic-info .h-box div:first-child {
  color: #666;
}
.auction-view .auction-cnt .basic-info .h-box div:last-child {
  font-weight: 600;
}
.auction-view .auction-cnt .basic-btn {
  display: -webkit-box;
  margin-top: 10px;
}
.auction-view .auction-cnt .basic-btn > div {
  -webkit-box-flex: 1;
}
.auction-view .auction-cnt .basic-btn > div:first-child a {
  display: inline-block;
  height: 30px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: #222;
  line-height: 30px;
}
.auction-view .auction-cnt .basic-btn > div:last-child {
  display: -webkit-box;
  -webkit-box-pack: end;
  -webkit-box-align: center;
}
.auction-view .auction-cnt .basic-btn > div:last-child a {
  color: #364f7f;
}
.auction-view .auction-cnt .basic-btn a {
  text-decoration: none;
}
.auction-view .auction-cnt .option-advantage {
  padding: 26px 0 0;
}
.auction-view .auction-cnt .option-advantage .option-num {
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 19px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 2px;
  line-height: 27px;
}
.auction-view .auction-cnt .accident-info {
  padding: 30px 15px 5px;
}
.auction-view .auction-cnt .accident-info h2.tit {
  margin-bottom: 5px;
}
.auction-view .auction-cnt .accident-info .btn-s {
  position: absolute;
  right: 15px;
  top: 25px;
  height: 30px;
  padding: 0 15px;
  line-height: 28px;
  text-decoration: none;
  color: #222;
}
.auction-view .auction-cnt .accident-info .accident-txt {
  padding: 15px 5px;
  text-align: left;
  background: none;
  font-weight: 400;
  font-size: 14px;
}
.auction-view .auction-cnt .accident-info .accident-txt .h-box {
  margin-bottom: 10px;
  display: -webkit-box;
}
.auction-view .auction-cnt .accident-info .accident-txt .h-box strong {
  display: block;
  -webkit-box-flex: 1;
}
.auction-view .auction-cnt .accident-info .accident-txt .h-box strong + strong {
  text-align: right;
  color: #fd665c;
}
.auction-view .auction-cnt .accident-info .accident-txt .txt {
  color: #666;
}
.auction-view .auction-cnt .accident-info .accident-txt + .accident-txt {
  border-top: 1px solid #ddd;
}
.auction-view .auction-cnt .photo-info {
  position: relative;
}
.auction-view .auction-cnt .photo-info .photo {
  margin-top: 1px;
}
.auction-view .auction-cnt .photo-info .photo:first-child {
  margin: 0;
}
.auction-view .auction-cnt .photo-info .btn-photo {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 9px;
  padding: 12px 0 0;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
}
.auction-view .auction-cnt .photo-info .btn-photo:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.auction-view .auction-cnt .photo-info .btn-photo span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 13px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  z-index: 2;
}
.auction-view .auction-cnt .photo-info .btn-photo span:before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
}

.check-statement {
  margin-bottom: 10px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #8c8c8c;
}
.check-statement h2.tit {
  padding: 30px 15px 25px !important;
}
.check-statement .bl-circle {
  margin: 0 15px 15px;
}
.check-statement .bl-circle:after {
  background: #999;
}
.check-statement .img img {
  width: 100%;
}

.repair-area {
  background: #fff;
  padding: 0 15px 64px;
}
.repair-area dt, .repair-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .repair-area dd {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 30px 0 0;
}
.repair-area .h-box {
  display: -webkit-box;
}
.repair-area .h-box .btn-s {
  display: block;
  width: 33.33%;
  -webkit-box-flex: 1;
  margin-left: 10px;
}
.repair-area .h-box .btn-s:first-child {
  margin: 0;
}
.repair-area dd .bl {
  margin: 0 0 0 16px;
  text-indent: -16px;
}
.repair-area dd .textarea-type {
  display: none;
  width: 100%;
  height: 125px;
  margin-top: 15px;
  padding: 10px;
}
.repair-area dd.on .bl {
  display: none;
}
.repair-area dd.on .textarea-type {
  display: block;
}

.btn-s {
  display: block;
  -webkit-box-flex: 1;
  height: 40px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  border-radius: 4px;
  margin-left: 5px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
}
.btn-s:first-child {
  margin: 0;
}
.btn-s.on {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}

.btn-h-box {
  display: -webkit-box;
}
.btn-h-box.col2 button,
.btn-h-box.col2 a,
.btn-h-box.col2 > div {
  width: 50%;
}
.btn-h-box.col3 button,
.btn-h-box.col3 a,
.btn-h-box.col3 > div {
  width: 33.333%;
}
.btn-h-box.col4 button,
.btn-h-box.col4 a,
.btn-h-box.col4 > div {
  width: 25%;
}
.btn-h-box.col5 button,
.btn-h-box.col5 a,
.btn-h-box.col5 > div {
  width: 20%;
}
.btn-h-box.flt-col4 {
  display: block;
  overflow: hidden;
}
.btn-h-box.flt-col4 button,
.btn-h-box.flt-col4 a,
.btn-h-box.flt-col4 > div {
  float: left;
  width: 23.8%;
  margin-bottom: 5px;
}
.btn-h-box.option-sel label {
  display: -webkit-box;
  width: 100%;
  -webkit-box-pack: center;
}
.btn-h-box > div {
  display: -webkit-box;
  -webkit-box-flex: 1;
  margin-left: 10px;
}
.btn-h-box > div:first-child {
  margin: 0;
}

.graph {
  margin: 30px 0 0;
}

.car-photo-reg {
  background: #fff;
  padding: 30px 0 0;
}
.car-photo-reg .txt-area {
  padding: 0 15px;
}
.car-photo-reg .tit {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 13px;
}
.car-photo-reg .photo-pop {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 30px;
}
.car-photo-reg .photo-pop a {
  position: relative;
  display: block;
  height: 29px;
  line-height: 29px;
  padding: 0 0 0 40px;
  text-decoration: none;
  color: #222;
}
.car-photo-reg .photo-pop a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.car-photo-reg .photo-pop a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -485px -41px;
  width: 15px;
  height: 13px;
  left: 15px;
  top: 7px;
}
.car-photo-reg .h-box {
  display: -webkit-box;
}
.car-photo-reg .h-box > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.car-photo-reg .h-box button {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 115px;
  height: 29px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 27px;
}
.car-photo-reg .car-photo {
  position: relative;
  padding-bottom: 80px;
}
.car-photo-reg .photo-list {
  position: relative;
  padding: 0 5px 15px 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.car-photo-reg .photo-list::after {
  display: block;
  clear: both;
  content: "";
}
.car-photo-reg .photo-list .photo-list__item {
  position: relative;
  float: left;
  width: 30.33%;
  margin: 15px 1.5% 0 1.5%;
  padding-bottom: 24%;
  z-index: 2;
}
.car-photo-reg .photo-list .photo-list__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(1) .photo-list__item-block:after {
  content: "정면(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(2) .photo-list__item-block:after {
  content: "앞측면(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(3) .photo-list__item-block:after {
  content: "뒷면(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(4) .photo-list__item-block:after {
  content: "뒤측면(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(5) .photo-list__item-block:after {
  content: "계기판(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(6) .photo-list__item-block:after {
  content: "엔진(필수)";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(7) .photo-list__item-block:after {
  content: "추가사진1";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(8) .photo-list__item-block:after {
  content: "추가사진2";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(9) .photo-list__item-block:after {
  content: "추가사진3";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(10) .photo-list__item-block:after {
  content: "추가사진4";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(11) .photo-list__item-block:after {
  content: "추가사진5";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(12) .photo-list__item-block:after {
  content: "추가사진6";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(13) .photo-list__item-block:after {
  content: "추가사진7";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(14) .photo-list__item-block:after {
  content: "추가사진8";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(15) .photo-list__item-block:after {
  content: "추가사진9";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(16) .photo-list__item-block:after {
  content: "추가사진10";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(17) .photo-list__item-block:after {
  content: "추가사진11";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(18) .photo-list__item-block:after {
  content: "추가사진12";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(19) .photo-list__item-block:after {
  content: "추가사진13";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(20) .photo-list__item-block:after {
  content: "추가사진14";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(21) .photo-list__item-block:after {
  content: "추가사진15";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(22) .photo-list__item-block:after {
  content: "추가사진16";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(23) .photo-list__item-block:after {
  content: "추가사진17";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(24) .photo-list__item-block:after {
  content: "추가사진18";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(25) .photo-list__item-block:after {
  content: "추가사진19";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(26) .photo-list__item-block:after {
  content: "추가사진20";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(27) .photo-list__item-block:after {
  content: "추가사진21";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(28) .photo-list__item-block:after {
  content: "추가사진22";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(29) .photo-list__item-block:after {
  content: "추가사진23";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(30) .photo-list__item-block:after {
  content: "추가사진24";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(31) .photo-list__item-block:after {
  content: "추가사진25";
}
.car-photo-reg .photo-list .photo-list__item:nth-of-type(32) .photo-list__item-block:after {
  content: "추가사진26";
}
.car-photo-reg .photo-list .photo-list__item.is-filled {
  z-index: 1;
}
.car-photo-reg .photo-list .photo-list__item-block {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 50%;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  /*&:after {
      content: '추가';
    }*/
}
.car-photo-reg .photo-list .photo-list__item-block:before {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -76px -35px;
  top: 30%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
}
.car-photo-reg .photo-list .photo-list__item-block .red {
  color: #fd665c;
  font-style: normal;
}
.car-photo-reg .photo-list .photo-list__item-image {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.car-photo-reg .photo-list .photo-list__item-delete {
  display: block;
  right: -8px;
  top: -8px;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -246px -30px;
  width: 18px;
  height: 18px;
  border: 0;
  z-index: 2;
}
.car-photo-reg .photo-list.photo-list--image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item {
  background: #fff;
  border-radius: 5px;
  z-index: 1;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item-block:not(:last-child):after {
  position: absolute;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: auto;
  height: 15px;
  color: #fff;
  padding: 0 10px;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--disabled {
  background: transparent;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--disabled .photo-list__item-block:after,
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--disabled .photo-list__item-delete {
  display: none;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--drag {
  background: transparent;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--ghost .photo-list__item-block, .car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--chosen .photo-list__item-block, .car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--drag .photo-list__item-block {
  opacity: 0.75;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--ghost .photo-list__item-block {
  opacity: 0.25;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--chosen .photo-list__item-delete,
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--chosen .photo-list__item-block:after, .car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--drag .photo-list__item-delete,
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--drag .photo-list__item-block:after {
  display: none;
}
.car-photo-reg .photo-list.photo-list--image .photo-list__item.photo-list__item--shaking {
  -webkit-animation: shake 0.3s;
          animation: shake 0.3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.car-photo-reg .youtube-url {
  padding: 15px 15px 60px;
}
.car-photo-reg .youtube-url p, .car-photo-reg .youtube-url ul.guide-bul > li {
  font-weight: bold;
  margin-bottom: 10px;
}

.k-sell-area {
  background: #fff;
  padding: 30px 0 0;
  height: calc(100vh - 80px);
}
.k-sell-area .tit {
  font-size: 18px;
  margin: 0 0 10px;
  padding: 0 15px;
}
.k-sell-area p, .k-sell-area ul.guide-bul > li {
  margin-bottom: 30px;
  padding: 0 15px;
}
.k-sell-area ul {
  margin-bottom: 60px;
  padding: 0 7px;
}
.k-sell-area ul::after {
  display: block;
  clear: both;
  content: "";
}
.k-sell-area ul li {
  position: relative;
  float: left;
  margin: 0 1% 10px;
  width: 23%;
  padding-bottom: 23%;
}
.k-sell-area ul li button {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.k-sell-area ul li.on button {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}
.k-sell-area .text-area {
  margin: 0 15px 35px;
}
.k-sell-area .text-area .textarea-type {
  width: 100%;
  height: 150px;
  padding: 10px;
}
.k-sell-area .ck-area {
  margin-bottom: 30px;
  padding: 0 15px;
}
.k-sell-area .ck-area strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
.k-sell-area .ck-area .h-box > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.k-sell-area .ck-area .input-ck + label {
  font-weight: 600;
  color: #999;
}
.k-sell-area .ck-area .input-ck:checked + label {
  color: #222;
}

.bid-area {
  position: relative;
  background: #fff;
  border-radius: 15px;
  margin-top: -15px;
  margin-bottom: 10px;
  padding-bottom: 32px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  z-index: 2;
}
.bid-area .info-wrap {
  position: relative;
  display: -webkit-box;
  margin-bottom: 10px;
  padding: 59px 15px 0;
}
.bid-area .info-wrap .name-bid {
  -webkit-box-flex: 1;
  padding: 0 15px 0 0;
}
.bid-area .info-wrap .name-bid strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
}
.bid-area .info-wrap .name-bid .info {
  position: relative;
  color: #999;
  font-size: 13px;
  margin-bottom: 5px;
}
.bid-area .info-wrap .name-bid .info span {
  position: relative;
  margin-left: 10px;
}
.bid-area .info-wrap .name-bid .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #999;
}
.bid-area .info-wrap .name-bid .info span:first-child {
  margin: 0;
}
.bid-area .info-wrap .name-bid .info span:first-child:after {
  display: none;
}
.bid-area .info-wrap .name-bid .bidding {
  color: #fb665e;
  font-weight: 400;
}
.bid-area .info-wrap .car-photo {
  position: relative;
  width: 110px;
  height: 83px;
  border-radius: 5px;
  overflow: hidden;
}
.bid-area .info-wrap .car-photo img {
  width: 100%;
}
.bid-area .info-wrap .logo {
  position: absolute;
  right: 15px;
  top: 27px;
  width: 110px;
}
.bid-area .info-wrap .logo a {
  display: block;
  width: 100%;
  padding: 4px 15px 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 24px;
}
.bid-area .info-wrap .logo img {
  width: 100%;
}
.bid-area .info-wrap .logo.top-0 {
  top: 0;
}
.bid-area .money-graph h2.sub-tit {
  font-weight: bold;
  font-size: 18px;
  padding-left: 15px;
}
.bid-area .money-graph .txt-wrap {
  margin-bottom: 12px;
  text-align: center;
}
.bid-area .money-graph .txt-wrap .txt {
  display: block;
}
.bid-area .money-graph .txt-wrap .txt span {
  color: #fb665e;
}
.bid-area .money-graph .txt-wrap strong {
  font-size: 20px;
  font-weight: 600;
}
.bid-area .money-graph .txt-wrap strong span {
  font-size: 20px;
  font-weight: 600;
}
.bid-area .btn-logo {
  position: absolute;
  right: 15px;
  top: 3px;
  width: 110px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  padding: 5px 15px 0;
  text-align: center;
}
.bid-area .btn-logo img {
  width: 100%;
}
.bid-area .btn-logo.type2 {
  top: -13px;
}

.price-range-bar {
  position: relative;
  overflow: hidden;
  height: 20px;
  padding: 5px 30px 40px;
}

.price-range-bar__text-min,
.price-range-bar__text-max {
  position: absolute;
  top: 25px;
  display: block;
  color: #666;
  font-size: 10px;
}

.price-range-bar__text-min {
  left: 15px;
  text-align: left;
}

.price-range-bar__text-max {
  right: 14px;
  text-align: right;
}

.price-range-bar__text-number {
  display: block;
  font-size: 10px;
}

.price-range-bar__ruler {
  clear: both;
  position: relative;
  height: 12px;
  overflow: visible;
  font-size: 0;
  white-space: nowrap;
}
.price-range-bar__ruler:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: #f1f1f1;
  width: 100%;
  height: 2px;
  z-index: 0;
}

.price-range-bar__safe {
  position: absolute;
  top: 5px;
  height: 2px;
  background: #2666c6;
  z-index: 2;
}

.price-range-bar__safe-knob {
  position: absolute;
  top: -5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2666c6;
  background-size: 12px auto;
  background-repeat: no-repeat;
}

.price-range-bar__safe-knob--left {
  left: -7px;
}

.price-range-bar__safe-knob--right {
  right: -7px;
}

.price-range-bar__current {
  position: absolute;
  top: 50%;
  height: 24px;
  margin-top: -12px;
  text-align: center;
  overflow: visible;
  z-index: 2;
}

.price-range-bar__current.pulse {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

.price-range-bar__current-mark {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background: #2666c6;
  border-radius: 50%;
}

.price-range-bar__current-mark::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: #fff;
}

.price-range-bar__current-mark__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}

.price-range-bar__current-number {
  position: absolute;
  top: -80%;
  display: inline-block;
  width: 300px;
  margin-left: -150px;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.price-range-bar__current-number span {
  color: #2666c6;
}
.price-range-bar__current-number span.cor-black {
  font-weight: 400;
}

.price-range-bar__current-number.first {
  margin-left: -142px;
}

.price-range-bar__current-number.end {
  margin-left: -158px;
}

.price-range-bar__safe-knob.rotation {
  -webkit-animation: rotate 0.75s linear infinite;
  animation: rotate 0.75s linear infinite;
}

@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pulse:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: pulsate 1.5s ease-out;
  animation: pulsate 1.5s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  border: 2px solid rgba(229, 232, 232, 0.75);
  z-index: -2;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
  margin: -4px 0 0 -4px;
}

.pulse.pulse--high::after {
  border-color: rgba(104, 189, 74, 0.25);
}

.pulse.pulse--normal::after {
  border-color: rgba(185, 214, 85, 0.25);
}

.pulse.pulse--low::after {
  border-color: rgba(234, 87, 102, 0.25);
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
.my-bid {
  margin-bottom: 30px;
}
.my-bid .accident-info {
  position: relative;
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 0;
  overflow: hidden;
  padding: 30px 15px;
}
.my-bid .accident-info h2.tit {
  font-size: 18px;
}
.my-bid .accident-info .btn-s {
  position: absolute;
  right: 15px;
  top: 25px;
  padding: 0 10px;
  text-decoration: none;
}
.my-bid .txt-byte {
  color: #999;
  text-align: right;
  margin-top: 5px;
}

.input-wrap.pay-t {
  position: relative;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.input-wrap.pay-t .input-type {
  text-align: right;
  padding: 3px 50px 0 12px;
  border: 0;
  height: 28px;
  line-height: 28px;
}
.input-wrap.pay-t .pay-type {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 18px;
  line-height: 48px;
}

.stage-wrap {
  position: relative;
  display: -webkit-box;
  background: #fff;
  margin-bottom: -13px;
  padding: 71px 15px 0;
  z-index: 2;
}
.stage-wrap > div {
  -webkit-box-flex: 1;
}
.stage-wrap .txt {
  font-size: 24px;
  font-weight: 600;
}
.stage-wrap .txt span {
  font-size: 24px;
  font-weight: 600;
  color: #7491b4;
}
.stage-wrap .select {
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: end;
  padding: 9px 0 0;
}
.stage-wrap .select:after {
  content: "";
  border: solid #999;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 10px;
  top: 50%;
  margin-top: 0px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.stage-wrap .select:after {
  top: 17px;
}
.stage-wrap .select .select-type {
  margin: 0;
  height: 30px;
  border-radius: 30px;
  font-size: 14px;
  background: none;
}

.other-car {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  background: #7491b4;
}
.other-car a {
  position: relative;
  display: block;
  height: 50px;
  padding: 15px 0 0 40px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.other-car a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -201px;
  left: 15px;
  top: 15px;
  width: 15px;
  height: 18px;
}
.other-car a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../images/sub/sprite_sell.png") no-repeat 0 -35px;
  background-size: 250px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.review-list .sell-list .sale-money .up,
.review-list .sell-list .sale-money .down {
  position: relative;
  padding: 0 0 0 12px;
}
.review-list .sell-list .sale-money .up:after,
.review-list .sell-list .sale-money .down:after {
  content: "/";
  position: absolute;
  left: 0;
  top: -1px;
  color: #222;
  font-weight: 400;
}
.review-list .sell-list .sale-money .up:before,
.review-list .sell-list .sale-money .down:before {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  right: -15px;
  top: 3px;
  width: 9px;
  height: 10px;
}
.review-list .sell-list .sale-money .up {
  color: #fd665c;
}
.review-list .sell-list .sale-money .up:before {
  background-position: -99px -35px;
}
.review-list .sell-list .sale-money .down {
  color: #2666c6;
}
.review-list .sell-list .sale-money .down:before {
  background-position: -99px -50px;
}
.review-list .direct-list .select-tit .dir-txt {
  position: relative;
  padding: 0 0 0 15px;
}
.review-list .direct-list .select-tit .dir-txt:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #8f8f8f;
}
.review-list .btn-type2 a {
  color: #2666c6 !important;
}

.sell-direct {
  display: block;
  margin: 30px 0 18px;
}
.sell-direct::after {
  display: block;
  clear: both;
  content: "";
}
.sell-direct span {
  position: relative;
  float: left;
  width: 25%;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #e7dfcf;
  padding: 30px 0 7px;
}
.sell-direct span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 22px;
  background: url("../images/sub/bg_selldr.png") no-repeat 0 0;
  background-size: 260px 52px;
}
.sell-direct span:nth-child(1) {
  color: #e7dfcf;
}
.sell-direct span:nth-child(1):after {
  width: 27px;
  margin-left: -14px;
  background-position: -19px 0;
}
.sell-direct span:nth-child(2) {
  color: #ffcc00;
  border-color: #ffcc00;
}
.sell-direct span:nth-child(2):after {
  width: 22px;
  margin-left: -11px;
  background-position: -87px 0;
}
.sell-direct span:nth-child(3) {
  color: #ffbbb7;
  border-color: #f6b7b4;
}
.sell-direct span:nth-child(3):after {
  width: 19px;
  margin-left: -10px;
  background-position: -153px 0;
}
.sell-direct span:nth-child(4) {
  color: #9cd5c2;
  border-color: #9cd5c2;
}
.sell-direct span:nth-child(4):after {
  width: 20px;
  margin-left: -10px;
  background-position: -218px 0;
}

.direct-txt p, .direct-txt ul.guide-bul > li {
  text-align: right;
  line-height: 1.5;
}

.reg-method dt, .reg-method .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .reg-method dd {
  padding: 30px 15px 0 15px;
  font-size: 18px;
  font-weight: 500;
}
.reg-method dd {
  padding: 15px 30px 30px;
  border-bottom: 1px solid #ddd;
}

.s-kb-coin span {
  display: block;
}
.s-kb-coin .coin {
  display: inline-block;
  position: relative;
  padding: 0 25px 0 0;
  font-size: 24px;
  font-weight: 600;
}
.s-kb-coin .coin:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_sell.png") no-repeat -110px -35px;
  background-size: 250px;
}

.my-kbcoin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.my-kbcoin > span {
  position: relative;
  top: 2px;
}
.my-kbcoin .s-kb-coin .coin {
  display: block;
  text-align: right;
}
.my-kbcoin .s-kb-coin p, .my-kbcoin .s-kb-coin ul.guide-bul > li {
  color: #fd665c;
  margin-top: 5px;
}

.kbcoin-service {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px;
}
.kbcoin-service a {
  margin-left: 4px;
  text-decoration: none;
  width: 100%;
}
.kbcoin-service a:first-child {
  margin-left: 0;
}
.kbcoin-service .s-kb-coin {
  border: 1px solid #ddd;
  background: #f9f9f9;
  border-radius: 3px;
  padding: 10px 0 10px 10px;
  color: #222;
}
.kbcoin-service .s-kb-coin .coin {
  font-size: 18px;
  font-weight: 400;
}
.kbcoin-service .s-kb-coin .coin:after {
  top: 4px;
}
.kbcoin-service .s-kb-coin .closing-date {
  position: absolute;
  top: -9px;
  right: 0;
  background: #fd665c;
  font-size: 13px;
  color: #fff;
  border-radius: 15px;
  padding: 0 5px;
}
.kbcoin-service .s-kb-coin.on {
  position: relative;
  border: 1px solid #2666c6;
  background: #2666c6;
  color: #fff;
}
.kbcoin-service .cmm-tooltip {
  position: absolute;
  right: 0;
  top: -40px;
  height: 30px;
  padding: 0 15px;
  background: #ffbc00;
  color: #fff;
  border-radius: 30px;
  line-height: 28px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.kbcoin-service .cmm-tooltip:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ffbc00;
}

.checklist-brd {
  padding: 0;
}
.checklist-brd ul li {
  border: 1px solid #ddd;
}

.hot-mark div {
  overflow: hidden;
  margin-bottom: 25px;
}
.hot-mark div button {
  float: left;
  display: block;
  -webkit-box-flex: 1;
  height: 22px;
  border: 1px solid #222;
  background: #fff;
  color: #222;
  border-radius: 15px;
  margin: 0 5px 10px 0;
  padding: 0 12px;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 20px;
  text-align: center;
}
.hot-mark div button.on {
  color: #fff;
}
.hot-mark .hot-mark01 button.on {
  background: #ffbc00;
  border-color: #ffbc00;
}
.hot-mark .hot-mark02 button.on {
  background: #9cd5c2;
  border-color: #9cd5c2;
}
.hot-mark .hot-mark03 button.on {
  background: #2666c6;
  border-color: #2666c6;
}
.hot-mark .hot-mark04 button.on {
  background: #fd665c;
  border-color: #fd665c;
}
.hot-mark .hot-mark05 button.on {
  background: #aad1d9;
  border-color: #aad1d9;
}

.defer-area {
  padding: 0 0 45px;
}
.defer-area h2.tit {
  font-size: 16px;
  padding: 0;
}
.defer-area .txt-con {
  margin-bottom: 20px;
}
.defer-area .link {
  word-break: break-all;
}

.coin-used-period {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  background: #f1f1f1;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 500;
}

.coin-used li {
  padding: 10px 0;
  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;
}
.coin-used li span.coin-txt {
  color: #666;
}
.coin-used li strong.coin-num {
  position: relative;
  display: block;
  text-align: center;
}
.coin-used li strong.coin-num span {
  font-weight: bold;
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding: 0 24px 0 0;
}
.coin-used li strong.coin-num span:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  right: 0;
  top: 4px;
  width: 18px;
  height: 18px;
}
.coin-used li:first-child {
  border-bottom: 1px dashed #ddd;
}
.coin-used li:last-child {
  border-top: 1px solid #ddd;
}
.coin-used li:last-child span.coin-txt {
  font-weight: 500;
}

.tit-tooltip {
  position: relative;
}

.sortable-chosen {
  background: #f1f1f1;
}

.cmm-pad-select {
  margin: 12px 0 17px;
  padding: 0 15px;
}

.used-info {
  padding: 0;
}
.used-info .sell-step-toggle dt a b, .used-info .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a b, .dealer-detail .dealer-detail__status > div .used-info .sell-step-toggle dd a b {
  margin-left: 0;
}
.used-info .sell-step-toggle dt a.on b, .used-info .sell-step-toggle .dealer-detail .dealer-detail__status > div dd a.on b, .dealer-detail .dealer-detail__status > div .used-info .sell-step-toggle dd a.on b {
  color: #10a8e5;
}
.used-info .sell-step-toggle dd {
  background: #fff;
  margin-top: -1px;
  padding: 0 15px 25px 15px;
}
.used-info .sell-step-toggle dd p, .used-info .sell-step-toggle dd ul.guide-bul > li {
  padding-left: 6px;
  text-indent: -6px;
}
.used-info .sell-step-toggle dd ul li {
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.5;
}

.containerEws .containerEws__section {
  background: #fff;
  border-radius: 15px;
  margin-top: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.containerEws .containerEws__section .containerEws__section {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.containerEws .containerEws__section--top {
  position: relative;
  margin: 0 0 10px;
  padding: 0 15px 30px;
  border-radius: 0 0 15px 15px;
}
.containerEws .containerEws__section--top .text {
  padding: 25px 0 95px;
}
.containerEws .containerEws__section--top .text span {
  display: block;
  font-size: 22px;
}
.containerEws .containerEws__section--top .text strong {
  color: #336fc9;
}
.containerEws .containerEws__section--top:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 60px;
  width: 120px;
  height: 120px;
  background: url("../images/sub/bg_ews.png") no-repeat;
  background-size: contain;
}
.containerEws .containerEws__section--list {
  margin: 0 15px;
  padding: 30px 15px 30px 25px;
}
.containerEws .containerEws__section--list .text {
  margin-bottom: 25px;
  font-size: 15px;
}
.containerEws .containerEws__section--list li {
  position: relative;
  margin: 18px 0 0;
  padding: 0 0 0 25px;
  font-weight: 700;
}
.containerEws .containerEws__section--list li a {
  position: relative;
  font-size: 13px;
  color: #666666;
  text-decoration: none;
}
.containerEws .containerEws__section--list li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #999;
}
.containerEws .containerEws__section--list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  background: url("../images/sub/bg_ews_icon.png") no-repeat;
  background-size: 51px 17px;
}
.containerEws .containerEws__section--list li:nth-child(2):after {
  background-position: -17px 0;
}
.containerEws .containerEws__section--list li:nth-child(3):after {
  background-position: -34px 0;
}
.containerEws .containerEws__section--assurance {
  padding: 30px 15px;
  overflow: hidden;
}
.containerEws .containerEws__section--assurance h2.title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}
.containerEws .containerEws__section--assurance .aniBox {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.containerEws .containerEws__section--assurance .aniBox .color {
  display: block;
  margin-bottom: 13px;
  color: #2666c6;
  font-weight: 700;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  opacity: 0;
}
.containerEws .containerEws__section--assurance .aniBox .name {
  display: block;
  margin-top: 10px;
  color: #666;
  font-size: 12px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  opacity: 0;
}
.containerEws .containerEws__section--assurance .aniBox p, .containerEws .containerEws__section--assurance .aniBox ul.guide-bul > li {
  position: relative;
  padding: 0 0 0 15px;
  font-size: 12px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  opacity: 0;
}
.containerEws .containerEws__section--assurance .aniBox p:after, .containerEws .containerEws__section--assurance .aniBox ul.guide-bul > li:after, .containerEws .containerEws__section--assurance .aniBox p:before, .containerEws .containerEws__section--assurance .aniBox ul.guide-bul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 7px;
  background: url("../images/sub/icon_symbol.png") no-repeat;
  background-size: 15px 7px;
}
.containerEws .containerEws__section--assurance .aniBox p:before, .containerEws .containerEws__section--assurance .aniBox ul.guide-bul > li:before {
  top: initial;
  bottom: 7px;
  background-position: -8px 0;
  left: 120px;
}
.containerEws .containerEws__section--assurance .aniBox--first {
  position: relative;
  padding: 25px 20px;
}
.containerEws .containerEws__section--assurance .aniBox--first .name {
  padding: 0 0 0 15px;
}
.containerEws .containerEws__section--assurance .aniBox--first:after {
  content: "";
  position: absolute;
  right: -50%;
  bottom: -14px;
  width: 157px;
  height: 191px;
  background: url("../images/sub/bg_assurance1.png") no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: 0.9s ease-in;
  transition: 0.9s ease-in;
}
.containerEws .containerEws__section--assurance .aniBox--last {
  position: relative;
  padding: 25px 0 25px 120px;
}
.containerEws .containerEws__section--assurance .aniBox--last p, .containerEws .containerEws__section--assurance .aniBox--last ul.guide-bul > li {
  position: relative;
  padding: 0 0 0 15px;
  font-size: 12px;
}
.containerEws .containerEws__section--assurance .aniBox--last p:before, .containerEws .containerEws__section--assurance .aniBox--last ul.guide-bul > li:before {
  left: 125px;
}
.containerEws .containerEws__section--assurance .aniBox--last .name {
  padding: 0 0 0 15px;
}
.containerEws .containerEws__section--assurance .aniBox--last:after {
  content: "";
  position: absolute;
  left: -50%;
  bottom: 0;
  width: 157px;
  height: 191px;
  background: url("../images/sub/bg_assurance2.png") no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: 0.9s ease-in;
  transition: 0.9s ease-in;
}
.containerEws .containerEws__section--procedure {
  padding: 30px 15px 20px;
}
.containerEws .containerEws__section--procedure h2.title {
  margin-bottom: 15px;
  font-size: 15px;
}
.containerEws .containerEws__section--procedure ul li {
  position: relative;
  margin-bottom: 10px;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.containerEws .containerEws__section--procedure ul li strong {
  display: block;
  color: #2666c6;
  margin-bottom: 3px;
}
.containerEws .containerEws__section--procedure ul li p, .containerEws .containerEws__section--procedure ul li ul.guide-bul > li {
  font-size: 12px;
  line-height: 18px;
}
.containerEws .containerEws__section--procedure ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 44px;
  height: 44px;
  background: url("../images/sub/bg_procedure.png") no-repeat;
  background-size: 132px 44px;
  margin-top: -22px;
}
.containerEws .containerEws__section--procedure ul li:nth-child(2):after {
  background-position: -44px 0;
}
.containerEws .containerEws__section--procedure ul li:nth-child(3):after {
  background-position: -88px 0;
}
.containerEws .containerEws__section--vehicleType {
  padding: 30px 15px 17px;
}
.containerEws .containerEws__section--vehicleType h2.title {
  font-size: 15px;
  margin-bottom: 17px;
}
.containerEws .containerEws__section--vehicleType ol {
  padding: 0 0 0 15px;
}
.containerEws .containerEws__section--vehicleType ol li {
  position: relative;
  margin-bottom: 12px;
  padding: 0 0 0 11px;
  font-size: 12px;
}
.containerEws .containerEws__section--vehicleType ol li span {
  font-size: 12px;
}
.containerEws .containerEws__section--vehicleType ol li span.color {
  color: #2666c6;
}
.containerEws .containerEws__section--vehicleType ol li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.containerEws .containerEws__section--warrantyPeriod {
  padding: 30px 15px;
}
.containerEws .containerEws__section--warrantyPeriod h2.title {
  font-size: 15px;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod {
  position: relative;
  margin: 0 15px;
  padding: 40px 0 30px;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod:after {
  position: absolute;
  left: 0;
  bottom: 30px;
  content: "";
  height: 12px;
  width: 0;
  background: #2666c6;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  border-radius: 12px 0 0 12px;
  z-index: 0;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod:before {
  position: absolute;
  left: 0;
  bottom: 30px;
  content: "";
  height: 12px;
  width: 0;
  background: #a2c3f4;
  -webkit-transition: 1.1s ease-in;
  transition: 1.1s ease-in;
  border-radius: 12px;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .red {
  position: absolute;
  left: 40%;
  top: 0;
  font-size: 10px;
  color: #fd665c;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .red .text {
  position: absolute;
  left: 5px;
  top: 0;
  width: 100px;
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .red .arrow {
  position: relative;
  display: inline-block;
  width: 0;
  height: 4px;
  background: #fd665c;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .red .arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 7px solid #fd665c;
  border-bottom: 6px solid transparent;
  position: absolute;
  right: -7px;
  bottom: -4px;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .red:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 1px;
  height: 0;
  border-left: 1px dashed #000;
  -webkit-transition: 2.5s ease;
  transition: 2.5s ease;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  -webkit-transition: 2s ease;
  transition: 2s ease;
  opacity: 0;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text:after {
  content: "";
  position: absolute;
  left: 2px;
  top: -17px;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #fff;
  z-index: 3;
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text--1 {
  left: 0;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text--2 {
  left: 40%;
  margin-left: -10px;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text--2:after {
  left: 6px;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text--3 {
  font-weight: 700;
  text-align: right;
  right: 0;
  left: initial;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.containerEws .containerEws__section--warrantyPeriod .warrantyPeriod .text--3:after {
  left: initial;
  right: 2px;
}
.containerEws .containerEws__section--reminders {
  margin-bottom: 30px;
  padding: 30px 15px;
}
.containerEws .containerEws__section--reminders h2.title {
  font-size: 15px;
}
.containerEws .containerEws__section--reminders .cmm-bl-circle {
  margin-bottom: 30px;
}
.containerEws .containerEws__section--reminders .cmm-bl-circle > li {
  letter-spacing: -0.1em;
}
.containerEws .containerEws__section--reminders .cmm-bl-circle > li:after {
  background: #000;
  width: 2px;
  height: 2px;
}
.containerEws .containerEws__section.scroll-ani {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.containerEws .containerEws__section.scroll-ani.active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.containerEws .containerEws__section.scroll-ani.active .aniBox p, .containerEws .containerEws__section.scroll-ani.active .aniBox ul.guide-bul > li {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.containerEws .containerEws__section.scroll-ani.active .aniBox .name {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.containerEws .containerEws__section.scroll-ani.active .aniBox p, .containerEws .containerEws__section.scroll-ani.active .aniBox ul.guide-bul > li,
.containerEws .containerEws__section.scroll-ani.active .aniBox .color,
.containerEws .containerEws__section.scroll-ani.active .aniBox .name {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.containerEws .containerEws__section.scroll-ani.active .aniBox--first:after {
  opacity: 1;
  right: 5px;
}
.containerEws .containerEws__section.scroll-ani.active .aniBox--last:after {
  opacity: 1;
  left: -5px;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod .red .arrow {
  width: 100px;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod .red .text {
  top: -17px;
  opacity: 1;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod .red:before {
  height: 40px;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod .text {
  opacity: 1;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod .text:after {
  opacity: 1;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod:after {
  width: 40%;
}
.containerEws .containerEws__section.scroll-ani.active .warrantyPeriod:before {
  width: 100%;
}

/*.scroll-ani {
  position: relative;
  top: 20px;
  opacity: 0;
  transition: top cubic-bezier(.34,.07,.095,.995) 0.9s, opacity cubic-bezier(.34,.07,.095,.995) 0.9s .1s;
}*/
@-webkit-keyframes textAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*  2020. 03. 07 내차팔때 - 팔아줘차차차 */
.sellList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
  padding: 0 0 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #91b4de;
}
.sellList li {
  position: relative;
  width: 33.3333%;
  height: 88px;
  padding: 52px 0 0;
  text-align: center;
}
.sellList li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background: url("../images/sub/bg_main.png") no-repeat;
  background-size: 150px;
}
.sellList li:nth-child(1) {
  color: #e7dfcf;
}
.sellList li:nth-child(1):after {
  width: 28px;
  height: 23px;
  top: 9px;
  margin-left: -14px;
}
.sellList li:nth-child(2) {
  color: #ffe600;
}
.sellList li:nth-child(2):after {
  width: 46px;
  height: 41px;
  background-position: -35px 0;
  margin-left: -23px;
}
.sellList li:nth-child(3) {
  color: #f6b7b4;
}
.sellList li:nth-child(3):after {
  width: 25px;
  height: 25px;
  top: 8px;
  background-position: -86px 0;
  margin-left: -12px;
}

.k-section--auctionPrice {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.k-section--auctionPrice a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  border-radius: 7px;
  text-decoration: none;
  text-align: center;
  color: #000;
}
.k-section--auctionPrice a span {
  position: relative;
  padding: 0 0 0 28px;
  font-size: 13px;
}
.k-section--auctionPrice a span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/sub/bg_main.png") no-repeat;
  background-size: 150px;
}
.k-section--auctionPrice a.auction span:after {
  top: -2px;
  background-position: -131px 0;
  width: 19px;
  height: 19px;
}
.k-section--auctionPrice a.price span:after {
  background-position: -131px -24px;
  width: 19px;
  height: 14px;
}
.k-section--auctionPrice a + a {
  margin-left: 10px;
}

.toggleList .fs11 {
  font-size: 11px;
}
.toggleList dd {
  padding: 15px 25px;
}
.toggleList dd .sell-step-block {
  padding: 15px 0 0 0;
}
.toggleList dd .sell-step-block:first-child {
  padding-top: 0;
}
.toggleList dd p.sell-txt, .toggleList dd ul.guide-bul > li.sell-txt {
  margin: 0;
  padding: 15px 10px;
}
.toggleList dd p.sell-txt:first-child, .toggleList dd ul.guide-bul > li.sell-txt:first-child {
  padding-top: 0;
}
.toggleList dd p.sell-txt + .sell-guide, .toggleList dd ul.guide-bul > li.sell-txt + .sell-guide {
  padding-top: 5px;
}
.toggleList dd .sell-guide {
  margin: 0;
  padding: 15px 10px 5px 10px;
}
.toggleList dd .sell-guide:first-child {
  padding-top: 5px;
}
.toggleList dd .sell-guide li {
  padding: 15px 0 0;
}
.toggleList dd .sell-guide li a div:first-child {
  font-size: 12px;
  font-weight: 700;
}
.toggleList dd .sell-guide li a .ico-photo:after {
  background: url("../images/sub/bg_main.png") no-repeat -133px -43px;
  width: 19px;
  height: 12px;
  background-size: 150px;
}
.toggleList dd .sell-guide li a .ico-guide:after {
  background: url("../images/sub/bg_main.png") no-repeat -133px -101px;
  width: 19px;
  height: 17px;
  background-size: 150px;
}
.toggleList dd .sell-guide li a .ico-direct:after {
  left: -3px;
  background: url("../images/sub/bg_main.png") no-repeat -128px -125px;
  width: 22px;
  height: 12px;
  background-size: 150px;
}
.toggleList dd .sell-guide li a .ico-document:after {
  background: url("../images/sub/bg_main.png") no-repeat -120px -82px;
  width: 13px;
  height: 15px;
  background-size: 150px;
}
.toggleList dd .sell-guide li a .ico-dealer:after {
  background: url("../images/sub/bg_main.png") no-repeat -138px -82px;
  width: 13px;
  height: 15px;
  background-size: 150px;
}
.toggleList dd .sell-guide li a .ico-review:after {
  top: 0;
  background: url("../images/sub/sprite_sell.png") no-repeat -195px 0;
  background-size: 250px;
  width: 15px;
  height: 15px;
}
.toggleList dd .sell-guide li a.h-box .ico-see {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.toggleList dd .sell-guide li a.h-box .ico-see:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 2px;
  background-position: -110px -15px;
  width: 15px;
  height: 11px;
}
.toggleList dd .sell-guide li a.h-box .ico-es {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.toggleList dd .sell-guide li a.h-box .ico-es:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 0;
  background-position: -130px -15px;
  width: 15px;
  height: 16px;
}
.toggleList dd .sell-guide li a.h-box .ico-review {
  position: relative;
  padding: 0 0 0 24px;
  color: #222;
  font-weight: 600;
}
.toggleList dd .sell-guide li a.h-box .ico-review:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 0;
  background-position: -195px 0;
  width: 15px;
  height: 15px;
}

.pin-review.s-section-4 h2.tit {
  font-size: 18px;
  font-family: none;
}
.pin-review.s-section-4 .review-list li > a .info .car-tit {
  font-size: 15px;
}

.k-section--question {
  padding: 30px 0;
}
.k-section--question h2.title {
  font-size: 18px;
  padding: 0 0 10px 15px;
}
.k-section--question ul {
  border-top: 1px solid #ddd;
  margin-bottom: 30px;
}
.k-section--question ul li {
  border-bottom: 1px solid #ddd;
}
.k-section--question ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  padding: 0 25px 0 43px;
  text-decoration: none;
  color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-section--question ul li a .question {
  position: relative;
}
.k-section--question ul li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 25px;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
}
.k-section--question ul li a:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 16px;
  background: url("../images/sub/bg_main.png") no-repeat -131px -60px;
  background-size: 150px;
  width: 19px;
  height: 17px;
}
.k-section--question ul li .answer {
  display: none;
  position: relative;
  padding: 0px 0px 15px 70px;
}
.k-section--question ul li .answer:before {
  display: block;
  position: absolute;
  top: -1px;
  left: 45px;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon_sprite.png") no-repeat -29px -392px;
  background-size: 360px auto;
  content: "";
}
.k-section--question ul li.on a:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -88px -29px;
  background-size: 500px;
}
.k-section--question ul li.on .answer {
  display: block;
}

.k-section--directTransaction {
  padding: 15px;
}

.linkBox {
  position: relative;
  display: block;
  background: #f5f6f9;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px;
}
.linkBox strong {
  display: block;
  padding: 0 55px 0 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #000;
}
.linkBox span {
  color: #2666c6;
}
.linkBox:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  background: url("../images/sub/bg_main.png") no-repeat;
  width: 44px;
  height: 44px;
  margin-top: -22px;
}
.linkBox--direct:after {
  background-position: 0 -106px;
  background-size: 150px;
}
.linkBox--get:after {
  background-position: -49px -106px;
  background-size: 150px;
}

.sell-estimate .directTransaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
  padding: 0 0 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #91b4de;
}
.sell-estimate .directTransaction li {
  position: relative;
  width: 33.3333%;
  height: 88px;
  padding: 52px 0 0;
  text-align: center;
}
.sell-estimate .directTransaction li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  background: url("../images/sub/bg_main.png") no-repeat;
  background-size: 150px;
}
.sell-estimate .directTransaction li:nth-child(1) {
  color: #e7dfcf;
}
.sell-estimate .directTransaction li:nth-child(1):after {
  width: 26px;
  height: 20px;
  top: 3px;
  background-position: 0 -69px;
  margin-left: -13px;
}
.sell-estimate .directTransaction li:nth-child(2) {
  color: #ffe600;
}
.sell-estimate .directTransaction li:nth-child(2):after {
  width: 25px;
  height: 25px;
  background-position: -31px -69px;
  margin-left: -13px;
}
.sell-estimate .directTransaction li:nth-child(3) {
  color: #f6b7b4;
}
.sell-estimate .directTransaction li:nth-child(3):after {
  width: 30px;
  height: 25px;
  background-position: -61px -69px;
  margin-left: -15px;
}

.k-section--price .price {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 0 0 50px;
  text-decoration: none;
  line-height: 60px;
  font-weight: 700;
  color: #000;
}
.k-section--price .price:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 19px;
  height: 14px;
  background: url("../images/sub/bg_main.png") no-repeat -131px -24px;
  background-size: 150px;
  margin-top: -7px;
}
.k-section--price .price:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.pointAdList {
  margin-bottom: 40px;
}
.pointAdList li {
  padding: 0 0 20px;
}
.pointAdList li p, .pointAdList li ul.guide-bul > li {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
}

.bl-list.bl-list--black {
  margin-bottom: 50px;
}
.bl-list.bl-list--black li {
  color: #000;
  margin-bottom: 3px;
}
.bl-list.bl-list--black li:after {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #000;
}

.directImg {
  padding: 10px 0 50px;
}
.directImg img {
  width: 100%;
  max-width: 320px;
  max-height: 313px;
}

.documentList {
  padding: 0 0 40px;
}
.documentList li {
  margin-bottom: 10px;
}
.documentList li p, .documentList li ul.guide-bul > li {
  padding-left: 15px;
}

/* 바꿔줘 차차차 2020.08.28 */
.changecar-wrap {
  background: #fff;
}
.changecar-wrap.sell:after {
  display: none;
}
.changecar-wrap h2.sub-tit {
  font-weight: bold;
  font-size: 18px;
}
.changecar-wrap .h-txt {
  font-size: 26px;
  padding: 17px 15px 40px;
  font-weight: 300;
  letter-spacing: -1px;
}
.changecar-wrap .btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.changecar-wrap [class*=chg-] {
  position: relative;
  height: 150px;
}
.changecar-wrap [class*=chg-] .bg-area {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.changecar-wrap [class*=chg-] .bg-area strong {
  font-size: 24px;
  display: block;
  margin-bottom: 5px;
}
.changecar-wrap [class*=chg-] .bg-area .car-info {
  margin-top: 10px;
}
.changecar-wrap [class*=chg-] .bg-area .car-info span {
  display: block;
}
.changecar-wrap [class*=chg-] .bg-area .btn-chg {
  position: absolute;
  width: 65px;
  height: 65px;
  bottom: 0;
}
.changecar-wrap [class*=chg-] .bg-area .btn-chg img {
  width: 100%;
  height: 100%;
}
.changecar-wrap [class*=chg-] .bg-area .btn-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  display: block;
  padding: 15px;
}
.changecar-wrap [class*=chg-] .bg-area .btn-close img {
  width: 10px;
  height: 10px;
}
.changecar-wrap .chg-sellcar {
  margin-right: 15px;
  border-radius: 0 10px 10px 0;
  text-align: right;
  background: #a9a9a9;
  background: -webkit-gradient(linear, left top, right top, from(#a9a9a9), to(#878787));
  background: linear-gradient(to right, #a9a9a9 0%, #878787 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a9a9a9", endColorstr="#878787",GradientType=1 );
}
.changecar-wrap .chg-sellcar.car-nonexis .bg-area {
  background: url("../images/sub/chg_sellcar.png") no-repeat 0 bottom;
  background-size: 190px 115px;
}
.changecar-wrap .chg-sellcar.car-nonexis .bg-area .btn-chg {
  right: 3px;
}
.changecar-wrap .chg-sellcar.car-exis .bg-area {
  background: none;
}
.changecar-wrap .chg-sellcar.car-exis .bg-area strong {
  margin-top: 20px;
}
.changecar-wrap .chg-sellcar.car-exis .bg-area .img-thum {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.changecar-wrap .chg-sellcar.car-exis .bg-area .img-thum img {
  width: 170px;
  height: auto;
}
.changecar-wrap .chg-sellcar.car-exis .bg-area .btn-close {
  right: 0;
}
.changecar-wrap .chg-buycar {
  margin-left: 15px;
  border-radius: 10px 0 0 10px;
  text-align: left;
  margin-top: 30px;
  background: #43525f;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #516271), to(#43525f));
  background: linear-gradient(to right, #516271 1%, #43525f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#516271", endColorstr="#43525f",GradientType=1 );
}
.changecar-wrap .chg-buycar.car-nonexis .bg-area {
  background: url("../images/sub/chg_buycar.png") no-repeat 100% bottom;
  background-size: 190px 115px;
}
.changecar-wrap .chg-buycar.car-nonexis .bg-area .btn-chg {
  left: 3px;
}
.changecar-wrap .chg-buycar.car-exis .bg-area {
  background: none;
}
.changecar-wrap .chg-buycar.car-exis .bg-area strong {
  margin-top: 20px;
}
.changecar-wrap .chg-buycar.car-exis .bg-area .img-thum {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.changecar-wrap .chg-buycar.car-exis .bg-area .img-thum img {
  width: 170px;
  height: auto;
}
.changecar-wrap .chg-buycar.car-exis .bg-area .btn-close {
  left: 0;
}
.changecar-wrap .app-request {
  background: #f1f1f1;
  padding: 5px 15px;
  overflow: hidden;
}
.changecar-wrap .app-request .status-value {
  float: left;
}
.changecar-wrap .app-request .app-date {
  float: right;
  font-size: 16px;
  color: #888;
}
.changecar-wrap .temp-save {
  position: relative;
  overflow: hidden;
  margin-bottom: -15px;
}
.changecar-wrap .temp-save [class*=temp-] {
  position: relative;
  width: 50%;
  height: 330px;
  color: #fff;
  text-align: center;
}
.changecar-wrap .temp-save [class*=temp-] strong {
  font-size: 26px;
  display: block;
  padding-top: 25px;
  margin-bottom: 10px;
}
.changecar-wrap .temp-save [class*=temp-] .btn-view {
  color: #fff;
  padding-bottom: 5px;
}
.changecar-wrap .temp-save [class*=temp-] .img-thum {
  margin: 25px 10px 15px;
}
.changecar-wrap .temp-save [class*=temp-] .img-thum img {
  width: auto;
  height: 70px;
}
.changecar-wrap .temp-save [class*=temp-] .car-info {
  margin-top: 10px;
}
.changecar-wrap .temp-save [class*=temp-] .car-info span {
  font-size: 18px;
  font-weight: 500;
  display: block;
  line-height: 1.3;
  letter-spacing: -1px;
}
.changecar-wrap .temp-save [class*=temp-] .car-info b {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
}
.changecar-wrap .temp-save [class*=temp-] .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 5px;
}
.changecar-wrap .temp-save [class*=temp-] .btn-close img {
  width: 18px;
  height: 18px;
}
.changecar-wrap .temp-save .temp-sellcar-save {
  float: left;
  background: #a9a9a9;
  background: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#a9a9a9));
  background: linear-gradient(to bottom, #878787 0%, #a9a9a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#878787", endColorstr="#a9a9a9",GradientType=0 );
}
.changecar-wrap .temp-save .temp-buycar-save {
  float: right;
  background: #43525f;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #43525f), to(#516271));
  background: linear-gradient(to bottom, #43525f 1%, #516271 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#43525f", endColorstr="#516271",GradientType=0 );
}
.changecar-wrap .temp-save .sold-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.changecar-wrap .temp-save .sold-out > span {
  display: inline-block;
  border-radius: 3px;
  background-color: #fd665c;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  font-size: 18px;
}
.changecar-wrap .my-privacy-agree {
  position: relative;
  padding: 30px 15px;
  background: #fff;
  border-radius: 15px 15px 0 0;
}
.changecar-wrap .my-privacy-agree:after {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  border-radius: 15px 15px 0 0;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.changecar-wrap .my-privacy-agree strong {
  display: block;
  font-size: 22px;
  margin: 23px 0 20px;
}
.changecar-wrap .my-privacy-agree .ext-check .input-ck + label:after {
  top: 3px;
}
.changecar-wrap .my-privacy-agree .terms-area {
  padding: 10px;
  margin-top: 10px;
  height: 70px;
}
.changecar-wrap .my-privacy-agree .terms-area .scroll {
  height: 50px;
}
.changecar-wrap .my-privacy-agree .btn-wrap .btn {
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
  line-height: 50px;
}
.changecar-wrap .my-garage-reg {
  padding: 30px 0 0 0;
}
.changecar-wrap .my-garage-reg .tit-area {
  position: relative;
}
.changecar-wrap .my-garage-reg .tit-area h2.sub-tit {
  padding: 0 15px;
  madgin: 30px 0 40px;
}
.changecar-wrap .my-garage-reg .tit-area .require-info {
  position: absolute;
  top: 0;
  right: 15px;
  color: #fd665c;
  padding-left: 13px;
  font-weight: 600;
}
.changecar-wrap .my-garage-reg .tit-area .require-info:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background: #fd665c;
  width: 7px;
  height: 7px;
  border-radius: 7px;
}
.changecar-wrap .my-garage-reg .swiper-container {
  padding: 35px 50px;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check {
  position: relative;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check .ra-ck {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -7px;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check .ra-ck .input-r + label:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  top: 0;
  border: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check .ra-ck .input-r:checked + label:after {
  background-position: -208px -30px;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check a {
  text-decoration: none;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check a .my-garage-regcar {
  height: 250px;
  padding: 60px 15px 20px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 5px 21px 0px rgba(0, 0, 0, 0.07);
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check a .my-garage-regcar .s-car-img {
  text-align: center;
}
.changecar-wrap .my-garage-reg .swiper-container .my-garage-check a .my-garage-regcar .s-car-img img {
  width: auto;
  height: 70px;
}
.changecar-wrap .my-garage-reg .swiper-container .swiper-pagination-bullets {
  position: relative;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100% !important;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  margin-top: 10px;
}
.changecar-wrap .my-garage-reg .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #000;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.changecar-wrap .my-garage-reg .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #736b60;
}
.changecar-wrap .my-garage-reg .swiper-container .swiper-button-prev {
  background: url("../images/sub/swiper_arr.png") no-repeat 0 0;
  background-size: 40px 80px;
  width: 40px;
  height: 40px;
}
.changecar-wrap .my-garage-reg .swiper-container .swiper-button-next {
  background: url("../images/sub/swiper_arr.png") no-repeat 0 -40px;
  background-size: 40px 80px;
  width: 40px;
  height: 40px;
}
.changecar-wrap .my-garage-reg .s-car-txt {
  text-align: center;
  margin-top: 10px;
}
.changecar-wrap .my-garage-reg .s-car-txt .s-car-name .garage-car-name strong {
  font-weight: bold;
  font-size: 16px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.changecar-wrap .my-garage-reg .s-car-txt .s-car-name .garage-car-name a {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.changecar-wrap .my-garage-reg .s-car-txt .s-car-name .garage-car-name a img {
  width: 100%;
}
.changecar-wrap .my-garage-reg .s-car-txt .s-car-name .garage-car-name:after {
  content: "";
  display: block;
  clear: both;
}
.changecar-wrap .my-garage-reg .s-car-txt .s-car-name .first-reg {
  display: block;
  margin-top: 5px;
  color: #999;
}
.changecar-wrap .my-garage-reg .s-car-txt .car-num {
  display: block;
  margin-top: 15px;
  font-weight: bold;
  font-size: 16px;
  color: #fd665c;
}
.changecar-wrap .my-garage-reg .btn-wrap-reg {
  padding: 0 30px;
}
.changecar-wrap .my-garage-reg .btn-wrap-reg a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.changecar-wrap .my-garage-reg .btn-wrap-reg a:first-child {
  background: #364f7f;
}
.changecar-wrap .my-garage-reg .btn-wrap-reg a:last-child {
  background: #2666c6;
  margin-top: 10px;
}
.changecar-wrap .my-garage-regcar.carinfo-exp {
  padding: 30px 0;
}
.changecar-wrap .my-garage-regcar.carinfo-exp .s-car-img {
  margin: 0 95px;
}
.changecar-wrap .my-garage-regcar.carinfo-exp .s-car-img img {
  width: 100%;
}
.changecar-wrap .box-area {
  padding: 30px 15px 80px;
}
.changecar-wrap .box-area .tit .require-info {
  display: inline-block;
  background: #fd665c;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  font-size: 0;
  vertical-align: middle;
  margin-top: -3px;
}
.changecar-wrap .box-area .tit .txt-info {
  font-size: 13px;
  color: #999;
  font-weight: 400;
  padding-left: 5px;
}
.changecar-wrap .box-area .file-wrap {
  margin: 0 -1.5%;
}
.changecar-wrap .box-area .file-wrap > div {
  width: 30.33%;
  height: auto;
  margin: 0 1.5%;
  padding-bottom: 24%;
}
.changecar-wrap .garage-car-search .nocar-thum {
  margin: 60px 40px 5px 40px;
}
.changecar-wrap .garage-car-search .nocar-thum img {
  width: 100%;
}
.changecar-wrap .garage-car-search .k-car-search .txt-del {
  position: absolute;
  top: 10px;
  right: 50px;
  background: url("../images/sub/btn_carnum_del.png") no-repeat 0 0;
  background-size: 20px;
  width: 20px;
  height: 20px;
  border: 0 none;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}
.changecar-wrap .garage-car-search .k-car-search .btn-link {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/sub/sprite_price.png") no-repeat 0 -80px;
  background-size: 250px;
  width: 40px;
  height: 40px;
}
.changecar-wrap .amdot-list li {
  position: relative;
  margin-top: 13px;
  padding-left: 8px;
  color: #999;
}
.changecar-wrap .amdot-list li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #aad1d9;
  position: absolute;
  top: 7px;
  left: 0;
}
.changecar-wrap .changecar-info {
  position: relative;
  padding: 30px 15px;
  background: #fff;
  border-radius: 15px 15px 0 0;
  z-index: 2;
}
.changecar-wrap .changecar-info:after {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  border-radius: 15px 15px 0 0;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.changecar-wrap .changecar-info.dealer-info-ch {
  border-radius: 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.changecar-wrap .changecar-info .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star {
  margin-top: 10px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .photo {
  width: 60px;
  height: 60px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -1px;
  width: 30px;
  height: 30px;
  background: url("../images/sub/sprite_sell.png") no-repeat -18px -35px;
  background-size: 250px;
  z-index: 0;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .photo .btn-dealer-info img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .photo .btn-dealer-info.btn-noicon:after {
  display: none;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star .star-area {
  display: block;
  width: 75px;
  margin: 10px auto 0;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star.dealer-state {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star.dealer-state .dealer-photo {
  float: left;
  margin-right: 20px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star.dealer-state .txt {
  position: relative;
  float: left;
  background: #eff3fc;
  background-size: 8px 11px;
  padding: 11px 15px;
  border-radius: 0 15px 15px 15px;
  color: #2666c6;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-star.dealer-state .txt:after {
  content: "";
  display: block;
  width: 8px;
  height: 11px;
  background: url("../images/sub/bg_txt_bal.png") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -8px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .name {
  position: relative;
  font-size: 14px;
  padding-right: 15px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .name:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 1px;
  height: 13px;
  margin-top: -6px;
  background: #222;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place {
  position: relative;
  font-size: 18px;
  margin-top: 5px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place .place-add {
  font-size: 14px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place .place-add .tip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place .layerplace {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place .layerplace span {
  display: none;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .place .layerplace:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .dealer-tel-num {
  margin: 5px 0 8px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_sell.png") no-repeat -166px -23px;
  background-size: 250px;
}
.changecar-wrap .changecar-info .dealer-info-area .dealer-ass {
  display: none;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-cnt {
  text-align: center;
  margin-top: 25px;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass {
  display: block;
  padding: 0 50px;
  margin-top: 15px;
  overflow: hidden;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass [class*=bg0] {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  padding-top: 35px;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass [class*=bg0]:after {
  content: "";
  background: url("../images/sub/bg-badge01.png") no-repeat;
  background-size: 132px 28px;
  width: 33px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -17px;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass [class*=bg0].disabled:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 2;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass [class*=bg0] span {
  font-size: 12px;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass .bg01:after {
  background-position: left top;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass .bg02:after {
  background-position: -33px top;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass .bg03:after {
  background-position: -66px top;
}
.changecar-wrap .changecar-info .dealer-info-area .bedge .dealer-ass .bg04:after {
  background-position: -99px top;
}
.changecar-wrap .changecar-info .dealer-info-area .review-point {
  background: #6e7da0;
  text-align: center;
  border-radius: 3px;
}
.changecar-wrap .changecar-info .dealer-info-area .review-point a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 13px 0;
  color: #fff;
  text-decoration: none;
}
.changecar-wrap .changecar-info .dealer-info-area .review-point a strong {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 25px;
}
.changecar-wrap .changecar-info .dealer-info-area .review-point a strong:after {
  content: "";
  display: block;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 18px;
  height: 18px;
}
.changecar-wrap .changecar-info .dealer-info-area .selling-state {
  overflow: hidden;
  padding-top: 30px;
  width: 100%;
}
.changecar-wrap .changecar-info .dealer-info-area .selling-state span {
  display: block;
  /*width: 180px;*/
  width: 48.27%;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 7px;
}
.changecar-wrap .changecar-info .dealer-info-area .selling-state span:first-child {
  float: left;
  background: #2968c7;
  color: #fff;
  border: 1px solid #2968c7;
}
.changecar-wrap .changecar-info .dealer-info-area .selling-state span:last-child {
  float: right;
  border: 1px solid #ddd;
}
.changecar-wrap .changecar-info .dealer-info-area .resv {
  margin: 15px 0 25px;
}
.changecar-wrap .changecar-info .dealer-info-area .resv a {
  position: relative;
  color: #2666c6;
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: none;
}
.changecar-wrap .changecar-info .dealer-info-area .resv a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #2666c6;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.changecar-wrap .bnr-area [class*=bnr-] {
  border-radius: 15px;
  width: 100%;
  margin-bottom: 10px;
}
.changecar-wrap .bnr-area [class*=bnr-] a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  color: #fff;
  text-decoration: none;
}
.changecar-wrap .bnr-area [class*=bnr-] a > span {
  font-weight: bold;
  font-size: 15px;
}
.changecar-wrap .bnr-area [class*=bnr-] a strong {
  display: block;
  font-size: 20px;
  padding: 3px 0 25px;
}
.changecar-wrap .bnr-area [class*=bnr-] .txt-ico {
  text-align: right;
}
.changecar-wrap .bnr-area .bnr-sell {
  background: #4c608a;
}
.changecar-wrap .bnr-area .bnr-change {
  background: #2666c6;
}
.changecar-wrap .car-renew-d {
  padding: 30px 15px;
  border-radius: 15px 15px 0 0;
  background: #fff;
}
.changecar-wrap .car-renew-d .tit-wrap {
  position: relative;
}
.changecar-wrap .car-renew-d .tit-wrap h2 {
  margin-bottom: 5px;
}
.changecar-wrap .car-renew-d .tit-wrap .red-txt {
  color: #fd665c;
}
.changecar-wrap .car-renew-d .tit-wrap .txt-btn {
  display: block;
  margin-top: 15px;
  text-align: right;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.changecar-wrap .car-renew-d .car-sale-mt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  margin-left: -10px;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc {
  position: relative;
  width: 33.33%;
  min-height: 109px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 10px;
  margin-left: 10px;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc strong {
  display: block;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -1px;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month {
  position: absolute;
  right: 10px;
  bottom: 15px;
  text-align: right;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum-tit {
  font-size: 13px;
  color: #999;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum {
  font-size: 13px;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum strong {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum i {
  font-size: 14px;
  font-style: normal;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .calc {
  text-decoration: none;
  font-size: 13px;
  color: #999;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .finance-consult {
  font-size: 13px;
  color: #999;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .finance-consult-w {
  font-size: 13px;
  color: #fff;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc.on .sale-sum-month .sale-sum-tit,
.changecar-wrap .car-renew-d .car-sale-mt .car-sale-sc.on .sale-sum-month .calc {
  color: #fff;
}
.changecar-wrap .car-renew-d .my-credit-srch {
  width: 100%;
  margin-top: 30px;
}
.changecar-wrap .car-renew-d .my-credit-srch strong {
  font-size: 14px;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn a {
  width: 48.27%;
  border-radius: 7px;
  border: 1px solid #fcb222;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #222;
  padding: 15px 0;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn a span {
  font-size: 13px;
  letter-spacing: -1px;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn a span img {
  width: 50px;
  height: auto;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn a strong {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #222;
}
.changecar-wrap .car-renew-d .my-credit-srch .btn a:first-child {
  background: #fcb222;
}
.changecar-wrap .changecar-wrap-top {
  border-radius: 0 0 10px 10px;
  margin-bottom: 10px;
  padding: 0 15px 15px;
  background: #fff;
}
.changecar-wrap .changecar-wrap-btm {
  border-radius: 15px 15px 0 0;
  background-color: #fff;
  padding: 30px 15px 100px;
}
.changecar-wrap .btn-changecar-srch {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 7px;
  background: #2666c6;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: -1px;
}
.changecar-wrap .btn-changecar-srch a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-right: 15px;
}
.changecar-wrap .btn-changecar-srch a:after {
  content: "";
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -169px;
  width: 7px;
  height: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 6px;
}
.changecar-wrap .general-usedcar h2.sub-tit {
  margin-bottom: 30px;
}
.changecar-wrap .general-usedcar li {
  position: relative;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.changecar-wrap .general-usedcar li .ra-ck {
  width: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.changecar-wrap .general-usedcar li .ra-ck .input-r + label {
  width: 18px;
  height: 18px;
}
.changecar-wrap .general-usedcar li .ra-ck .input-r + label:after {
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
}
.changecar-wrap .general-usedcar li .ra-ck .input-r:checked + label:after {
  background: url("../images/sub/check_radio.png") no-repeat 0 0;
  background-size: 18px 18px;
  border: none;
  border-radius: 0;
}
.changecar-wrap .general-usedcar li .fx-02 {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
  width: 100%;
}
.changecar-wrap .general-usedcar li .fx-02 .s-car-img {
  position: relative;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.changecar-wrap .general-usedcar li .fx-02 .s-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.changecar-wrap .general-usedcar li .fx-02 .s-car-txt {
  position: relative;
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
  width: calc(100% - 140px);
}
.changecar-wrap .general-usedcar li .fx-02 .s-car-txt .b-brand {
  font-weight: bold;
  font-size: 14px;
  position: relative;
  height: 20px;
  margin-top: 15px;
}
.changecar-wrap .general-usedcar li .fx-02 .s-car-txt .s-pay {
  font-weight: bold;
  font-size: 18px;
  margin-top: 0;
}
.changecar-wrap .dtCarMore-btn button {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  padding: 0;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 7px;
  outline: 0;
}
.changecar-wrap .dtCarMore-btn button span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #364f7f;
  font-size: 15px;
}
.changecar-wrap .dtCarMore-btn button span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 19px;
  height: 10px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -115px -22px;
}
.changecar-wrap .dtCarMore-btn button.on span:after {
  background-position: -60px -60px;
}
.changecar-wrap .sellcar-detail-info {
  padding: 0 15px 15px;
}
.changecar-wrap .sellcar-detail-info .car-info {
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.changecar-wrap .sellcar-detail-info .car-info .car-img {
  width: 115px;
  height: 75px;
  line-height: 75px;
}
.changecar-wrap .sellcar-detail-info .car-info .car-img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.changecar-wrap .sellcar-detail-info .car-info .car-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
}
.changecar-wrap .sellcar-detail-info .car-info .car-txt span {
  font-weight: bold;
  font-size: 16px;
  color: #fd665c;
}
.changecar-wrap .sellcar-detail-info .car-info .car-txt strong {
  display: block;
  font-weight: 600;
  margin-top: 5px;
}
.changecar-wrap .sellcar-detail-info .s-basic-info {
  padding: 0;
}
.changecar-wrap .sellcar-detail-info .s-basic-info .car-history {
  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;
  margin-top: 30px;
}
.changecar-wrap .sellcar-detail-info .s-basic-info .car-history div {
  width: 32.06%;
  background: #f1f1f1;
  border-radius: 3px;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 5px;
}
.changecar-wrap .sellcar-detail-info .s-basic-info .car-history div b {
  font-size: 15px;
  display: block;
}
.changecar-wrap .sellcar-detail-info .s-basic-info .btn-wrap {
  margin-top: 15px;
}
.changecar-wrap .sellcar-detail-info .s-basic-info .btn-wrap a {
  text-decoration: none;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  font-size: 16px;
}
.changecar-wrap .sellcar-detail-info .s-basic-img {
  margin-top: 60px;
}
.changecar-wrap .sellcar-detail-info .s-basic-img ul {
  margin-top: 15px;
}
.changecar-wrap .sellcar-detail-info .s-basic-img ul li {
  width: 100%;
  margin-bottom: 15px;
}
.changecar-wrap .sellcar-detail-info .s-basic-img ul li img {
  width: 100%;
  border-radius: 7px;
}
.changecar-wrap .txt-ico span {
  position: relative;
  padding-right: 15px;
}
.changecar-wrap .txt-ico span:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 0;
  top: 3px;
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.changecar-wrap .auction-time {
  background: #fd665c;
  height: 45px;
}
.changecar-wrap .auction-time > div {
  padding: 0;
  line-height: 45px;
}
.changecar-wrap .brd-radius-btm {
  border-radius: 0 0 15px 15px;
  background: #fff;
}
.changecar-wrap .btn-wrap-fix .flex-consult__call.no-icon a {
  padding: 0;
}
.changecar-wrap .btn-wrap-fix .flex-consult__call.no-icon a span:after {
  display: none;
}
.changecar-wrap .deal-result {
  margin: 30px 0;
  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;
}
.changecar-wrap .deal-result .custom-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.changecar-wrap .deal-result .custom-info .photo {
  width: 50px;
  height: 50px;
  overflow: visible;
  border: none;
  float: none;
}
.changecar-wrap .deal-result .custom-info .photo img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.changecar-wrap .deal-result .custom-info .dealer-cnt {
  margin-left: 10px;
}
.changecar-wrap .deal-result .custom-info .dealer-cnt .dealer-tel-num {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.changecar-wrap .deal-result .custom-info .dealer-cnt .dealer-tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_sell.png") no-repeat -166px -23px;
  background-size: 250px;
}
.changecar-wrap .deal-result .btn-wrap a {
  width: 90px;
  text-decoration: none;
  margin-bottom: 0;
}
.changecar-wrap .deal-result .btn-wrap a.disabled {
  background: #aaa;
  border-color: #aaa;
  cursor: none;
}
.changecar-wrap .line-btn-area [class*=btn-line-] {
  display: block;
  -webkit-box-flex: 1;
  height: 50px;
  background: #fff;
  border-radius: 4px;
  letter-spacing: -1px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}
.changecar-wrap .line-btn-area .btn-line-blue {
  border: 1px solid #2666c6;
  color: #2666c6;
}
.changecar-wrap .line-btn-area .btn-line-red {
  border: 1px solid #fd665c;
  color: #fd665c;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top {
  background: #fff;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  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;
  padding: 25px 15px 15px;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .total b {
  color: #4a7fcf;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .total span {
  color: #999;
  padding-left: 5px;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .state {
  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;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .state .select-area {
  width: 90px;
  margin-right: 10px;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .state .select-area .select-type {
  width: 90px;
  height: 30px;
  font-size: 14px;
  border: 0;
  background-position-y: -5px;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .state .date-sel {
  width: 16px;
  height: 16px;
}
.changecar-wrap .dealer-changecar-main .dealer-changecar-top .state .date-sel img {
  width: 100%;
}
.changecar-wrap .dealer-changecar-main .changecar-list {
  padding: 30px 15px 0;
  background: #fff;
  border-radius: 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  z-index: 2;
}
.changecar-wrap .dealer-changecar-main .changecar-list strong {
  font-size: 18px;
  margin-bottom: 5px;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec {
  padding: 15px 0;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div {
  position: relative;
  margin-top: 10px;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div ul {
  padding-right: 90px;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div ul li {
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div ul li span {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 13px;
  color: #fff;
  margin-right: 5px;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div ul li span.apply-car {
  background: #2666c6;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div ul li span.sell-car {
  background: #fd665c;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div .car-state {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  display: inline-block;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 13px;
  margin-left: 10px;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div .car-state.blue {
  color: #2666c6;
  border: 1px solid #2666c6;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div .car-state.red {
  color: #fd665c;
  border: 1px solid #fd665c;
}
.changecar-wrap .dealer-changecar-main .changecar-list .changecar-state .changecar-sec div .car-state.green {
  color: #10af5b;
  border: 1px solid #10af5b;
}

.changecar-wrap-bg {
  background: #f1f1f1;
}

.layer-pop-btm .my-garage-regcar .s-car-img {
  margin: 0 90px;
}
.layer-pop-btm .my-garage-regcar .s-car-img img {
  width: 100%;
}
.layer-pop-btm .my-garage-regcar .s-car-txt {
  text-align: center;
  margin-top: 10px;
}
.layer-pop-btm .my-garage-regcar .s-car-txt .s-car-name strong {
  font-weight: bold;
  font-size: 16px;
  display: block;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.layer-pop-btm .my-garage-regcar .s-car-txt .s-car-name .first-reg {
  display: block;
  margin-top: 5px;
  color: #999;
}
.layer-pop-btm .my-garage-regcar .s-car-txt .car-num {
  display: block;
  margin-top: 15px;
  font-weight: bold;
  font-size: 16px;
  color: #fd665c;
}
.layer-pop-btm .my-garage-regcar .btn-wrap {
  text-align: center;
  margin-top: 30px;
}
.layer-pop-btm .my-garage-regcar .btn-wrap .btn-s {
  width: 90px;
  height: 30px;
  line-height: 28px;
  text-decoration: none;
  margin: 0 auto 30px;
}
.layer-pop-btm .garagecar-numsrch {
  margin-bottom: 15px;
}
.layer-pop-btm .garagecar-numsrch .nocar-thum {
  margin: 0 100px;
}
.layer-pop-btm .garagecar-numsrch .nocar-thum img {
  width: 100%;
}
.layer-pop-btm .garagecar-numsrch .nocar-info {
  text-align: center;
}
.layer-pop-btm .garagecar-numsrch .nocar-info .car-num {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #fd665c;
  margin-bottom: 3px;
}
.layer-pop-btm .bg-selcar-num {
  background: url("../images/sub/bg_selcar_num.png") no-repeat 0 0;
  background-size: 180px 48px;
  width: 180px;
  height: 48px;
  line-height: 48px;
  margin: 0 auto 30px;
  font-size: 26px;
  text-align: center;
  letter-spacing: -2px;
}
.layer-pop-btm .text-area {
  margin: 0 15px;
}
.layer-pop-btm .text-area textarea {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 90px;
  padding: 15px 10px;
  border: 1px solid #ddd;
  resize: none;
  outline: 0;
}
.layer-pop-btm .text-area .txt-byte {
  margin: 5px 0 35px;
  text-align: right;
  font-size: 12px;
  color: #999;
}
.layer-pop-btm .deal-result-cfm .deal-result-chk {
  margin-top: 20px;
}
.layer-pop-btm .deal-result-cfm .deal-result-chk div {
  display: inline-block;
  margin-right: 20px;
}

.layer-basic-pop .tit-pop .btn-close.btn-busy-diag,
.layer-pop-btm .tit-pop .btn-close.btn-busy-diag {
  top: 0;
}
.layer-basic-pop .tit-pop .btn-close.btn-busy-diag a,
.layer-pop-btm .tit-pop .btn-close.btn-busy-diag a {
  width: 24px;
  height: 24px;
}
.layer-basic-pop .tit-pop .btn-close.btn-busy-diag a:after,
.layer-pop-btm .tit-pop .btn-close.btn-busy-diag a:after {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("../images/sub/btn_busy_diag.png") no-repeat 0 0;
}
.layer-basic-pop .layer-basic-area .layer-cnt .busy-diag,
.layer-pop-btm .layer-basic-area .layer-cnt .busy-diag {
  padding-top: 17px;
  padding-bottom: 30px;
}

.busy-diag {
  color: #222;
}
.busy-diag a {
  text-decoration: none;
  text-align: center;
  color: #222;
}
.busy-diag .busy-diag-service {
  position: relative;
  background: url("../images/sub/bg_busy_diag.png") no-repeat 100% 100%;
}
.busy-diag .busy-diag-service__txt {
  display: block;
}
.busy-diag .busy-diag-service__tit {
  display: block;
  letter-spacing: -0.5px;
}
.busy-diag .busy-diag-service__btn-view {
  display: inline-block;
}
.busy-diag .busy-diag-service__icon-beta-jeju {
  position: absolute;
  top: 95px;
  right: 32px;
  display: block;
  width: 72px;
  height: 62px;
  background: url("../images/sub/icon_beta_jeju.png") no-repeat 0 0;
}
.busy-diag .busy-diag__btn-go {
  display: block;
  width: 100%;
  height: 48px;
  background: #fc0;
  border-radius: 12px;
  font-size: 16px;
  line-height: 48px;
}
.busy-diag .busy-diag__btn-no {
  display: block;
  margin-top: 18px;
  color: #666;
}
.busy-diag .busy-diag__btn-no span {
  border-bottom: 1px solid #aaa;
}

.busy-diag-gate .busy-diag-service {
  padding-bottom: 193px;
}
.busy-diag-gate .busy-diag-service__txt {
  font-size: 16px;
}
.busy-diag-gate .busy-diag-service__tit {
  margin: 4px 0 7px;
  font-size: 26px;
  line-height: 1.3;
}
.busy-diag-gate .busy-diag-service__btn-view {
  height: 28px;
  padding: 0 8px;
  background: #eee;
  border-radius: 14px;
  line-height: 28px;
}
.busy-diag-gate .busy-diag__btn-go {
  margin-top: 19px;
}

.layerType .scroll-wrap.busy-diag-info {
  padding: 0 15px;
  margin: 0 -15px;
}

.busy-diag-info .busy-diag-service {
  padding-bottom: 116px;
  margin-bottom: -2px;
}
.busy-diag-info .busy-diag-service__txt {
  font-size: 14px;
  color: #666;
}
.busy-diag-info .busy-diag-service__tit {
  margin-top: 3px;
  font-size: 20px;
  line-height: 1.5;
}

.busy-diag-step {
  position: relative;
  padding: 20px 0 25px;
}
.busy-diag-step:before {
  position: absolute;
  top: 0;
  left: -15px;
  display: block;
  content: "";
  width: calc(100% + 30px);
  height: 8px;
  background: #f8f8f8;
}

.busy-diag-step__list {
  position: relative;
}
.busy-diag-step__list:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: "";
  margin-top: -27px;
  width: 54px;
  height: 54px;
}
.busy-diag-step__list.step-1:after {
  background: url("../images/sub/icon_busy_diag_step1.png") no-repeat 50% 50%;
}
.busy-diag-step__list.step-2:after {
  background: url("../images/sub/icon_busy_diag_step2.png") no-repeat 50% 50%;
}
.busy-diag-step__list.step-3:after {
  background: url("../images/sub/icon_busy_diag_step3.png") no-repeat 50% 50%;
}
.busy-diag-step__list.step-4:after {
  background: url("../images/sub/icon_busy_diag_step4.png") no-repeat 50% 50%;
}
.busy-diag-step__list.step-5:after {
  background: url("../images/sub/icon_busy_diag_step5.png") no-repeat 50% 50%;
}
.busy-diag-step__list + .busy-diag-step__list {
  margin-top: 22px;
}

.busy-diag-step__num {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #fc0;
}

.busy-diag-step__tit {
  display: block;
  margin: 6px 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

.busy-diag-step__txt {
  display: block;
  width: 76.5%;
  color: #666;
}

.busy-diag-caption__txt {
  display: block;
  color: #666;
}
.busy-diag-caption__txt + .busy-diag-caption__txt {
  margin-top: 13px;
}

.busy-diag-time {
  padding: 15px 15px 17px;
  margin-top: 26px;
  background: #f8f8f8;
  border-radius: 12px;
  color: #666;
}

.busy-diag-time__tit {
  display: block;
  margin-bottom: 6px;
  font-weight: 400;
}
.busy-diag-time__tit:before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 2px;
  margin-top: -2px;
  margin-right: 6px;
  background: #888;
  vertical-align: middle;
}

.busy-diag-time__info {
  display: block;
  margin-left: 8px;
}

.busy-diag-banner {
  padding: 14px 16px 11px;
  background: #fff;
}

.busy-diag-section {
  height: 244px;
  padding-bottom: 10px;
  background: #fff url("../images/sub/bg_busy_diag_banner.png") no-repeat 0 0;
  background-size: 100% 73%;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.busy-diag-section .busy-diag-service {
  height: 100%;
  padding: 30px 20px;
  background-size: 187px 124px;
}
.busy-diag-section .busy-diag-service__txt {
  font-size: 12px;
}
.busy-diag-section .busy-diag-service__tit {
  margin: 3px 0 14px;
  font-size: 24px;
}
.busy-diag-section .busy-diag-service__tit-info {
  display: block;
  font-size: 20px;
  font-weight: 400;
}
.busy-diag-section .busy-diag-service__btn-view {
  font-size: 14px;
}
.busy-diag-section .busy-diag-service__btn-view:after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -2px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.busy-diag-section .busy-diag-service__btn-call {
  position: absolute;
  left: 20px;
  bottom: 10px;
  display: inline-block;
  height: 28px;
  padding: 0 8px;
  background: #fc0;
  border-radius: 14px;
  line-height: 28px;
}

.busy-diag-terms {
  color: #666;
  padding-bottom: 72px;
}
.busy-diag-terms .check-box {
  position: relative;
}
.busy-diag-terms .check-box input, .busy-diag-terms .check-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .busy-diag-terms .check-box .ico-confirm, .busy-diag-terms .check-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .busy-diag-terms .check-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.busy-diag-terms .check-box label {
  display: inline-block;
  font-size: 16px;
  color: #222;
  cursor: pointer;
}
.busy-diag-terms .check-box label:before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../images/sub/icon_mark_check.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
}
.busy-diag-terms .check-box input:checked + label:before, .busy-diag-terms .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .busy-diag-terms .check-box .ico-confirm:checked + label:before, .busy-diag-terms .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .busy-diag-terms .check-box .ico-confirm:checked + label:before {
  content: "";
  background-position-y: -24px;
}
.busy-diag-terms .busy-diag__btn-go {
  position: fixed;
  top: 100%;
  width: calc(100% - 30px);
  margin-top: calc(-111px - env(safe-area-inset-bottom));
}

.busy-diag-terms__all {
  margin-bottom: 16px;
}
.busy-diag-terms__all .check-box label {
  font-weight: 700;
}
.busy-diag-terms__all .check-box label:before {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #ddd inset;
          box-shadow: 0 0 0 1px #ddd inset;
}
.busy-diag-terms__all .check-box input:checked + label:before, .busy-diag-terms__all .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .busy-diag-terms__all .check-box .ico-confirm:checked + label:before, .busy-diag-terms__all .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .busy-diag-terms__all .check-box .ico-confirm:checked + label:before {
  background-color: #fc0;
}

.busy-diag-terms__box {
  padding-bottom: 37px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.busy-diag-terms__box + .busy-diag-terms__box {
  margin-top: 16px;
}

.busy-diag-terms__require {
  height: 55px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  line-height: 55px;
}
.busy-diag-terms__require .check-box {
  line-height: inherit;
}

.busy-diag-terms__group {
  padding: 16px 15px 10px;
}

.busy-diag-terms__list + .busy-diag-terms__list {
  margin-top: 6px;
}

.busy-diag-terms__caption {
  position: relative;
  display: block;
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.busy-diag-terms__caption:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "*";
}

.layer-pop-btm.new-content-body.fraud_warning .tit-pop {
  padding: 14px 30px 14px 20px;
}
.layer-pop-btm.new-content-body.fraud_warning .tit-pop .btn-close {
  top: 16px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 27px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area {
  text-align: center;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .visual {
  margin-top: 6px;
  margin-bottom: 16px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .visual img {
  width: 108px;
  height: 100px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .tit {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #ff000d;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 38px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .desc span {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .info-area .desc span ~ span {
  display: inline-block;
  margin-top: 4px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area {
  margin-top: 0;
  border-radius: 6px;
  background: #f8f8f8;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area ~ .subcont-area {
  margin-top: 16px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner {
  padding: 32px 18px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6rem;
  padding-left: 26px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .tit.eyes::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 23px;
  background: url("../images/sub/emoji_eyes.png") no-repeat;
  background-size: 20px 23px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .tit.index_pointing_up::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 22px;
  height: 23px;
  background: url("../images/sub/emoji_index_pointing_up.png") no-repeat;
  background-size: 22px 23px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area {
  margin: 0 0 0 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area.star {
  margin-top: 10px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area.star > li::before {
  content: "*";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
  height: 0;
  font-size: 14px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area.star > li ~ li {
  margin-top: 8px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area > li {
  position: relative;
  padding-left: 8px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area > li ~ li {
  margin-top: 16px;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area > li strong {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 700;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222;
}
.layer-pop-btm.new-content-body.fraud_warning .content-pop .scroll-wrap .subcont-area .subcont-inner .list-area > li ul li ~ li {
  margin-top: 16px;
}

/* 공통 작업 */
[class*=s-section] {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
[class*=s-section] h2.tit {
  font-size: 24px;
  margin-bottom: 30px;
}
[class*=s-section] .s-txt {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #999;
}
[class*=s-section] .k-link-area {
  padding: 0 10px;
}
[class*=s-section] .k-link-area a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  color: #364f7f;
  text-align: center;
}

.price .s-mycar-num-price {
  margin: 0;
  padding: 30px 0 60px 0;
}
.price .s-mycar-num-price h2.tit {
  margin-bottom: 40px;
  padding: 0 0 0 30px;
  color: #fff;
}
.price .s-mycar-num-price h2.tit span {
  font-size: 24px;
  color: #a16a9b;
}
.price .s-mycar-num-price.s-bg-purple {
  position: relative;
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 85px 0 95px;
  background: linear-gradient(-45deg, #bc90dd, #d3a9e2, #e6bde6);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.price .s-mycar-num-price.s-bg-purple .banner-type {
  position: absolute;
  bottom: 15px;
}
.price .s-mycar-num-price .car-price-srch dl {
  padding: 0 30px;
}
.price .s-mycar-num-price .car-price-srch dl dt, .price .s-mycar-num-price .car-price-srch dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price .s-mycar-num-price .car-price-srch dl dd {
  color: #fff;
  font-weight: 600;
}
.price .s-mycar-num-price .car-price-srch dl dd {
  position: relative;
  border-bottom: 2px solid #e8cbee;
}
.price .s-mycar-num-price .car-price-srch dl dd label {
  position: absolute;
  top: 14%;
  left: 0;
  font-weight: bold;
  font-size: 27px;
  color: #f9dfff;
}
.price .s-mycar-num-price .car-price-srch dl dd input, .price .s-mycar-num-price .car-price-srch dl dd .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .price .s-mycar-num-price .car-price-srch dl dd .ico-confirm, .price .s-mycar-num-price .car-price-srch dl dd .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .price .s-mycar-num-price .car-price-srch dl dd .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 15px 55px 11px 0;
  font-size: 27px;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.price .s-mycar-num-price .car-price-srch dl dd .btn-link {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/sub/sprite_price_old.png") no-repeat -45px 0;
  background-size: 250px;
  width: 45px;
  height: 45px;
  opacity: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}
.price .s-mycar-num-price .car-price-result .swiper-container {
  padding: 0 75px;
}
.price .s-mycar-num-price .car-price-result .swiper-container .swiper-slide {
  width: 190px;
  margin: 0 auto;
}
.price .s-mycar-num-price .car-price-result .swiper-container .swiper-slide img {
  width: 100%;
}
.price .s-mycar-num-price .car-price-result div.mycar-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 0 30px;
}
.price .s-mycar-num-price .car-price-result div.mycar-info:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #d8bcde;
  position: absolute;
  top: 0;
  left: 50%;
}
.price .s-mycar-num-price .car-price-result div.mycar-info dl {
  color: #fff;
  width: 50%;
}
.price .s-mycar-num-price .car-price-result div.mycar-info dl dt, .price .s-mycar-num-price .car-price-result div.mycar-info dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price .s-mycar-num-price .car-price-result div.mycar-info dl dd {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.price .s-mycar-num-price .car-price-result div.mycar-info dl dd {
  font-size: 26px;
  font-weight: 600;
}
.price .s-mycar-num-price .car-price-result div.mycar-info dl dd span {
  color: #fff;
  display: block;
  font-size: 14px;
}
.price .s-mycar-num-price .car-price-result div.mycar-info dl:last-child {
  padding-left: 30px;
}

.price .s-mycar-model-price {
  position: relative;
  padding: 30px 30px 65px 30px;
}
.price .s-mycar-model-price h2.tit {
  margin-bottom: 15px;
  padding: 0;
}
.price .s-mycar-model-price p.s-txt, .price .s-mycar-model-price ul.guide-bul > li.s-txt {
  color: #db7ad1;
  font-size: 16px;
  margin-bottom: 25px;
  padding: 0;
}
.price .s-mycar-model-price div.btn-price-srch {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #db7ad1;
  -webkit-animation: shadow-pulse 2s infinite;
          animation: shadow-pulse 2s infinite;
}
.price .s-mycar-model-price div.btn-price-srch:after {
  display: inline-block;
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_price.png");
  background-size: 250px;
  left: 0;
  top: 0;
}
.price .s-mycar-model-price div.btn-price-srch a {
  display: block;
  text-indent: -999em;
  overflow: hidden;
}

@-webkit-keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(219, 122, 209, 0.2);
            box-shadow: 0 0 0 0px rgba(219, 122, 209, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(219, 122, 209, 0);
            box-shadow: 0 0 0 25px rgba(219, 122, 209, 0);
  }
}

@keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(219, 122, 209, 0.2);
            box-shadow: 0 0 0 0px rgba(219, 122, 209, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(219, 122, 209, 0);
            box-shadow: 0 0 0 25px rgba(219, 122, 209, 0);
  }
}
.price .s-car-life a {
  color: #333;
  text-decoration: none;
}
.price .s-car-life a:active,
.price .s-car-life a:hover {
  text-decoration: none;
}
.price .s-car-life h2.tit {
  padding: 30px 0 0 30px;
  margin-bottom: 15px;
}
.price .s-car-life .swiper-container {
  padding-bottom: 56px;
}
.price .s-car-life .swiper-container .swiper-pagination-bullets {
  bottom: 25px;
  right: auto;
  top: auto;
  text-align: center;
}
.price .s-car-life .swiper-container .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: #c7c4bf;
  opacity: 1;
}
.price .s-car-life .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 13px;
  background: #736b60;
  border-radius: 50px;
}
.price .s-car-life .s-car-exp {
  display: -webkit-box;
  padding: 15px 30px;
}
.price .s-car-life .s-car-exp .car-img {
  width: 100px;
}
.price .s-car-life .s-car-exp .car-img img {
  width: 100%;
  border-radius: 5px;
}
.price .s-car-life .s-car-exp .s-car-info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  padding: 0 0 0 20px;
}
.price .s-car-life .s-car-exp .s-car-info .car-name {
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price .s-car-life .s-car-exp .s-car-info .car-pay {
  font-weight: 600;
  margin-bottom: 8px;
}

.price .s-pic-model-list {
  position: relative;
  padding-bottom: 50px;
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price .s-pic-model-list a {
  color: #333;
  text-decoration: none;
}
.price .s-pic-model-list a:active,
.price .s-pic-model-list a:hover {
  text-decoration: none;
}
.price .s-pic-model-list .tab-type ul li a {
  font-size: 18px;
  padding: 15px 0;
  color: #999;
}
.price .s-pic-model-list .tab-type li.on a {
  color: #222;
}
.price .s-pic-model-list .tag-sel-area {
  position: static;
}
.price .s-pic-model-list .tag-sel-area .tag-sel {
  position: relative;
  overflow: auto;
  padding: 15px 15px 32px 15px;
}
.price .s-pic-model-list .tag-sel-area .tag-sel ul {
  display: table;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.price .s-pic-model-list .tag-sel-area .tag-sel ul li {
  display: table-cell;
  padding-right: 9px;
}
.price .s-pic-model-list .tag-sel-area .tag-sel ul li:last-child {
  padding-right: 15px;
}
.price .s-pic-model-list .tag-sel-area .tag-sel ul li a {
  display: inline-block;
  font-size: 14px;
  width: 65px;
  padding: 4px 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  color: #222;
}
.price .s-pic-model-list .tag-sel-area .tag-sel ul li a.on {
  background: #364f7f;
  border: 1px solid #364f7f;
  color: #fff;
}
.price .s-pic-model-list .srch-list-sep {
  padding: 0 15px;
}
.price .s-pic-model-list .srch-list-sep ul > li {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price .s-pic-model-list .srch-list-sep ul > li:first-child {
  background: #f1f1f1;
  border-top: none;
  padding-right: 10px;
}
.price .s-pic-model-list .srch-list-sep ul > li:first-child + li {
  border-top: none;
}
.price .s-pic-model-list .srch-list-sep ul > li .input-ck + label {
  font-size: 16px;
  font-weight: 600;
}
.price .s-pic-model-list .srch-list-sep ul > li div.ra-ck a {
  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;
  width: 100%;
  font-weight: 600;
}
.price .s-pic-model-list .srch-list-sep ul > li div.s-car-kind {
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.price .s-pic-model-list .srch-list-sep ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.price .s-pic-model-list .srch-list-sep ul > li p.s-view-all, .price .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-view-all {
  font-size: 13px;
  color: #364f7f;
}
.price .s-pic-model-list .srch-list-sep ul > li p.s-car-img, .price .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img {
  width: 100px;
}
.price .s-pic-model-list .srch-list-sep ul > li p.s-car-img img, .price .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img img {
  width: 100%;
}
.price .s-pic-model-list .srch-list-sep input[type=checkbox]:checked + label:after, .price .s-pic-model-list .srch-list-sep .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .price .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after, .price .s-pic-model-list .srch-list-sep .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .price .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}
.price .s-pic-model-list.con-fixed .tab-type {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.price .s-pic-model-list.con-fixed .tab-type ul {
  padding: 0 0 0 15px;
  width: 40%;
}
.price .s-pic-model-list.con-fixed .tag-sel-area {
  position: fixed;
  width: 60%;
  top: 0;
  left: 40%;
  background: #fff;
  z-index: 101;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.price .s-pic-model-list.con-fixed .tag-sel-area + .srch-list-sep {
  margin-top: 80px;
}
.price .s-pic-model-list.con-fixed .tag-sel-area .tag-sel {
  padding: 12px 15px;
  width: 100%;
}
.price .s-pic-model-list.con-fixed .tag-sel-area .tag-sel:after {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  background: #ddd;
}
.price .s-pic-model-list .scroll-fix {
  position: absolute;
  width: 100%;
}
.price .s-pic-model-list .scroll-fix + #tab-con {
  padding: 57px 0 0;
}

.color-box-list {
  background: #fff;
  padding-bottom: 30px;
}
.color-box-list h2.tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}

/* 시세 개편 2020.08.07 */
.header.price-header-s h1 {
  color: #fff;
  padding: 3px 0 0 0;
}
.header.price-header-s .link-area a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/bg_price_toplink.png") no-repeat;
  height: 22px;
  background-size: 76px 22px;
  margin: -12px 0 0 -10px;
}
.header.price-header-s .link-area .subscribe:after {
  background-position: -19px 0;
}
.header.price-header-s .link-area .mycar:after {
  width: 38px;
  background-position: -38px 0;
  left: 0;
  margin-left: 0;
}
.header.price-header-s .link-area .membership {
  padding-bottom: 0;
  width: 38px;
}
.header.price-header-s .link-area .membership:after {
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_membership_w.png") no-repeat;
  background-size: 38px 22px;
}

.price-new {
  /* 시세 팝업 */
}
.price-new .ad-bananer-tp .banner-cnt {
  width: 100%;
  /*margin-bottom: 30px;*/
}
.price-new .ad-bananer-tp .banner-cnt img {
  width: 100%;
}
.price-new .tit-wrap {
  position: relative;
}
.price-new .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.price-new .sub-htxt {
  display: inline-block;
  color: #364f7f;
  margin-top: 10px;
}
.price-new .chart-txt {
  text-align: center;
  margin: 30px 0 15px;
}
.price-new .chart-txt span {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 5px 10px;
}
.price-new .chart-txt strong {
  color: #2666c6;
}
.price-new .up {
  color: #2666c6;
}
.price-new .up span {
  position: relative;
  padding-left: 10px;
}
.price-new .up span:before {
  content: "";
  display: block;
  background: url("../images/sub/icon_updown.png");
  background-size: 7px 10px;
  background-position: 0 0;
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.price-new .down {
  color: #ff0000;
}
.price-new .down span {
  position: relative;
  padding-left: 10px;
}
.price-new .down span:before {
  content: "";
  display: block;
  background: url("../images/sub/icon_updown.png");
  background-size: 7px 10px;
  background-position: 0 -5px;
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.price-new .new {
  color: #ff0000;
}
.price-new .rank-tb {
  width: 100%;
  border-spacing: 0;
}
.price-new .rank-tb thead tr th {
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  padding: 15px;
  background: #f1f1f1;
}
.price-new .rank-tb thead tr th .select-type-sort {
  background-color: transparent;
  height: 20px;
  background: url("../images/sub/bg_select01.png") no-repeat right 50%;
  background-size: 11px 6px;
  padding-right: 15px;
}
.price-new .rank-tb thead tr th.lft-txt {
  text-align: left;
}
.price-new .rank-tb tbody tr td {
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  white-space: normal;
  word-break: break-all;
}
.price-new .rank-tb tbody tr td.brand-img img {
  width: 40px;
}
.price-new .rank-tb tbody tr td.brand-model {
  text-align: left;
  padding-left: 15px;
}
.price-new .rank-tb tbody tr td.car-price {
  color: #2666c6;
}
.price-new .rank-tb tbody tr.bg-g td {
  background: #f5f6f9;
}
.price-new .rank-tb tbody tr:last-child td {
  border-bottom: none;
}
.price-new .s-mycar-blue {
  position: relative;
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 85px 0 50px;
  background: linear-gradient(-45deg, #3d80e4, #2666c6);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
.price-new .s-mycar-blue h2.tit {
  margin-bottom: 0;
  padding: 0 0 0 30px;
  color: #fff;
}
.price-new .s-mycar-blue h2.tit span {
  display: block;
  font-weight: normal;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}
.price-new .s-mycar-num-price {
  position: relative;
  margin: 0 0 10px 0;
  padding: 30px;
}
.price-new .s-mycar-num-price h2.tit {
  margin-bottom: 40px;
  padding: 0 0 0 30px;
  color: #fff;
}
.price-new .s-mycar-num-price h2.tit span {
  font-size: 24px;
  color: #a16a9b;
}
.price-new .s-mycar-num-price .car-price-srch dl dt, .price-new .s-mycar-num-price .car-price-srch dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price-new .s-mycar-num-price .car-price-srch dl dd {
  color: #666;
  font-weight: 600;
}
.price-new .s-mycar-num-price .car-price-srch dl dd {
  position: relative;
  border-bottom: 2px solid #666;
}
.price-new .s-mycar-num-price .car-price-srch dl dd label {
  position: absolute;
  top: 14%;
  left: 0;
  font-weight: bold;
  font-size: 27px;
  color: #e6e6e6;
}
.price-new .s-mycar-num-price .car-price-srch dl dd input, .price-new .s-mycar-num-price .car-price-srch dl dd .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .price-new .s-mycar-num-price .car-price-srch dl dd .ico-confirm, .price-new .s-mycar-num-price .car-price-srch dl dd .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .price-new .s-mycar-num-price .car-price-srch dl dd .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 15px 55px 11px 0;
  font-size: 27px;
  color: #666;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.price-new .s-mycar-num-price .car-price-srch dl dd .btn-link {
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/sub/sprite_price.png") no-repeat 0 -80px;
  background-size: 250px;
  width: 40px;
  height: 40px;
  opacity: 0;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}
.price-new .s-mycar-num-price.shadow-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-new .s-mycar-modelsel {
  position: relative;
  padding: 30px;
  margin: -30px 0 10px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.price-new .s-mycar-modelsel .modelsel-area {
  display: none;
}
.price-new .s-mycar-modelsel .modelsel-area [class*=modelsel-box] .tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box01 {
  margin-bottom: 30px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box01 .box-area .h-box {
  margin: 0 0 10px 0;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box02 div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box02 .select-type:disabled {
  background-color: #ececec;
  color: #999;
  background-position: right -35px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li {
  width: 25%;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color {
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color.color04,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color.color04 {
  background: #ececde;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color.color05,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color.color05 {
  background: #bcbcbc;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color.color07,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color.color07 {
  background: #2666c6;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color.color08,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color.color08 {
  background: #e46600;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a .icon-color.color11,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label .icon-color.color11 {
  background: #ffd800;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color {
  border: 2px solid #2666c6;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color.color07,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color.color07 {
  border: 2px solid #222;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color:after,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color:after {
  top: 3px;
  left: 3px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color.color02:after, .price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color.color03:after, .price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color.color04:after,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color.color02:after,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color.color03:after,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color.color04:after {
  background-position: 0 -40px;
}
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li a.on .icon-color.color05:after,
.price-new .s-mycar-modelsel .modelsel-area .modelsel-box03 .color-sel li label.on .icon-color.color05:after {
  background-position: 0 0;
}
.price-new .s-mycar-modelsel .modelsel-area .btn-price-carsrch {
  text-align: center;
}
.price-new .s-mycar-modelsel .modelsel-area .btn-price-carsrch a {
  position: relative;
  display: inline-block;
  padding: 0 25px 0 50px;
  border-radius: 40px;
  background: #2666c6;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
}
.price-new .s-mycar-modelsel .modelsel-area .btn-price-carsrch a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_price.png") no-repeat -40px 0;
  background-size: 250px;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -7px;
}
.price-new .s-mycar-modelsel .ai-price {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 60px;
  padding: 30px 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.price-new .s-mycar-modelsel .ai-price strong {
  display: inline-block;
  color: #2666c6;
  margin-bottom: 10px;
}
.price-new .s-mycar-modelsel .ai-price div .logoimg {
  padding-top: 120px;
  background: url("../images/sub/ai_price_v2.png") no-repeat 50% 0;
  background-size: 291px auto;
}
.price-new .s-mycar-modelsel .ai-price div .logoimg .ai-txt {
  display: block;
  text-align: center;
  color: #022222;
}
.price-new .s-mycar-modelsel .btn-direct-carsrch {
  margin: 210px 0 0 0;
  text-align: center;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.price-new .s-mycar-modelsel .btn-direct-carsrch a {
  position: relative;
  display: inline-block;
  padding: 0 15px 5px 0;
  font-size: 18px;
  color: #2666c6;
  font-weight: 600;
}
.price-new .s-mycar-modelsel .btn-direct-carsrch a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #2666c6;
  border-right: 2px solid #2666c6;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 9px;
}
.price-new .s-mycar-modelsel .btn-direct-carsrch a:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #2666c6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.price-new .s-mycar-modelsel.on {
  padding-bottom: 250px;
  padding-bottom: 30px;
  margin: 0 0 10px 0;
}
.price-new .s-mycar-modelsel.on .ai-price {
  top: auto;
  padding: 25px 0 30px;
  border-top: 1px solid #ddd;
}
.price-new .s-mycar-modelsel.on .btn-direct-carsrch {
  margin-top: 275px;
  bottom: 30px;
}
.price-new .recent-price {
  padding: 30px;
}
.price-new .recent-price h2.tit {
  margin-bottom: 15px;
  padding: 0;
}
.price-new .recent-price .recent-price-list {
  text-align: right;
  margin-top: 30px;
}
.price-new .recent-price .recent-price-list li {
  margin-bottom: 5px;
}
.price-new .recent-price .recent-price-list li .price-list-block {
  display: inline-block;
  max-width: 100%;
  padding: 10px 40px 10px 15px;
  background: #f5f6f9;
  position: relative;
}
.price-new .recent-price .recent-price-list li .price-list-block div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.price-new .recent-price .recent-price-list li .price-list-block a {
  font-size: 0;
  width: 10px;
  height: 10px;
  padding: 10px;
  background: url("../images/sub/icon_close02.png") no-repeat 50% 50%;
  background-size: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.price-new .carsrch-pic {
  padding: 15px 15px 30px;
}
.price-new .carsrch-pic .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-new .carsrch-pic .car-info .car-img {
  float: left;
  width: 140px;
}
.price-new .carsrch-pic .car-info .car-img img {
  width: 100%;
}
.price-new .carsrch-pic .car-info .car-kind {
  width: calc(100% - 155px);
  margin-left: 15px;
}
.price-new .carsrch-pic .car-info .car-kind span {
  letter-spacing: -1px;
  font-weight: 600;
}
.price-new .carsrch-pic .car-info .car-kind span i {
  font-weight: 400;
  font-style: normal;
}
.price-new .carsrch-pic .car-info .car-kind strong {
  font-size: 18px;
  display: block;
}
.price-new .carsrch-pic .car-info:after {
  content: "";
  display: block;
  clear: both;
}
.price-new .carsrch-price {
  padding: 30px 15px;
}
.price-new .carsrch-price .carsrch-price-num {
  text-align: center;
  margin-bottom: 15px;
}
.price-new .carsrch-price .carsrch-price-num .price {
  font-size: 30px;
  color: #2666c6;
}
.price-new .carsrch-price .carsrch-price-num .price span {
  font-size: 14px;
  padding-left: 5px;
}
.price-new .carsrch-price .carsrch-price-num .price-gap {
  color: #666;
  font-weight: 600;
  margin-top: 12px;
}
.price-new .carsrch-price .price-range-bar {
  padding: 5px 0 55px;
}
.price-new .carsrch-price .price-range-bar.ovfw-vsb {
  overflow: visible;
}
.price-new .carsrch-price .price-range-bar .price-range-bar__current-number {
  width: 160px;
  border: 1px solid #ddd;
  height: 22px;
  border-radius: 20px;
  margin-left: -80px;
  top: -40px;
}
.price-new .carsrch-price .price-range-bar .price-range-bar__current-number:after {
  display: none;
}
.price-new .carsrch-price .price-range-bar .price-range-bar__current-number.modi {
  color: #2666c6;
  font-weight: 600;
}
.price-new .carsrch-price .price-range-bar .number-value {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.price-new .carsrch-price .price-range-bar .number-value ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-new .carsrch-price .price-range-bar .number-value li {
  font-size: 13px;
  color: #666;
}
.price-new .carsrch-price .price-range-bar .price-range-bar__ruler {
  margin: 11px 15px 0;
}
.price-new .carsrch-price .price-terms {
  margin: 30px 0;
}
.price-new .carsrch-price .price-terms > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-new .carsrch-price .price-terms > div .select .select-type {
  color: #2666c6;
  font-weight: 600;
}
.price-new .carsrch-price .price-terms > div .text {
  padding: 0 5px;
}
.price-new .carsrch-price .price-terms > div .input-box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price-new .carsrch-price .price-terms > div .input-box input, .price-new .carsrch-price .price-terms > div .input-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .price-new .carsrch-price .price-terms > div .input-box .ico-confirm, .price-new .carsrch-price .price-terms > div .input-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .price-new .carsrch-price .price-terms > div .input-box .ico-confirm {
  color: #2666c6;
  font-weight: 600;
}
.price-new .carsrch-price .price-terms > div .input-box button {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}
.price-new .carsrch-price .price-terms > div .input-box button img {
  width: 10px;
  height: 10px;
}
.price-new .carsrch-price .ai-price strong {
  display: inline-block;
  color: #2666c6;
  margin-bottom: 20px;
}
.price-new .carsrch-price .ai-price div .logoimg {
  padding-top: 120px;
  background: url("../images/sub/ai_price_v2.png") no-repeat 50% 0;
  background-size: 291px auto;
}
.price-new .carsrch-price .ai-price div .logoimg .ai-txt {
  display: block;
  text-align: center;
  color: #022222;
}
.price-new .price-compare {
  padding: 30px 15px;
}
.price-new .price-compare .hw-graph-area {
  margin: 30px 0 0 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-new .price-compare .hw-graph-area .pie {
  top: 0;
}
.price-new .price-compare .hw-graph-area .pie .amChartsLegend {
  display: none;
}
.price-new .price-compare .hw-graph-area .pie .price-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  color: #2666c6;
  font-weight: 600;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}
.price-new .price-compare .hw-graph-area .newcar-price-compare {
  padding-left: 15px;
}
.price-new .price-compare .hw-graph-area .newcar-price-compare strong {
  display: block;
  font-size: 20px;
  color: #2666c6;
  margin-top: 10px;
}
.price-new .price-compare .hw-graph-area .newcar-price-compare strong span {
  font-size: 18px;
  font-weight: 500;
}
.price-new .expect-price {
  padding: 30px 15px;
}
.price-new .expect-price .titleArea {
  margin: 0;
  text-align: right;
  min-height: 18px;
}
.price-new .expect-price .titleArea .unit {
  position: static;
  color: #999;
}
.price-new .car-year-compare {
  padding: 30px 15px;
}
.price-new .car-year-compare .titleArea {
  margin: 0;
  text-align: right;
  min-height: 18px;
}
.price-new .car-year-compare .titleArea .unit {
  position: static;
  color: #999;
}
.price-new .car-drive-compare {
  padding: 30px 15px;
}
.price-new .car-drive-compare .titleArea {
  margin: 0 0 -15px 0;
  text-align: right;
  min-height: 18px;
}
.price-new .car-drive-compare .titleArea .unit {
  position: static;
  color: #999;
}
.price-new .my-garage {
  padding: 30px 0;
}
.price-new .my-garage h2 {
  margin-left: 15px;
}
.price-new .my-garage .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 20px 15px 0 15px;
  z-index: 1;
}
.price-new .my-garage .swiper-container .my-garage-car {
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 171px;
}
.price-new .my-garage .swiper-container .my-garage-car .my-garage-reg {
  height: 80px;
  text-align: center;
  padding-top: 12px;
}
.price-new .my-garage .swiper-container .my-garage-car .my-garage-reg span {
  color: #2666c6;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-img {
  position: relative;
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-img .s-car-number {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-img .s-car-number__block {
  display: inline-block;
  height: 18px;
  padding: 5px 6px 0 6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  color: #999;
  font-size: 11px;
  line-height: 1.2;
  vertical-align: bottom;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: left;
  -webkit-box-pack: center;
  padding: 0 0 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-txt .s-car-name strong {
  display: block;
  font-size: 16px;
}
.price-new .my-garage .swiper-container .my-garage-car .s-car-txt .reg-date {
  font-size: 12px;
  color: #999;
}
.price-new .my-garage .swiper-container .my-garage-car .btn-s {
  display: block;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  width: 145px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
}
.price-new .my-garage .swiper-container .swiper-pagination-bullets {
  position: relative;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100% !important;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  margin-top: 10px;
}
.price-new .my-garage .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #000;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.price-new .my-garage .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #736b60;
}
.price-new .acc-history {
  padding: 30px 15px;
}
.price-new .acc-history .acc-history-txt {
  color: #666;
  line-height: 1.5;
  margin-top: 10px;
  padding-bottom: 150px;
  background: url("../images/sub/bg_acc_history.png") no-repeat 50% bottom;
  background-size: 330px auto;
}
.price-new .acc-history .btn-wrap {
  padding: 0;
  margin-top: 20px;
}
.price-new .acc-history .accident-section .acc-carmodel {
  text-align: center;
}
.price-new .acc-history .accident-section .acc-carmodel strong {
  font-size: 15px;
  display: block;
  padding-bottom: 5px;
}
.price-new .acc-history .accident-section .acc-carmodel span {
  font-size: 13px;
  color: #999;
}
.price-new .acc-history .accident-section .acc-carprice {
  text-align: center;
  background: #f5f6f9;
  padding: 10px 0;
  margin-top: 20px;
}
.price-new .acc-history .accident-section .acc-carprice span {
  position: relative;
  display: inline-block;
  color: #2666c6;
  font-size: 18px;
  padding-right: 18px;
}
.price-new .acc-history .accident-section .acc-carprice span:after {
  content: "";
  display: block;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.price-new .acc-history .accident-section .acc-carprice span.smile:after {
  background-position: -60px -353px;
}
.price-new .acc-history .accident-section .acc-carprice span.frown:after {
  background-position: -461px -148px;
}
.price-new .acc-history .accident-section .acc-infotxt {
  position: relative;
  font-size: 14px;
  color: #fd665c;
  padding-left: 17px;
  margin: 10px 0 30px;
  word-break: normal;
}
.price-new .acc-history .accident-section .acc-infotxt:after {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -73px 0;
  position: absolute;
  top: 5px;
  left: 0;
}
.price-new .acc-history .accident-section .info strong {
  display: block;
  font-size: 18px;
}
.price-new .acc-history .accident-section .acc-mycar {
  color: #364f7f;
  display: block;
  margin: 10px 0 30px;
}
.price-new .usedcar-reginfo {
  padding: 30px 15px;
}
.price-new .usedcar-reginfo .usedcar-img {
  text-align: center;
  margin: 30px 0 20px;
}
.price-new .usedcar-reginfo .usedcar-img img {
  width: 50%;
}
.price-new .usedcar-reginfo .usedcar-rank {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 0 5px 5px;
}
.price-new .usedcar-reginfo .usedcar-rank span {
  display: inline-block;
  font-weight: 600;
  margin: 0 10px;
  font-size: 12px;
}
.price-new .usedcar-reginfo .usedcar-rank span:first-child {
  font-weight: 400;
}
.price-new .usedcar-reginfo .usedcar-rank span.brand img {
  width: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
.price-new .usedcar-reginfo .usedcar-rank span.brand i {
  font-style: normal;
}
.price-new .usedcar-reginfo .reg-total {
  text-align: center;
  margin-top: 20px;
}
.price-new .usedcar-reginfo .reg-total strong {
  font-size: 18px;
  color: #2666c6;
}
.price-new .newcar-sell-rank {
  padding: 30px 15px;
}
.price-new .newcar-sell-rank .tit-sell-rank {
  height: 50px;
  line-height: 50px;
  background: #f1f1f1;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-new .newcar-sell-rank .tit-sell-rank strong {
  font-size: 15px;
  font-weight: 400;
}
.price-new .newcar-sell-rank .tit-sell-rank a {
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.price-new .car-model-price {
  padding: 30px 15px;
}
.price-new .recent-auction {
  padding: 30px 15px;
}
.price-new .recent-auction .list {
  margin: 30px 0;
}
.price-new .recent-auction .list li {
  margin-bottom: 15px;
}
.price-new .recent-auction .list li a {
  color: #222;
  text-decoration: none;
}
.price-new .recent-auction .list li a .img {
  float: left;
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.price-new .recent-auction .list li a .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price-new .recent-auction .list li a .txt {
  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;
  height: 75px;
}
.price-new .recent-auction .list li a .txt .car-txt {
  overflow: hidden;
  padding: 0 5px;
}
.price-new .recent-auction .list li a .txt .car-txt .name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3;
}
.price-new .recent-auction .list li a .txt .car-txt .info {
  margin: 10px 0 0 -12px;
}
.price-new .recent-auction .list li a .txt .car-txt .info span {
  position: relative;
  padding-left: 12px;
  color: #999;
  font-size: 13px;
}
.price-new .recent-auction .list li a .txt .car-txt .info span:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.price-new .recent-auction .list li a .txt .car-sel {
  width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.price-new .recent-auction .list li a .txt .car-sel .money {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
  display: block;
}
.price-new .recent-auction .list li a .txt .car-sel span {
  display: inline-block;
  color: #fb665e;
  font-weight: 600;
  margin-top: 10px;
}
.price-new .recent-auction .list li a:after {
  content: "";
  display: block;
  clear: both;
}
.price-new .recent-auction .ad-bananer .banner-cnt {
  margin: 0;
  background: #7491b4;
}
.price-new .recent-auction .ad-bananer .banner-cnt a .txt-ico:after {
  background: url("../images/sub/bg_price_bnr.png") no-repeat;
  background-size: 113px 44px;
  background-position: 0 0;
  width: 113px;
  height: 22px;
  right: 0;
}
.price-new .srchcar-ad {
  padding: 30px 15px;
}
.price-new .srchcar-ad .h-box {
  margin: 20px 0;
}
.price-new .srchcar-ad .h-box .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0 0;
}
.price-new .srchcar-ad .h-box .select .select-type {
  min-width: 95px;
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  background-position: right -45px;
}
.price-new .srchcar-ad .certify-usedcar li {
  position: relative;
  margin-bottom: 30px;
}
.price-new .srchcar-ad .certify-usedcar li:last-child {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.price-new .srchcar-ad .certify-usedcar .fx-02 {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.price-new .srchcar-ad .certify-usedcar .s-car-img {
  position: relative;
  width: 110px;
  height: 83px;
  border-radius: 6px;
  overflow: hidden;
}
.price-new .srchcar-ad .certify-usedcar .s-car-img img {
  width: 100%;
}
.price-new .srchcar-ad .certify-usedcar .s-car-img span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  padding: 1px 5px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.price-new .srchcar-ad .certify-usedcar .s-car-txt {
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
  width: calc(100% - 130px);
}
.price-new .srchcar-ad .certify-usedcar .s-car-txt .s-brand {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  font-size: 14px;
  line-height: 1.3;
  min-height: 28px;
  margin-top: -1px;
  margin-bottom: 7px;
  padding-right: 15px;
  overflow: hidden;
  font-weight: bold;
  font-size: 15px;
}
.price-new .srchcar-ad .certify-usedcar .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.price-new .srchcar-ad .certify-usedcar .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.price-new .srchcar-ad .certify-usedcar .s-car-txt .s-info span:last-child:after {
  display: none;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .cl-list span {
  font-weight: 600;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .s-pay {
  color: #2666c6;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .s-pay b {
  font-weight: bold;
  font-size: 24px;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .s-pay .cost-price {
  margin-left: 5px;
  text-decoration: line-through;
  color: #666;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .s-pay del {
  font-size: 13px;
  color: #666;
}
.price-new .srchcar-ad .certify-usedcar .s-car-pay .s-pay .cmm-b-txt {
  color: #222;
}
.price-new .srchcar-ad .certify-usedcar .push-pop-g {
  position: absolute;
  text-indent: -9999px;
  z-index: 1;
  top: -10px;
  right: -5px;
}
.price-new .srchcar-ad .certify-usedcar .push-pop-g:after {
  content: "";
  display: block;
  width: 4px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -67px 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.price-new .srchcar-ad .srch-none {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-new .mycar-relation {
  padding: 30px 15px;
}
.price-new .mycar-relation .change-txt {
  margin-top: 30px;
}
.price-new .mycar-relation .change-txt .selcar-name {
  font-size: 26px;
}
.price-new .mycar-relation .change-txt .selcar-name strong {
  font-weight: 600;
  color: #2666c6;
}
.price-new .mycar-relation .change-txt .car-img {
  width: 200px;
  height: auto;
  margin: 20px auto;
}
.price-new .mycar-relation .change-txt .car-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price-new .mycar-relation .guide-movie {
  position: relative;
  padding-top: 56%;
  width: 100%;
}
.price-new .mycar-relation .guide-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.price-new .mycar-relation .guide-movie-txt {
  color: #364f7f;
  margin: 10px 0 30px;
  line-height: 1.5;
}
.price-new .mycar-relation .guide-movie-txt strong {
  display: block;
}
.price-new .mycar-relation .part-list li {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.price-new .mycar-relation .part-list li a {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.price-new .mycar-relation .part-list li a .s-car-img {
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.price-new .mycar-relation .part-list li a .s-car-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.price-new .mycar-relation .part-list li a .s-car-txt {
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-new .mycar-relation .part-list li a .s-car-txt .s-part-name {
  font-size: 16px;
}
.price-new .mycar-relation .part-list li a .s-car-txt .s-part-pay {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.price-new .mycar-relation .part-list li a:after {
  content: "";
  display: block;
  clear: both;
}
.price-new .mycar-relation .part-list li:last-child {
  border-bottom: none;
}
.price-new .mycar-relation .ad-bananer .banner-cnt {
  margin: 0;
}
.price-new .mycar-relation .ad-bananer .banner-cnt a .txt-ico:after {
  background: url("../images/sub/bg_price_bnr.png") no-repeat;
  background-size: 113px 44px;
  background-position: 0 -22px;
  width: 113px;
  height: 22px;
  right: 0;
}
.price-new .mycar-relation .btn-wrap {
  margin-top: 20px;
  padding: 0;
}
.price-new .average-km-area {
  position: relative;
  padding-top: 30px;
}
.price-new .average-km-area .average-km {
  position: absolute;
  height: 100%;
  top: 0;
  color: #2666c6;
}
.price-new .average-km-area .average-km:after {
  content: "";
  display: block;
  width: 2px;
  background: #2666c6;
  position: absolute;
  top: 25px;
  bottom: 35px;
  left: 50%;
}
.price-new .pop-option-label label {
  font-size: 14px;
}
.price-new .brand-info {
  padding: 0 0 30px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-new .s-brand-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-new.layer-pop-btm .rank-tb thead tr th {
  padding: 15px 0;
}
.price-new .rank-txt {
  color: #364f7f;
  font-size: 15px;
  text-align: right;
  padding-bottom: 20px;
}
.price-new .box-area .v-box {
  margin: 0 0 30px 0;
}
.price-new .box-area .v-box .input-box input::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-webkit-input-placeholder {
  color: #222;
}
.price-new .box-area .v-box .input-box input::-moz-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-moz-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-moz-placeholder {
  color: #222;
}
.price-new .box-area .v-box .input-box input:-ms-input-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm:-ms-input-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm:-ms-input-placeholder {
  color: #222;
}
.price-new .box-area .v-box .input-box input::-ms-input-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-ms-input-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-ms-input-placeholder {
  color: #222;
}
.price-new .box-area .v-box .input-box input::placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm::placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm::placeholder {
  color: #222;
}
.price-new .box-area .v-box .input-box input::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm::-webkit-input-placeholder {
  color: #222;
  font-size: 18px;
}
.price-new .box-area .v-box .input-box input:focus::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .new-content-body .inp-box .ico-confirm:focus::-webkit-input-placeholder, .new-content-body .inp-box .price-new .box-area .v-box .input-box .ico-confirm:focus::-webkit-input-placeholder, .price-new .box-area .v-box .input-box .type-mydata .inp-box .ico-confirm:focus::-webkit-input-placeholder, .type-mydata .inp-box .price-new .box-area .v-box .input-box .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.price-new .car-search-info dt, .price-new .car-search-info .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price-new .car-search-info dd {
  color: #666;
  width: 135px;
  padding-left: 15px;
}
.price-new .car-search-info dd {
  padding: 0 0 12px 0;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-new .cardata-view .e-car-brand {
  font-size: 16px;
}
.price-new .cardata-view .e-car-info {
  font-weight: bold;
  font-size: 18px;
}

/*대환대출 배너 2021.03.19*/
.price-new .ad-bananer-secured a {
  display: block;
}

.foot-price-provider-block {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
}

.foot-price-provider {
  float: right;
  display: block;
  width: 175px;
  height: 13px;
  background: url("../images/sub/price_provider.png") no-repeat;
  background-size: 175px auto;
  text-indent: -9999em;
  overflow: hidden;
}

/* 공통 작업 */
.badge {
  position: relative;
  display: inline-block;
  padding: 3px 3px 2px 3px;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  border-radius: 3px;
  vertical-align: middle;
}
.vehicle-item__badge .badge {
  vertical-align: top;
  margin-right: 3px;
}
.vehicle-item--wide .vehicle-item__badge .badge {
  padding: 4px 5px 3px 5px;
  margin-right: 5px;
}
.vehicle-item--wide .vehicle-item__badge .badge:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-right: 2px;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") no-repeat;
  background-size: 96px auto;
}

.badge__text {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  vertical-align: top;
}
.vehicle-item--wide .vehicle-item__badge .badge__text {
  font-size: 13px;
  line-height: 17px;
  vertical-align: text-bottom;
}

.badge--kb {
  width: 42px;
  padding-left: 6px;
  padding-right: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: rgba(118, 108, 98, 0.7);
  text-align: center;
}
.badge--kb .badge--kb-icon {
  font: inherit;
}
.vehicle-item .badge--kb {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  z-index: 2;
}
.badge--kb.badge--kb-wide, .vehicle-item--wide .badge--kb {
  left: 8px;
  top: 8px;
  width: auto;
  height: 32px;
  border-radius: 8px;
  padding-top: 9px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: rgba(118, 108, 98, 0.7);
  text-align: center;
  white-space: nowrap;
  z-index: 2;
  text-indent: 0;
}
.badge--kb.badge--kb-wide .badge--kb-icon, .vehicle-item--wide .badge--kb .badge--kb-icon {
  display: inline-block;
  width: 20px;
  height: 0;
  padding-top: 15px;
  margin-right: 3px;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") left top no-repeat;
  background-size: 96px auto;
  vertical-align: middle;
  overflow: hidden;
}
.badge--kb.badge--kb-wide .badge__text, .vehicle-item--wide .badge--kb .badge__text {
  font-size: 15px;
  line-height: 15px;
}

.badge--stock {
  background-color: #ffcc00;
}
.badge--stock .badge__text {
  color: #000;
}
.vehicle-item--wide .badge--stock {
  top: 4px;
  height: 16px;
  vertical-align: top;
}

.badge--interest-free {
  width: 13px;
  height: 13px;
  text-align: center;
  padding: 1px 0 0 0;
  background-color: #eb4c60;
}
.badge--interest-free .badge__text {
  position: relative;
  left: -0.45em;
  letter-spacing: -1em;
}
.badge--interest-free .badge__text-additional {
  display: none;
}
.vehicle-item .badge--interest-free {
  bottom: -1px;
  vertical-align: text-bottom;
}
.badge--interest-free.interest-free--wide, .vehicle-item--wide .badge--interest-free {
  width: auto;
  height: auto;
  padding: 3px 3px 2px 3px;
  letter-spacing: 0;
}
.badge--interest-free.interest-free--wide .badge__text, .vehicle-item--wide .badge--interest-free .badge__text {
  left: auto;
  letter-spacing: 0;
}
.badge--interest-free.interest-free--wide .badge__text-additional, .vehicle-item--wide .badge--interest-free .badge__text-additional {
  display: inline-block;
  font: inherit;
}

.badge--extend-warranty {
  background-color: #7182d1;
}
.vehicle-item--wide .vehicle-item__badge .badge--extend-warranty:before {
  background-position: left -15px;
}

.badge--partnership-discount {
  background-color: #70b4d3;
}
.vehicle-item--wide .vehicle-item__badge .badge--partnership-discount:before {
  background-position: -16px -15px;
}

.badge--lease {
  background-color: #6ebaa1;
}
.vehicle-item--wide .vehicle-item__badge .badge--lease:before {
  background-position: -64px -15px;
}

.badge--compensation {
  background-color: #ff922b;
}
.vehicle-item--wide .vehicle-item__badge .badge--compensation:before {
  background-position: -42px -66px;
}

.bbadge {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: inherit;
  font-style: normal;
  letter-spacing: -0.25px;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
  z-index: 2;
}
.s-newcar-info .bbadge {
  position: absolute;
  left: 15px;
  top: 15px;
}
.pop_guidelist_certification .bbadge {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -31px;
}

.bbadge-category,
.bbadge-category--vertical {
  color: #070d26;
  line-height: 1.1;
  font-weight: 700;
  background-color: #ffcc02;
}
.bbadge-category--vertical-img {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bbadge-category--vertical-img > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  font-size: xx-small;
  color: transparent;
  overflow: hidden;
}
.bbadge-category--vertical-img.badge-diag {
  background-image: url("../images/common/badge-kb-diag.svg");
}
.bbadge-category--vertical-img.badge-cert {
  background-image: url("../images/common/badge-kb-cert.svg");
}
.bbadge-category--vertical-img.badge-diag-normal {
  background-image: url("../images/common/badge-kb-diag-big.svg");
}
.bbadge-category--vertical-img.badge-kbcare {
  background-image: url("../images/common/badge-kb-care-big.svg?202309");
}
.bbadge-category--vertical-img.badge-kbcare-group {
  -webkit-perspective: 10rem;
          perspective: 10rem;
}
.bbadge-category--vertical-img.badge-kbcare-group > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.bbadge-category--vertical-img.badge-kbcare-group .bbadge {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.bbadge-category--vertical-img.badge-kbcare-group .bbadge.badge-diag {
  -webkit-animation: aniFlipBadge ease-in-out 5s infinite;
          animation: aniFlipBadge ease-in-out 5s infinite;
}
.bbadge-category--vertical-img.badge-kbcare-group .bbadge.badge-kbcare {
  -webkit-animation: aniFlipBadgeBack ease-in-out 5s infinite;
          animation: aniFlipBadgeBack ease-in-out 5s infinite;
}
.bbadge-category--vertical-img.badge-kbcare-group .badge-kbcare {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
@-webkit-keyframes aniFlipBadge {
  0%, 40%, 100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  45.1% {
    opacity: 0;
  }
  50%, 90% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  95.1% {
    opacity: 1;
  }
}
@keyframes aniFlipBadge {
  0%, 40%, 100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  45.1% {
    opacity: 0;
  }
  50%, 90% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  95.1% {
    opacity: 1;
  }
}
@-webkit-keyframes aniFlipBadgeBack {
  0%, 40%, 100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50%, 90% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  95.1% {
    opacity: 0;
  }
}
@keyframes aniFlipBadgeBack {
  0%, 40%, 100% {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50%, 90% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  95.1% {
    opacity: 0;
  }
}

@-webkit-keyframes aniRotatePlus {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
            transform: rotate3d(0, 1, 0, 0deg);
  }
  12% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  24% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
            transform: rotate3d(0, 1, 0, 360deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
            transform: rotate3d(0, 1, 0, 360deg);
  }
}

@keyframes aniRotatePlus {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
            transform: rotate3d(0, 1, 0, 0deg);
  }
  12% {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  24% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
            transform: rotate3d(0, 1, 0, 360deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 360deg);
            transform: rotate3d(0, 1, 0, 360deg);
  }
}
.bbadge-category {
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 0 5px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 700;
}
.bbadge-category.badge--kb-wide, .vehicle-item--wide .bbadge-category {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  font-size: 12px;
  line-height: 2;
}
.bbadge-category.badge--kb-wide.bbadge-diagnosis, .vehicle-item--wide .bbadge-category.bbadge-diagnosis {
  width: 53px;
  height: 30px;
  background-size: 53px 30px;
}
.bbadge-category.badge--kb-wide.badge-diag-plus, .bbadge-category.badge--kb-wide.badge-diag-normal, .vehicle-item--wide .bbadge-category.badge-diag-plus, .vehicle-item--wide .bbadge-category.badge-diag-normal {
  width: 53px;
  height: 30px;
}
.garage-recommend__item-thumb .bbadge-category {
  position: absolute;
  left: 15px;
  top: 15px;
}
.bbadge-category.badge-diag-normal {
  width: 42px;
  height: 24px;
  background: url("../images/common/badge-kb-diag-list.svg") center/contain no-repeat;
}
.bbadge-category.badge-diag-normal > span {
  font-size: 1px;
  color: transparent;
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bbadge-category.badge-diag-normal.size-m {
  width: 53px;
  height: 30px;
  background-image: url("../images/common/badge-kb-diag-list-md.svg");
}

.bbadge-category--vertical {
  width: 42px;
  border-radius: 6px;
  padding: 6px 0 5px 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
  font-weight: normal;
}
.bbadge-category--vertical.bbadge-kb--small {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  padding: 4px 0;
  overflow: hidden;
  font-size: 8px;
}
.link-kb-certification .bbadge-category--vertical {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  padding: 8px 0 0 0;
  border-radius: 10px;
  font-size: 18px;
  -webkit-animation: bg-shadow2 2s infinite;
}
.link-kb-certification .bbadge-category--vertical .bbadge-category__prefix {
  font-size: 20px;
  padding: 1px 0 2px 0;
}

.bbadge-diagnosis {
  width: 42px;
  height: 24px;
  margin: 0;
  padding: 0;
  background: transparent url("../images/common/badge-diagnosis@2x.svg") no-repeat;
  background-size: 42px auto;
  text-indent: -9999em;
  overflow: hidden;
  border-radius: 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
          mask-image: -webkit-radial-gradient(white, black);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
}
.bbadge-diagnosis .badge-svg {
  position: absolute;
  width: 0;
  height: 0;
}
.bbadge-diagnosis .badge-clipped {
  width: 100%;
  height: 100%;
  background: transparent url("../images/common/badge-diagnosis@2x.svg") no-repeat;
  background-size: cover;
  -webkit-clip-path: url(#badge-clip-path);
  clip-path: url(#badge-clip-path);
  overflow: hidden;
}
.bbadge-diagnosis .badge-clipped:after {
  position: absolute;
  top: -50%;
  left: -50%;
  display: block;
  width: 200%;
  height: 0.7rem;
  background: rgb(255, 241, 133);
  opacity: 0.5;
  -webkit-animation: aniBlinkTag ease-in-out infinite 3s;
          animation: aniBlinkTag ease-in-out infinite 3s;
  content: "";
}

@-webkit-keyframes aniBlinkTag {
  0% {
    -webkit-transform: rotate(135deg) translateY(0);
            transform: rotate(135deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
  100% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
}

@keyframes aniBlinkTag {
  0% {
    -webkit-transform: rotate(135deg) translateY(0);
            transform: rotate(135deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
  100% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
}
.mainContainer__seaction .kbService .flexWrap > div a span.bbadge-kb--small {
  font-size: 8px;
  margin-top: -39px;
  line-height: 1.1;
  z-index: 3;
}
.mainContainer__seaction .kbService .flexWrap > div a span.bbadge-kb--small .bbadge-category__prefix {
  padding: 0;
  font-size: 9px;
  line-height: 1.2;
}

.bbadge-category__prefix {
  font: inherit;
  font-weight: 500;
  padding: 1px 0;
}
.bbadge-category--vertical .bbadge-category__prefix {
  display: block;
  font-size: 14px;
}
.bbadge-category--vertical .bbadge-category__prefix.prefix-brand {
  font-size: 11px;
  line-height: 1.4;
}
.guide-item__icon .bbadge-category__prefix {
  padding: 0;
  font-size: 9px;
  line-height: 1.2;
}

.bbadge-service {
  margin: 0;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 400;
}
.bbadge-service.badge--kb-wide, .s-newcar-info .bbadge-service, .vehicle-item--wide .vehicle-item__badge .bbadge-service {
  height: 24px;
  margin-right: 4px;
  font-size: 12px;
  line-height: 22px;
}
.vehicle-item__name .bbadge-service, .vehicle-item--grid .vehicle-item__price .bbadge-service {
  position: relative;
  font-size: 9px;
  line-height: 13px;
}
.vehicle-item__name .bbadge-service {
  top: -1px;
  padding: 0 3px;
}
.vehicle-item__badge .bbadge-service {
  margin: 2px;
  color: #222;
  border-color: #e5e5e5;
  background: #fff;
  border-radius: 6px;
  height: 20px;
  line-height: 17px;
  padding: 0 5px;
}
.vehicle-item--wide .vehicle-item__badge .bbadge-service {
  font-size: 12px;
  margin: 4px;
  padding: 0 6px;
}
.vehicle-item__price .bbadge-service {
  position: relative;
  top: auto;
  bottom: -2px;
  margin-right: 3px;
  vertical-align: text-bottom;
}

.bbadge-stock {
  border-color: #ff5d18;
  background-color: #ff5d18;
}

.bbadge-actual-sale {
  border-color: #9037cb;
  background-color: #9037cb;
}

.bbadge-direct {
  border-color: #bbad4c;
  background-color: #bbad4c;
}

.bbadge-compensation {
  color: #336fc9;
  border-color: #336fc9;
}

.bbadge-interest-free {
  color: #449374;
  border-color: #449374;
}

.bbadge-send {
  color: #0740e8;
  border-color: #0740e8;
  font-weight: 500;
}

.bbadge-kbcare {
  position: relative;
  padding-left: 20px !important;
}
.bbadge-kbcare:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 100%;
  background: url("../images/common/icon12-kbcare.svg") center/12px auto no-repeat #fc0;
  content: "";
}
.vehicle-item--wide .bbadge-kbcare {
  padding-left: 26px !important;
}
.vehicle-item--wide .bbadge-kbcare:before {
  width: 20px;
  background-image: url("../images/common/icon14-kbcare.svg");
  background-size: 14px auto;
}

.icon-additional {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #766c62 url("../images/common/vehicle_item@4x.png?v=20200810") left -15px no-repeat;
  background-size: 96px auto;
  overflow: hidden;
  vertical-align: top;
}

.icon-additional--extended {
  background-position: left -15px;
}

.icon-additional--partnership {
  background-position: -16px -15px;
}

.icon-additional--change {
  background-position: -32px -15px;
}

.icon-additional--delivery {
  background-position: -48px -15px;
}

.icon-additional--lease {
  background-position: -64px -15px;
}

.vehicle-list {
  position: relative;
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
  font-size: 0;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.vehicle-list.vehicle-list--search {
  margin-top: -15px;
  margin-bottom: -25px;
}
.vehicle-list.vehicle-list--narrow {
  margin-top: -2px;
  margin-bottom: -12px;
}

.vehicle-item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 25px 5px;
  overflow: visible;
  letter-spacing: -0.025em;
}
.vehicle-item strong {
  font-weight: 700;
}
.vehicle-item .vehicle-item__box {
  position: relative;
  overflow: visible;
}
.vehicle-item .vehicle-item__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.vehicle-item.vehicle-item--visited .vehicle-thumbnail:before, .vehicle-item.vehicle-item--visited .vehicle-thumbnail:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
}
.vehicle-item.vehicle-item--visited .vehicle-thumbnail:before {
  left: 0;
  bottom: 0;
  width: 41.25%;
  height: 55%;
  background: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.3)), color-stop(49%, transparent));
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3), transparent 49%);
  border-bottom-left-radius: 12px;
  opacity: 0.7;
}
.vehicle-item.vehicle-item--visited .vehicle-thumbnail:after {
  left: 4px;
  bottom: 4px;
  width: 16px;
  height: 16px;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") no-repeat -24px -66px;
  background-size: 96px auto;
  opacity: 0.8;
}
.vehicle-item.vehicle-item--visited.vehicle-item--timesale .vehicle-thumbnail:after {
  bottom: 22px;
}
.vehicle-item.vehicle-item--wide.vehicle-item--visited .vehicle-thumbnail:before {
  width: 33.7%;
  height: 45%;
}
.vehicle-item.vehicle-item--wide.vehicle-item--visited .vehicle-thumbnail:after {
  left: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  background-position: left -66px;
  background-size: 96px auto;
}
.vehicle-item.vehicle-item--wide.vehicle-item--visited.vehicle-item--timesale .vehicle-thumbnail:after {
  bottom: 30px;
}
.vehicle-item.vehicle-item--vertical {
  display: block;
  width: auto;
  margin: 0 -10px;
  padding: 0;
}
.vehicle-item.vehicle-item--vertical:first-child {
  margin-top: 25px;
}
.vehicle-item.vehicle-item--vertical .vehicle-item__box {
  padding: 27px 16px 20px 16px;
  background: #f8f8f8;
}
.vehicle-item.vehicle-item--vertical .vertical-head .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  height: 28px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.44px;
  color: #222;
}
.vehicle-item.vehicle-item--vertical .vertical-head .title .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.vehicle-item.vehicle-item--vertical .vertical-head .title .icon.is-certified {
  display: inline-block;
  width: 20px;
  height: 23px;
  margin: -2px 6px 0 0;
  vertical-align: middle;
  background-image: url("../images/common/icon20-certified.svg");
}
.vehicle-item.vehicle-item--vertical .vertical-head .title .inner-util {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.vehicle-item.vehicle-item--vertical .vertical-head .text {
  font-size: 14px;
  line-height: 2.43;
  letter-spacing: -1px;
  color: #222;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list {
  margin: 7px -16px 0 -16px;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list ul {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 10px 16px;
  font-size: 0;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list ul::-webkit-scrollbar {
  display: none;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 254px;
  border-radius: 12px;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  border-radius: 12px 0 12px 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #000), color-stop(40%, rgba(216, 216, 216, 0)));
  background-image: linear-gradient(to top, #000 14%, rgba(216, 216, 216, 0) 40%);
  pointer-events: none;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem ~ .vertical-vehicle-tiem {
  margin-left: 10px;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .anchor {
  display: block;
  height: 100%;
  font-size: 0;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .thumbnail {
  width: 100%;
  height: 100%;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .thumbnail img,
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .thumbnail video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .description {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 14px 13px 14px;
  color: #fff;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .description .subject {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  letter-spacing: -0.27px;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .description .price {
  display: block;
  margin-top: 7px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.36px;
  color: #fff;
}
.vehicle-item.vehicle-item--vertical .vertical-vehicle-list .vertical-vehicle-tiem .tiem {
  z-index: 1;
  position: absolute;
  top: 11px;
  left: 14px;
  height: 16px;
  line-height: 18px;
  padding: 0 3px;
  border-radius: 4px;
  font-size: 11px;
  background-color: #222;
  color: #fff;
}
.vehicle-item .vehicle-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.vehicle-item .vehicle-thumbnail__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: #fafafa;
}
.vehicle-item .vehicle-thumbnail__box-item {
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
}
.vehicle-item .vehicle-thumbnail__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  overflow: hidden;
}
.vehicle-item .vehicle-item__action {
  position: absolute;
  right: -5px;
  bottom: -5px;
  font-size: 0;
  overflow: hidden;
  z-index: 3;
}
.vehicle-item .vehicle-item__action-divider {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 28px;
}
.vehicle-item .vehicle-item__action-divider:before, .vehicle-item .vehicle-item__action-divider:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
}
.vehicle-item .vehicle-item__action-divider:before {
  display: block;
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background: rgba(255, 255, 255, 0.7);
}
.vehicle-item .vehicle-item__action-divider:after {
  height: 12px;
  margin-top: -6px;
  border-left: 1px dashed rgba(34, 34, 34, 0.5);
}
.vehicle-item .vehicle-item__action-compare,
.vehicle-item .vehicle-item__action-interest {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 28px;
  margin: 0;
  padding: 5px 4px;
  border: 0;
  border-radius: 0;
  text-indent: -9999em;
  background: transparent;
}
.vehicle-item .vehicle-item__action-compare:before, .vehicle-item .vehicle-item__action-compare:after,
.vehicle-item .vehicle-item__action-interest:before,
.vehicle-item .vehicle-item__action-interest:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.65);
}
.vehicle-item .vehicle-item__action-compare:before,
.vehicle-item .vehicle-item__action-interest:before {
  top: 5px;
  display: block;
  width: 30px;
  height: 18px;
}
.vehicle-item .vehicle-item__action-compare:after,
.vehicle-item .vehicle-item__action-interest:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 0;
  padding: 0;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") no-repeat;
  background-size: 96px auto;
  overflow: hidden;
}
.vehicle-item .vehicle-item__action-compare {
  float: right;
  padding-left: 0;
}
.vehicle-item .vehicle-item__action-compare:before {
  border-bottom-right-radius: 6px;
}
.vehicle-item .vehicle-item__action-compare:after {
  margin-left: -9px;
  background-position: left -51px;
}
.vehicle-item .vehicle-item__action-compare.on:after {
  background-position: -12px -51px;
}
.vehicle-item .vehicle-item__action-interest {
  float: left;
  padding-right: 0;
}
.vehicle-item .vehicle-item__action-interest:before {
  left: 4px;
  border-top-left-radius: 6px;
}
.vehicle-item .vehicle-item__action-interest:after {
  margin-left: -4px;
  background-position: -24px -51px;
}
.vehicle-item .vehicle-item__action-interest.on:after {
  background-position: -36px -51px;
}
.vehicle-item .vehicle-item__time {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 95px;
  margin-top: -20px;
  padding: 8px 14px 2px 12px;
  z-index: 3;
}
.vehicle-item .vehicle-item__time:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 21px;
  background: #fff;
}
.vehicle-item .vehicle-item__time-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 16px;
  overflow: hidden;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") no-repeat left -33px;
  background-size: 96px auto;
  vertical-align: middle;
}
.vehicle-item .vehicle-item__time-icon--ring {
  -webkit-animation: ringing 0.15s 0.05s ease 5;
          animation: ringing 0.15s 0.05s ease 5;
}
.vehicle-item .vehicle-item__time-icon--ring-delay {
  -webkit-animation: ringing 0.15s 0.5s ease 5;
          animation: ringing 0.15s 0.5s ease 5;
}
@-webkit-keyframes ringing {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes ringing {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
.vehicle-item .vehicle-item__time-countdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.vehicle-item .vehicle-item__desc {
  position: relative;
  padding: 11px 0 0 0;
}
.vehicle-item .vehicle-item__name {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.3;
  font-weight: 700;
}
.vehicle-item .vehicle-item__name-block-item {
  display: block;
  color: inherit;
  font: inherit;
}
.vehicle-item .vehicle-item__info {
  width: 100%;
  font-size: 0;
  margin-top: 5px;
  padding: 1px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vehicle-item .vehicle-item__info-block {
  display: inline-block;
  color: #666;
  font-size: 12px;
  line-height: 9px;
  vertical-align: middle;
}
.vehicle-item .vehicle-item__info-line {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 3px 0 5px;
  overflow: hidden;
  background: #666;
  vertical-align: middle;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.vehicle-item .vehicle-item__badge {
  position: relative;
  margin: 6px -4px 0;
  overflow: hidden;
  font-size: 0;
}
.vehicle-item .vehicle-item__price {
  margin: 7px 0 0 0;
  padding: 6px 0 1px 0;
  font-size: 0;
  white-space: nowrap;
}
.vehicle-item .vehicle-item__price .vehicle-item__price-unit:first-child {
  margin-right: 4px;
}
.vehicle-item .vehicle-item__price-block {
  display: inline-block;
  margin-right: 5px;
  font-size: 0;
}
.vehicle-item .vehicle-item__price-number {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 1ex;
  margin: 0 1px;
}
.vehicle-item .vehicle-item__price-number:first-child {
  margin-left: 0;
}
.vehicle-item .vehicle-item__price-unit {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 10px;
  line-height: 0.83;
}
.vehicle-item .vehicle-item__price-text {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 12px;
  line-height: 0.83;
}
.vehicle-item .vehicle-item__price-block--discount {
  display: none !important;
  color: #eb4c60;
}
.vehicle-item .vehicle-item__price-block--discount-number {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 0 3px;
  color: #fff;
  background: #eb4c60;
  border-radius: 3px;
  vertical-align: text-bottom;
}
.vehicle-item .vehicle-item__price-block--discount-number:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1px;
  height: 13px;
}
.vehicle-item .vehicle-item__price-block--discount-number .vehicle-item__price-number,
.vehicle-item .vehicle-item__price-block--discount-number .vehicle-item__price-unit {
  position: relative;
}
.vehicle-item .vehicle-item__price-block--discount-number .vehicle-item__price-number {
  top: -2px;
  font-size: 11px;
  font-weight: 700;
  vertical-align: text-bottom;
}
.vehicle-item .vehicle-item__price-block--discount-number .vehicle-item__price-unit {
  display: none;
}
.vehicle-item .vehicle-item__price-block--origin {
  position: relative;
  padding: 0 2px;
  color: #717171;
}
.vehicle-item .vehicle-item__price-block--origin:after {
  content: "";
  position: absolute;
  left: 0;
  top: 51%;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #717171;
}
.vehicle-item .vehicle-item__price-block--origin .vehicle-item__price-number {
  font-size: 12px;
}
.vehicle-item .vehicle-item__price-block--origin .vehicle-item__price-unit {
  font-size: 10px;
}
.vehicle-item .vehicle-item__price-block--badge {
  position: relative;
  margin-top: -6px;
}
.vehicle-item.vehicle-item--grid {
  width: 50%;
  vertical-align: top;
  overflow: hidden;
}
.vehicle-item.vehicle-item--grid .vehicle-item__name {
  height: 36px;
}
.vehicle-item.vehicle-item--grid .vehicle-item__time {
  min-width: auto;
  padding: 2px 7px 0 6px;
}
.vehicle-item.vehicle-item--grid .vehicle-item__time .vehicle-item__time-countdown {
  font-size: 12px;
}
.vehicle-item.vehicle-item--grid .vehicle-item__price {
  margin-top: 5px;
}
.vehicle-item.vehicle-item--grid .vehicle-item__price-block--badge {
  margin-top: -5px;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__box {
  padding-left: 154px;
  font-size: 0;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__box:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 105px;
  overflow: hidden;
  vertical-align: middle;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__box .vehicle-item__time {
  min-width: auto;
  padding: 2px 7px 0 6px;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__box .vehicle-item__time .vehicle-item__time-countdown {
  font-size: 12px;
}
.vehicle-item.vehicle-item--horizontal .vehicle-thumbnail {
  float: left;
  position: relative;
  left: -154px;
  width: 144px;
  margin-right: -144px;
  padding-top: 105px;
}
.vehicle-item.vehicle-item--horizontal .vehicle-item__desc {
  display: inline-block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.vehicle-item.vehicle-item--wide .vehicle-item__box {
  padding-top: 75%;
}
.vehicle-item.vehicle-item--wide .vehicle-thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.vehicle-item.vehicle-item--wide .vehicle-thumbnail__box {
  background: transparent;
}
.vehicle-item.vehicle-item--wide .vehicle-thumbnail__box-item {
  background: #fafafa;
}
.vehicle-item.vehicle-item--wide .vehicle-thumbnail__box-item,
.vehicle-item.vehicle-item--wide .vehicle-thumbnail__image {
  border-radius: 12px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action {
  right: 0;
  bottom: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action.located-right-badge {
  right: -8px;
  bottom: -47px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action.located-right-badge .vehicle-item__action-compare:before,
.vehicle-item.vehicle-item--wide .vehicle-item__action.located-right-badge .vehicle-item__action-interest:before,
.vehicle-item.vehicle-item--wide .vehicle-item__action.located-right-badge .vehicle-item__action-divider:before {
  background: rgba(0, 0, 0, 0.05);
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-divider {
  height: 40px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-divider:before {
  height: 24px;
  margin-top: -12px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare,
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest {
  width: 44px;
  height: 40px;
  padding: 8px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare:before,
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest:before {
  top: 8px;
  display: block;
  width: 36px;
  height: 24px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare:after,
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest:after {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare {
  padding-left: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare:before {
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare:after {
  margin-left: -12px;
  background-position: -18px -33px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-compare.on:after {
  background-position: -36px -33px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest {
  padding-right: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest:before {
  left: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest:after {
  margin-left: -4px;
  background-position: -54px -33px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__action-interest.on:after {
  background-position: -72px -33px;
}
.vehicle-item.vehicle-item--wide .swiper-pagination {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 0 8px;
  top: auto;
  right: auto;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  z-index: 2;
  text-indent: 0;
}
.vehicle-item.vehicle-item--wide .swiper-pagination-current,
.vehicle-item.vehicle-item--wide .swiper-pagination-total {
  font: inherit;
}
.vehicle-item.vehicle-item--wide .swiper-pagination-current {
  color: #fff;
}
.vehicle-item.vehicle-item--wide .vehicle-item__name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.vehicle-item.vehicle-item--wide .vehicle-item__name.has-stock:before {
  content: "";
  display: inline-block;
  width: 32px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0 0 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  margin-top: 12px;
  padding: 2px 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__info-block {
  font-size: 14px;
  line-height: 10px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__info-line {
  margin: 0 5px 0 7px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  margin-top: 13px;
  padding: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-text {
  margin-bottom: 5px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-block {
  display: block;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-block.vehicle-item__price-block--origin {
  position: absolute;
  top: 100%;
  right: 0;
  display: inline-block;
  margin-top: 8px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-number {
  font-size: 18px;
  vertical-align: middle;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-number:first-child {
  margin-left: 0;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-unit {
  font-size: 16px;
  vertical-align: middle;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-block--origin .vehicle-item__price-number {
  font-size: 14px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__price-block--origin .vehicle-item__price-unit {
  font-size: 12px;
}
.vehicle-item.vehicle-item--wide .vehicle-item__badge {
  margin-top: 12px;
  width: calc(100% + 8px);
}
.vehicle-item.vehicle-item--wide .vehicle-item__badge:after {
  display: block;
  clear: both;
  content: "";
}
.vehicle-list--narrow .vehicle-item {
  padding: 12px 0;
}
.vehicle-item .conditions-car-price {
  position: absolute;
  right: 0;
}
.vehicle-item .conditions-car-price .vehicle-item__price-front {
  font-size: 1.6rem;
  vertical-align: middle;
}
.vehicle-item .conditions-car-price .vehicle-item__price-txt {
  position: absolute;
  top: 100%;
  right: 0;
  display: inline-block;
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #ff4d00;
}
@media all and (max-width: 370px) {
  .vehicle-item .conditions-car-price {
    top: 6rem;
  }
  .vehicle-item .conditions-car-price .vehicle-item__price-txt {
    padding-top: 0.2rem;
  }
}

.vehicle-item.type-new .vehicle-item__action {
  bottom: 0;
  right: 0;
  border-radius: 6px 0 0 0;
  background: rgba(255, 255, 255, 0.65);
  font-size: 0;
  height: 30px;
}
.vehicle-item.type-new .vehicle-item__action > button,
.vehicle-item.type-new .vehicle-item__action > a {
  height: 100%;
  width: 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.vehicle-item.type-new .vehicle-item__action > button:last-child,
.vehicle-item.type-new .vehicle-item__action > a:last-child {
  border-right: 0;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-divider {
  display: none;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-compare,
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-interest {
  padding: 0;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-compare:after,
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-interest:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-compare.on:after,
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-interest.on:after {
  background-position: 0 -16px;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-compare:before,
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-interest:before {
  display: none;
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-interest:after {
  background-image: url("../images/sub/sp-icon16-like.svg");
}
.vehicle-item.type-new .vehicle-item__action .vehicle-item__action-compare:after {
  background-image: url("../images/sub/sp-icon16-compare.svg");
}
.vehicle-item.type-new.vehicle-item--wide .vehicle-item__action {
  height: 32px;
  border-radius: 8px;
  right: 8px;
  bottom: 8px;
  border-radius: 6px;
}
.vehicle-item.type-new.vehicle-item--wide .vehicle-item__action > button,
.vehicle-item.type-new.vehicle-item--wide .vehicle-item__action > a {
  width: 35px;
}

.monthly-payment {
  display: inline-block;
  font-size: 10px;
  color: #666;
  height: 18px;
  line-height: 18px;
  background: #f6f8f9;
  border-radius: 10px;
  vertical-align: middle;
  padding: 0 6px;
  margin: -8px 2px 0;
}
.vehicle-item--wide .monthly-payment {
  float: right;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  margin: 4px 0 0;
}

.s-newcar-info .badge-group {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}

.badge-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.badge-white {
  background: #fff;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.badge-icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.badge-icon.badge-01 {
  background-image: url(../images/common/icon/icon-badge-01.svg);
}
.badge-icon.badge-02 {
  background-image: url(../images/common/icon/icon-badge-02.svg);
}
.badge-icon.badge-03 {
  background-image: url(../images/common/icon/icon-badge-03.svg);
}

.badge-play {
  background: url("../images/common/logo-kbplay-yellow.svg") no-repeat center #222;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 51px;
  height: 20px;
  background-size: 39px 12px;
  border-radius: 2px;
}

.badge-tcar {
  width: 37px;
  height: 20px;
  background: url(../images/common/logo-badge-tcar.png) no-repeat center #fff;
  background-size: 31px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 3px;
  border-radius: 3px;
}

/* 공통 작업 */
[class*=s-section] {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
[class*=s-section] h2.tit {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}
[class*=s-section] .s-txt {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #999;
}
[class*=s-section] .k-link-area {
  padding: 0 10px;
}
[class*=s-section] .k-link-area a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #ddd;
  color: #364f7f;
  text-align: center;
}

.search .s-fv-model {
  margin: 0;
}
.search .s-fv-model a {
  color: #333;
  text-decoration: none;
}
.search .s-fv-model a:active,
.search .s-fv-model a:hover {
  text-decoration: none;
}
.search .s-fv-model h2.tit {
  margin: 30px 0;
  padding: 0 0 0 15px;
}
.search .s-fv-model.s-bg-grey {
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 55px 0;
  background: #e1e4dd;
}
.search .s-fv-model .srch-input-fixed {
  position: relative;
  height: 51px;
  border-bottom: 1px solid #222;
  margin: 0 15px;
}
.search .s-fv-model .srch-input-fixed.fixed-in {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
  margin: 0;
  padding: 0 15px;
  z-index: 9999;
}
.search .s-fv-model .srch-input-fixed.fixed-in .srch-input .btn_srch {
  background: #fff;
}
.search .s-fv-model .srch-input-fixed.fixed-in .srch-input .btn_srch:after {
  background-position: -200px -55px;
}
.search .s-fv-model .srch-input-fixed .srch-input {
  position: relative;
  height: 51px;
  margin: 0;
}
.search .s-fv-model .srch-input-fixed .srch-input fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.search .s-fv-model .srch-input-fixed .srch-input fieldset input, .search .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm, .search .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 0 60px 0 0;
  outline: none;
  background: transparent;
}
.search .s-fv-model .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .search .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .search .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder {
  color: #222;
  font-size: 14px;
}
.search .s-fv-model .srch-input-fixed .srch-input fieldset input:focus::-webkit-input-placeholder, .search .s-fv-model .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:focus::-webkit-input-placeholder, .new-content-body .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder, .search .s-fv-model .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:focus::-webkit-input-placeholder, .type-mydata .inp-box .search .s-fv-model .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.search .s-fv-model .srch-input-fixed .srch-input .btn_srch {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #e1e4dd;
  background-size: 500px;
  border: 0 none;
  cursor: pointer;
}
.search .s-fv-model .srch-input-fixed .srch-input .btn_srch span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.search .s-fv-model .srch-input-fixed .srch-input .btn_srch:after {
  content: "";
  width: 14px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -200px -71px;
}
.search .s-fv-model .fv-list h2 {
  padding-bottom: 30px;
}
.search .s-fv-model .fv-list .swiper-container {
  padding: 0 30px;
}
.search .s-fv-model .fv-list .swiper-container .swiper-slide {
  width: 90px;
}
.search .s-fv-model .fv-list .swiper-container .swiper-slide a {
  display: block;
}
.search .s-fv-model .fv-list .swiper-container .swiper-slide a .s-car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.search .s-fv-model .fv-list .swiper-container .swiper-slide a .s-car-info .car-name {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}
.search .s-fv-model .fv-list .swiper-container .swiper-slide a img {
  width: 100%;
}

.search .s-pic-model-list {
  padding-bottom: 30px;
}
.search .s-pic-model-list a {
  color: #333;
  text-decoration: none;
}
.search .s-pic-model-list a:active,
.search .s-pic-model-list a:hover {
  text-decoration: none;
}
.search .s-pic-model-list .tab-type ul li a {
  font-size: 18px;
  padding: 15px 0;
  color: #999;
}
.search .s-pic-model-list .tab-type li.on a {
  color: #222;
}
.search .s-pic-model-list .tag-sel-area {
  position: static;
}
.search .s-pic-model-list .tag-sel-area .tag-sel {
  position: relative;
  overflow: auto;
  padding: 15px 15px 32px 15px;
}
.search .s-pic-model-list .tag-sel-area .tag-sel ul {
  display: table;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search .s-pic-model-list .tag-sel-area .tag-sel ul li {
  display: table-cell;
  padding-right: 9px;
}
.search .s-pic-model-list .tag-sel-area .tag-sel ul li:last-child {
  padding-right: 15px;
}
.search .s-pic-model-list .tag-sel-area .tag-sel ul li a {
  display: inline-block;
  width: 65px;
  padding: 4px 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  color: #222;
}
.search .s-pic-model-list .tag-sel-area .tag-sel ul li a.on {
  background: #364f7f;
  border: 1px solid #364f7f;
  color: #fff;
}
.search .s-pic-model-list .srch-list-sep {
  padding: 0 15px;
}
.search .s-pic-model-list .srch-list-sep ul > li {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
}
.search .s-pic-model-list .srch-list-sep ul > li:first-child {
  background: #f1f1f1;
  border-top: none;
  padding-right: 10px;
}
.search .s-pic-model-list .srch-list-sep ul > li:first-child + li {
  border-top: none;
}
.search .s-pic-model-list .srch-list-sep ul > li div.s-car-kind {
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search .s-pic-model-list .srch-list-sep ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.search .s-pic-model-list .srch-list-sep ul > li p.s-view-all, .search .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-view-all {
  font-size: 13px;
  color: #364f7f;
}
.search .s-pic-model-list .srch-list-sep ul > li p.s-car-img, .search .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img {
  width: 100px;
}
.search .s-pic-model-list .srch-list-sep ul > li p.s-car-img img, .search .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img img {
  width: 100%;
}
.search .s-pic-model-list .srch-list-sep input[type=checkbox]:checked + label:after, .search .s-pic-model-list .srch-list-sep .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .search .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after, .search .s-pic-model-list .srch-list-sep .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .search .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}
.search .s-pic-model-list.con-fixed .tab-type {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.search .s-pic-model-list.con-fixed .tab-type ul {
  padding: 0 0 0 15px;
  width: 40%;
}
.search .s-pic-model-list.con-fixed .tag-sel-area {
  position: fixed;
  top: 50px;
  left: 40%;
  background: #fff;
  z-index: 101;
}
.search .s-pic-model-list.con-fixed .tag-sel-area + .srch-list-sep {
  margin-top: 80px;
}
.search .s-pic-model-list.con-fixed .tag-sel-area .tag-sel {
  padding: 12px 15px;
  width: 60%;
}
.search .s-pic-model-list.con-fixed .tag-sel-area .tag-sel:after {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  background: #ddd;
}

.searchArea__content__search, .searchArea__tab, .header.bg-white {
  background: #fff;
}

.searchArea {
  padding: 55px 0 63px;
}
.searchArea--bgWhite {
  background: #fff;
}
.searchArea__tab {
  position: relative;
  padding: 0 15px;
}
.searchArea__tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.searchArea__tab ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchArea__tab ul li {
  position: relative;
  width: 50%;
}
.searchArea__tab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchArea__tab ul li.on a {
  font-weight: 700;
}
.searchArea__tab ul li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 2;
}
.searchArea__content__search {
  margin: 0 0 10px;
  padding: 30px 15px 20px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.searchArea__content__search .searchInput {
  position: relative;
  background: #ececec;
  border-radius: 4px;
  overflow: hidden;
  padding: 0 10px 0 35px;
}
.searchArea__content__search .searchInput:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
  width: 19px;
  height: 20px;
  background: url("../images/common/icon_search.png") no-repeat;
  background-size: contain;
}
.searchArea__content__search .searchInput input[type=text], .searchArea__content__search .searchInput .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .searchArea__content__search .searchInput [type=text].ico-confirm, .searchArea__content__search .searchInput .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .searchArea__content__search .searchInput [type=text].ico-confirm {
  width: 100%;
  height: 40px;
  border: 0;
  background: transparent;
  color: #878787;
}
.searchArea__content__search .latestSearch {
  position: relative;
  margin: 20px 0 0;
}
.searchArea__content__search .latestSearch .latestSearch__head {
  position: relative;
  padding: 0 30px 0 85px;
  overflow: hidden;
}
.searchArea__content__search .latestSearch .title {
  float: left;
  position: relative;
  left: -85px;
  margin-right: -85px;
}
.searchArea__content__search .latestSearch .latestSearch__best {
  float: right;
  display: block;
  width: 100%;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchArea__content__search .latestSearch .btnOpenClose {
  position: absolute;
  right: 0;
  top: -6px;
  width: 30px;
  height: 30px;
  border: 0;
  background-color: transparent;
}
.searchArea__content__search .latestSearch .btnOpenClose span {
  display: none;
}
.searchArea__content__search .latestSearch .btnOpenClose:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 50%;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin: -3px 0 0 -4px;
}
.searchArea__content__search .latestSearch__info {
  display: none;
  padding: 12px 0 0;
}
.searchArea__content__search .latestSearch__info__item {
  position: relative;
  margin-bottom: 10px;
  padding: 0 15px;
  border: 1px solid #ddd;
  height: 40px;
  border-radius: 40px;
  background: rgba(78, 89, 104, 0.07);
}
.searchArea__content__search .latestSearch__info__item .carName {
  font-size: 12px;
}
.searchArea__content__search .latestSearch__info__item .infoText {
  color: #999999;
}
.searchArea__content__search .latestSearch__info__item .infoText span {
  font-size: 10px;
}
.searchArea__content__search .latestSearch__info__item .btnDel {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: url("../images/sub/icon_close.png") no-repeat center center;
  background-size: 10px;
}
.searchArea__content__search .latestSearch__info__item .btnDel span {
  display: none;
}
.searchArea__content__search .latestSearch.latestSearch--more .btnOpenClose:after {
  background-position: -77px -237px;
}
.searchArea__content__search .latestSearch.latestSearch--more .latestSearch__best {
  display: none;
}
.searchArea__content__search .latestSearch.latestSearch--more .latestSearch__info {
  display: block;
}
.searchArea__content .manufacturerModel {
  margin-bottom: 10px;
  padding: 22px 15px 30px;
  background: #a6b5c7;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.searchArea__content .manufacturerModel .title {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
}
.searchArea__content .manufacturerModel a {
  position: relative;
  display: block;
  border: 1px solid #6d88a9;
  border-radius: 4px;
  padding: 9px 32px 8px 9px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  background: #6d88a9;
}
.searchArea__content .manufacturerModel a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 8px;
  margin-top: -4px;
  background: url("../images/sub/icon_arrow_white.png") no-repeat;
  background-size: 5px 8px;
}
.searchArea__content .searchAreaList {
  background: #fff;
  border-radius: 15px 15px 0 0;
  padding: 0 15px;
}
.searchArea__content .searchAreaList h2.title {
  padding: 30px 0 15px;
  font-size: 18px;
  font-weight: 700;
}
.searchArea__content .searchAreaList .title-util {
  position: absolute;
  top: 30px;
  right: 0;
}
.searchArea__content .searchAreaList__link {
  position: relative;
  display: block;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 0 0 9px;
  text-decoration: none;
  color: #666666;
}
.searchArea__content .searchAreaList__link:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 8px;
  margin-top: -4px;
  background: url(../images/sub/icon_arrow.png) no-repeat;
  background-size: 5px 8px;
}
.searchArea__content .searchAreaList .item {
  border-top: 1px solid #ddd;
  padding: 0 0 30px;
}
.searchArea__content .searchAreaList .item .searchAreaListSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchArea__content .searchAreaList .item .searchAreaListSelect .select-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  background-position: right -1px;
  font-size: 14px;
}
.searchArea__content .searchAreaList .item .searchAreaListSelect .bl {
  width: 20px;
  text-align: center;
  line-height: 35px;
}
.searchArea__content .searchAreaList .item.is-relative {
  position: relative !important;
}
.searchArea__content .searchAreaList .item:first-child {
  border: 0;
}
.searchArea__content .searchAreaList .item--salesComplex .linkArea {
  position: relative;
  display: block;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 0 0 9px;
  text-decoration: none;
  color: #666666;
}
.searchArea__content .searchAreaList .item--salesComplex .linkArea:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 8px;
  margin-top: -4px;
  background: url("../images/sub/icon_arrow.png") no-repeat;
  background-size: 5px 8px;
}
.searchArea__content .searchAreaList .item--option {
  position: relative;
}
.searchArea__content .searchAreaList .item--option .totalText {
  position: absolute;
  right: 0;
  top: 30px;
}
.searchArea__content .searchAreaList .item--option .totalText a {
  display: inline-block;
  padding: 7px 15px 5px 15px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  border-radius: 12px;
  text-decoration: none;
  background: #2666c6;
}
.searchArea__content .searchAreaList .item--option .optionCheckList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-left: -5px;
}
.searchArea__content .searchAreaList .item--option .optionCheckList .checkButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-bottom: 5px;
  padding: 0 0 0 5px;
}
.searchArea__content .searchAreaList .item--option .optionCheckList .checkButton input[type=checkbox], .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm, .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm {
  display: none;
}
.searchArea__content .searchAreaList .item--option .optionCheckList .checkButton label {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.05em;
}
.searchArea__content .searchAreaList .item--option .optionCheckList .checkButton input[type=checkbox]:checked + label, .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label, .new-content-body .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm:checked + label, .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label, .type-mydata .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.searchArea__content .searchAreaList .item--option .optionCheckList .checkButton input[type=checkbox]:disabled + label, .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm:disabled + label, .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .searchArea__content .searchAreaList .item--option .optionCheckList .checkButton [type=checkbox].ico-confirm:disabled + label {
  color: #999;
  background: #ececec;
}
.searchArea__content .searchAreaList .item .layerBtm--tooltip {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.searchArea__content .searchAreaList .item .layerBtm--tooltip span {
  display: none;
}
.searchArea__content .searchAreaList .item .layerBtm--tooltip:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.searchArea .tabStyle {
  margin-bottom: 15px;
}
.searchArea .tabStyle ul {
  overflow: hidden;
}
.searchArea .tabStyle ul li {
  float: left;
  margin-right: 20px;
}
.searchArea .tabStyle ul li a {
  position: relative;
  display: block;
  padding: 19px 0;
  font-size: 18px;
  color: #999999;
  text-decoration: none;
}
.searchArea .tabStyle ul li.on a {
  color: #222222;
}
.searchArea .tabStyle ul li.on a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222222;
}
.searchArea .checkList {
  margin-left: -5px;
}
.searchArea .checkList .checkButton {
  display: inline-block;
  padding: 0 0 5px 5px;
}
.searchArea .checkList .checkButton input[type=checkbox], .searchArea .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm, .searchArea .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm {
  display: none;
}
.searchArea .checkList .checkButton label {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.05em;
}
.searchArea .checkList .checkButton label .dot-new:before {
  display: none !important;
}
.searchArea .checkList .checkButton input[type=checkbox]:checked + label, .searchArea .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label, .new-content-body .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label, .searchArea .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label, .type-mydata .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.searchArea .checkList .checkButton input[type=checkbox]:checked + label i:before, .searchArea .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label i:before, .new-content-body .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label i:before, .searchArea .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label i:before, .type-mydata .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label i:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 2;
}
.searchArea .checkList .checkButton input[type=checkbox]:checked + label i:after, .searchArea .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label i:after, .new-content-body .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label i:after, .searchArea .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label i:after, .type-mydata .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:checked + label i:after {
  background: rgba(0, 0, 0, 0.1);
}
.searchArea .checkList .checkButton input[type=checkbox]:disabled + label, .searchArea .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:disabled + label, .searchArea .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .searchArea .checkList .checkButton [type=checkbox].ico-confirm:disabled + label {
  color: #999;
  background: #ececec;
}
.searchArea .checkList .checkButton.flex0_8 {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}
.searchArea .checkList .checkButton.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.searchArea .checkList .checkButton.flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.searchArea .checkList--col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchArea .checkList--col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchArea .checkList--col5 {
  overflow: hidden;
}
.searchArea .checkList--col5 > span {
  float: left;
  width: 33.333%;
}
.searchArea .checkList--color {
  overflow: hidden;
}
.searchArea .checkList--color > span {
  float: left;
  width: 25%;
  padding-left: 5px;
}
.searchArea .checkList--color .checkButton label {
  height: 62px;
  padding: 8px 0;
  line-height: 1;
}
.searchArea .checkList--color .checkButton .color {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 auto 8px auto;
}
.searchArea .checkList--color .checkButton .color:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 50%;
}
.searchArea .checkList--color .checkButton .color.color-black {
  background: #000;
}
.searchArea .checkList--color .checkButton .color.color-white {
  background: #fff;
}
.searchArea .checkList--color .checkButton .color.color-silver {
  background: #f0f0f0;
}
.searchArea .checkList--color .checkButton .color.color-gray {
  background: #bcbcbc;
}
.searchArea .checkList--color .checkButton .color.color-pearl {
  background: #ececde;
}
.searchArea .checkList--color .checkButton .color.color-red {
  background: #eb2a2a;
}
.searchArea .checkList--color .checkButton .color.color-orange {
  background: #e46600;
}
.searchArea .checkList--color .checkButton .color.color-yellow {
  background: #ffd800;
}
.searchArea .checkList--color .checkButton .color.color-brown {
  background: #653b2a;
}
.searchArea .checkList--color .checkButton .color.color-green {
  background: #009944;
}
.searchArea .checkList--color .checkButton .color.color-blue {
  background: #324df4;
}
.searchArea .checkList--color .checkButton .color.color-purple {
  background: #56357e;
}
.searchArea .checkList--numberPeople {
  overflow: hidden;
}
.searchArea .checkList--numberPeople > span {
  float: left;
  width: 24.5%;
  padding-left: 5px;
}

.btnAreaFixedBottom {
  position: fixed;
  left: 0;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  background: #fff;
  border-top: 1px solid #ddd;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 10;
}
.btnAreaFixedBottom > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  text-decoration: none;
}
.btnAreaFixedBottom > a span {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 48px;
}
.btnAreaFixedBottom > a.btnWhite {
  border-right: 0;
  background: rgba(54, 79, 127, 0.06);
}
.btnAreaFixedBottom > a.btnWhite span {
  color: #364f7f;
}
.btnAreaFixedBottom > a.btnBlue {
  background: #364f7f;
}
.btnAreaFixedBottom > a.btnBlue span {
  color: #fff;
}
.btnAreaFixedBottom.up {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.btnAreaFixedBottom.down {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.integratedSearch--result .integratedSearch__input {
  margin-bottom: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.integratedSearch__input {
  margin-bottom: 10px;
  padding: 0 15px 15px;
  background: #fff;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.integratedSearch__input__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}
.integratedSearch__input__search .searchCondition {
  position: relative;
  height: 40px;
  line-height: 38px;
  border: 0;
  padding: 0 32px 0 10px;
  font-size: 16px;
  text-decoration: none;
  color: #222;
  background: #fff url("../images/common/bg_select.png") no-repeat right 0;
  background-size: 33px 80px;
}
.integratedSearch__input__search .inputText {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.integratedSearch__input__search .inputText input[type=text], .integratedSearch__input__search .inputText .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .integratedSearch__input__search .inputText [type=text].ico-confirm, .integratedSearch__input__search .inputText .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .integratedSearch__input__search .inputText [type=text].ico-confirm {
  width: 100%;
  border: 0;
  height: 40px;
  line-height: 36px;
  padding: 0 0 0 10px;
}
.integratedSearch__input__search .inputText:after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 1px;
  height: 14px;
  background: #000;
}
.integratedSearch__input__search .buttonSearch {
  width: 45px;
  height: 40px;
  border: 0;
  background: url("../images/common/icon_search.png") no-repeat center;
  background-size: 14px 16px;
}
.integratedSearch__input__search .buttonSearch span {
  display: none;
}
.integratedSearch__tab {
  background: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.integratedSearch__tab__list {
  position: relative;
  padding: 0 15px;
}
.integratedSearch__tab__list:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.integratedSearch__tab__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.integratedSearch__tab__list ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
}
.integratedSearch__tab__list ul li a {
  display: block;
  height: 50px;
  line-height: 48px;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  text-align: center;
}
.integratedSearch__tab__list ul li.on a {
  font-weight: 700;
  border-bottom: 2px solid #222;
}

.popularityArea ol {
  padding: 15px 0;
}
.popularityArea ol li a {
  display: block;
  padding: 13px 30px;
  text-decoration: none;
  color: #222;
}
.popularityArea ol li a strong {
  display: inline-block;
  width: 30px;
  color: #222;
}
.popularityArea ol li:nth-child(-n+3) a strong {
  color: #ffb820;
}

.latestVehicle > ul {
  padding: 40px 0 30px;
}
.latestVehicle > ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #222;
  margin-bottom: 15px;
  padding: 0 15px;
}
.latestVehicle > ul li a:after {
  content: "";
  position: absolute;
  right: 21px;
  top: 5px;
  width: 4px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat -67px 0;
  background-size: 250px;
}
.latestVehicle > ul li a .image {
  width: 100px;
  border-radius: 4px;
  overflow: hidden;
}
.latestVehicle > ul li a .image img {
  width: 100%;
}
.latestVehicle > ul li a .infoText {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 3px 14px 0 15px;
}
.latestVehicle > ul li a .infoText .carName {
  font-weight: 600;
}
.latestVehicle > ul li a .infoText .info {
  margin-bottom: 5px;
}
.latestVehicle > ul li a .infoText .info span {
  font-size: 11px;
  color: #999999;
}
.latestVehicle > ul li a .infoText .price {
  font-weight: 700;
}
.latestVehicle > ul li a .infoText .price strong {
  font-size: 16px;
}
.latestVehicle > ul li a .infoText .extension {
  position: absolute;
  right: 0;
  bottom: 7px;
  font-size: 13px;
  color: #2666c6;
  font-weight: 600;
}

.searchResults {
  display: none;
  background: #fff;
  padding: 15px 30px 0;
}
.searchResults__content {
  color: #999999;
}
.searchResults__content .color {
  color: #ff2f2f;
}
.searchResults__content .resultsText {
  margin-bottom: 30px;
}
.searchResults__content .resultsText--model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.searchResults__content .resultsText--model .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.searchResults__content .resultsText--model a {
  color: #364f7f;
  text-decoration: none;
}
.searchResults__content .resultsText--noData .noSearch {
  margin: 30px 0 0;
  text-align: center;
}
.searchResults__content .resultsText--noData .noSearch .text {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
}
.searchResults__content .resultsText--noData .noSearch a {
  position: relative;
  text-decoration: none;
  color: #364f7f;
}
.searchResults__content .resultsText--noData .noSearch a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #364f7f;
}
.searchResults__content__list li {
  margin-bottom: 17px;
}
.searchResults__content__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #999999;
  text-decoration: none;
}
.searchResults__content__list li a > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.searchResults__content__list li a em {
  margin-left: 20px;
  font-style: normal;
}

.tableAreaType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1px;
  overflow: hidden;
}
.tableAreaType table {
  width: 100%;
  border-collapse: collapse;
}
.tableAreaType table thead th {
  height: 40px;
  background: #f1f1f1;
  color: #666666;
  padding: 0 0 0 10px;
  font-weight: 400;
  border-left: 1px solid #ddd;
  text-align: left;
}
.tableAreaType table tbody tr td {
  height: 60px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0 0 0 10px;
}
.tableAreaType table tbody tr:first-child td {
  border-top: 0;
}
.tableAreaType dl dt, .tableAreaType dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .tableAreaType dl dd {
  padding: 0 0 0 7px;
  height: 40px;
  line-height: 38px;
  background: #f1f1f1;
}
.tableAreaType dl dd {
  overflow: auto;
}
.tableAreaType dl dd > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border-bottom: 1px solid #ddd;
  padding: 0;
}
.tableAreaType dl dd > div .input-ck + label {
  height: auto;
  font-size: 14px;
  line-height: 20px;
}
.tableAreaType dl dd > div .input-ck + label:after {
  top: 50%;
  margin-top: -7px;
}
.tableAreaType dl dd > div.justifyText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 0 10px;
}
.tableAreaType dl dd > div.justifyText span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tableAreaType dl dd > div.justifyText label {
  padding-right: 5px;
}
.tableAreaType dl dd > div.justifyText .checkRadioCombine > span {
  margin-top: 5px;
  display: block;
}
.tableAreaType dl dd > div.justifyText .checkRadioCombine > span .input-r + label {
  font-size: 13px;
}
.tableAreaType dl dd > div.justifyText .linkMore {
  color: #364f7f;
  text-decoration: none;
}
.tableAreaType dl dd > div.justifyText .number {
  white-space: nowrap;
}
.tableAreaType dl dd.firstCheckbox > div.on {
  background: #f5f6f9;
}
.tableAreaType dl dd.firstCheckbox > div .input-ck + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0 0 0 29px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.tableAreaType dl dd.firstCheckbox > div .input-ck + label:after {
  border: 0;
  background: none;
}
.tableAreaType dl dd.firstCheckbox > div .input-ck:checked + label {
  padding: 0 0 0 37px;
}
.tableAreaType dl dd.firstCheckbox > div .input-ck:checked + label:after {
  left: 12px;
  margin-top: -5px;
  background: url("../images/sub/icon_checkOn.png") no-repeat;
  background-size: 12px 8px;
}
.tableAreaType dl dd .noData {
  position: relative;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.tableAreaType dl dd .noData:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  background: url("../images/sub/icon_nodata.png") no-repeat;
  background-size: contain;
  margin: -60px 0 0 -15px;
}
.tableAreaType dl + dl {
  border-left: 1px solid #ddd;
}

.btn-wrap .btnLineHeight {
  padding: 5px 0 0;
  line-height: 16px;
}

.layer-pop-btm.layerSearchCondition {
  padding: 0;
}
.layer-pop-btm.layerSearchCondition .tit-pop {
  padding-left: 15px;
}
.layer-pop-btm.layerSearchCondition .content-pop {
  padding: 0 !important;
}
.layer-pop-btm.layerSearchCondition .content-pop .searchConditionList ul {
  padding: 10px 0 0;
}
.layer-pop-btm.layerSearchCondition .content-pop .searchConditionList ul li {
  border-top: 1px solid #ddd;
}
.layer-pop-btm.layerSearchCondition .content-pop .searchConditionList ul li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 30px;
  line-height: 58px;
  text-decoration: none;
  color: #222;
}
.layer-pop-btm.layerSearchCondition .content-pop .searchConditionList ul li:first-child {
  border: 0;
}
.layer-pop-btm.layerSearchCondition .content-pop .searchConditionList ul li.on a:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 17px;
  height: 11px;
  margin-top: -5px;
  background: url("../images/sub/icon_check.png") no-repeat;
  background-size: contain;
}

.manufacturerModel__search {
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
}
.manufacturerModel__search ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.manufacturerModel__search ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.manufacturerModel__search ul li a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  text-decoration: none;
  color: #222;
  text-align: center;
}
.manufacturerModel__search ul li.on a {
  color: #2666c6;
  font-weight: 700;
}
.manufacturerModel__search ul li + li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: #ddd;
}
.manufacturerModel__content {
  padding: 0 0 90px;
  border-radius: 15px 15px 0 0;
  background: #fff;
}
.manufacturerModel__content__manufacturer .manufacturerTab {
  position: relative;
  padding: 0 15px;
}
.manufacturerModel__content__manufacturer .manufacturerTab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.manufacturerModel__content__manufacturer .manufacturerTab ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.manufacturerModel__content__manufacturer .manufacturerTab ul li {
  position: relative;
  width: 50%;
}
.manufacturerModel__content__manufacturer .manufacturerTab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.manufacturerModel__content__manufacturer .manufacturerTab ul li.on a {
  font-weight: 700;
}
.manufacturerModel__content__manufacturer .manufacturerTab ul li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 2;
}
.manufacturerModel__content .manufacturerContent {
  padding: 10px 0 0;
}
.manufacturerModel__content .manufacturerContent__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 0 35px 0 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
}
.manufacturerModel__content .manufacturerContent__title .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 500;
}
.manufacturerModel__content .manufacturerContent__title:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
}
.manufacturerModel__content .manufacturerContent__title .name {
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.manufacturerModel__content .manufacturerContent__title--on:after {
  background-position: -77px -237px;
}
.manufacturerModel__content .manufacturerContent__title--off:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: rgba(255, 255, 255, 0.5);
}
.manufacturerModel__content .manufacturerContent__title--off:after {
  display: none;
}
.manufacturerModel__content .manufacturerContent__list {
  display: none;
  padding: 0 15px;
}
.manufacturerModel__content .manufacturerContent__list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.manufacturerModel__content .manufacturerContent__list ul li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manufacturerModel__content .manufacturerContent__list ul li .image {
  width: 52px;
}
.manufacturerModel__content .manufacturerContent__list ul li .image img {
  width: 50%;
}
.manufacturerModel__content .manufacturerContent__list ul li .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 0 0 0 5px;
}
.manufacturerModel__content .manufacturerContent__list ul li .number {
  padding: 0 10px 0 0;
}
.manufacturerModel__content .manufacturerContent__list--model {
  padding: 20px 15px 0;
}
.manufacturerModel__content .manufacturerContent__list--model .title {
  display: block;
  height: 20px;
  line-height: 19px;
  margin-top: -1px;
  padding: 0 0 0 10px;
  background: #f1f1f1;
  font-size: 11px;
}
.manufacturerModel__content .manufacturerContent__list--model ul li .image {
  width: 60px;
}
.manufacturerModel__content .manufacturerContent__list--model ul li .image img {
  width: 100%;
}
.manufacturerModel__content .manufacturerContent__list--model ul li .text {
  padding: 0 0 0 12px;
}
.manufacturerModel__content .manufacturerContent__list--model.show {
  display: block;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li {
  display: block;
  border: 0;
  height: auto;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0 0 22px;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text label:after {
  top: 17px;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text input[type=checkbox]:disabled + label, .manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text [type=checkbox].ico-confirm:disabled + label, .manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text [type=checkbox].ico-confirm:disabled + label {
  color: #999999;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li .detailedModelItem > span.text .smallText {
  color: #999999;
  font-size: 11px;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li > ul > li .detailedModelItem {
  padding: 0 0 0 15px;
}
.manufacturerModel__content .manufacturerContent__list--detailedModel > ul li > ul > li > ul li .detailedModelItem {
  padding: 0 0 0 30px;
}
.manufacturerModel__content .manufacturerContent .checkList .checkButton {
  display: inline-block;
  margin-bottom: 5px;
}
.manufacturerModel__content .manufacturerContent .checkList .checkButton input[type=checkbox], .manufacturerModel__content .manufacturerContent .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm, .manufacturerModel__content .manufacturerContent .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm {
  display: none;
}
.manufacturerModel__content .manufacturerContent .checkList .checkButton label {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.05em;
}
.manufacturerModel__content .manufacturerContent .checkList .checkButton input[type=checkbox]:checked + label, .manufacturerModel__content .manufacturerContent .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label, .new-content-body .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm:checked + label, .manufacturerModel__content .manufacturerContent .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label, .type-mydata .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.manufacturerModel__content .manufacturerContent .checkList .checkButton input[type=checkbox]:disabled + label, .manufacturerModel__content .manufacturerContent .checkList .checkButton .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm:disabled + label, .manufacturerModel__content .manufacturerContent .checkList .checkButton .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .manufacturerModel__content .manufacturerContent .checkList .checkButton [type=checkbox].ico-confirm:disabled + label {
  color: #999;
  background: #ececec;
}
.manufacturerModel__content .manufacturerContent .checkList--col5 {
  overflow: hidden;
  padding: 20px 15px 10px 10px;
}
.manufacturerModel__content .manufacturerContent .checkList--col5 > span {
  float: left;
  width: 33.3333%;
  padding: 0 0 5px 5px;
}

/* 검색상세목록 */
.topFixedBottom {
  padding: 0 15px;
}
.topFixedBottom .option-sel li {
  -webkit-box-flex: initial;
  width: 58px;
}
.topFixedBottom .option-sel li.add01 a:before, .topFixedBottom .option-sel li.add02 a:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background: url("../images/common/vehicle_item@4x.png?v=20200810") no-repeat;
  background-size: 96px auto;
  vertical-align: middle;
  opacity: 0.6;
}
.topFixedBottom .option-sel li.add01 {
  width: 78px;
}
.topFixedBottom .option-sel li.add01 a:before {
  background-position: -54px -33px;
}
.topFixedBottom .option-sel li.add02 {
  width: 70px;
}
.topFixedBottom .option-sel li.add02 a:before {
  background-position: -18px -33px;
}
.topFixedBottom .option-sel li.cmm-dis a:before {
  opacity: 0.5;
}
.topFixedBottom .btnRefineSearch {
  position: absolute;
  right: 15px;
  top: 0;
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  background: #2666c6;
  color: #fff;
  text-decoration: none;
  line-height: 38px;
  border-radius: 4px;
}
.topFixedBottom.fix {
  padding-left: 15px;
}
.topFixedBottom.fix .btnRefineSearch {
  top: 10px;
}

.topPosition {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 0;
  z-index: 100;
}
.topPosition .my-location-srch {
  position: relative;
  padding-left: 24px;
}
.topPosition .my-location-srch:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  background-position: -17px 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}
.topPosition .my-location-srch.on:after {
  opacity: 1;
}
.topPosition .my-location-srch.on button {
  color: #364f7f;
  font-weight: 600;
}
.topPosition .my-location-srch button {
  color: #666;
  border: 0;
  background: none;
  font-weight: 400;
}

/* 차차차서비스 레이어팝업 */
.layerList {
  padding: 0 0 50px;
}
.layerList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.layerList span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 0 0 15px;
}
.layerList span:after {
  content: "ⓘ";
  position: absolute;
  left: 0;
  top: -1px;
}
.layerList p, .layerList ul.guide-bul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 5px;
}

.selectMinMax {
  border: 1px solid #ddd;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.selectMinMax > div {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
}
.selectMinMax > div .title {
  display: block;
  height: 50px;
  line-height: 48px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 15px;
  color: #666666;
  text-align: center;
}
.selectMinMax > div .swiper-container {
  position: relative;
}
.selectMinMax > div .swiper-container:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  margin-top: -25px;
  z-index: -1;
}
.selectMinMax > div .swiper-container .swiper-wrapper {
  height: 275px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selectMinMax > div .swiper-container .swiper-wrapper a {
  display: block;
  padding: 13px 0;
  font-size: 20px;
  color: #999;
  text-decoration: none;
  text-align: center;
}
.selectMinMax > div .swiper-container .swiper-wrapper .swiper-slide-active a {
  color: #222;
}
.selectMinMax__max {
  border-left: 1px solid #ddd;
}

.paymentInput .bl {
  width: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 45px;
}

.visualImage {
  position: relative;
  background-color: #fff;
  padding-bottom: 30px;
}
.visualImage .img img {
  width: 100%;
}
.visualImage .text {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -40px;
  text-align: center;
  color: #fff;
}
.visualImage .text .title {
  font-size: 25px;
}

.visualImage.visualImage--diagnosis .img {
  position: relative;
  overflow: hidden;
}
.visualImage.visualImage--diagnosis .img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
.visualImage.visualImage--diagnosis .img.img--nodim:after {
  display: none;
}
.visualImage.visualImage--diagnosis .text01 {
  position: absolute;
  left: 0;
  top: 26%;
  width: 100%;
  text-align: left;
  color: #fff;
  text-align: center;
}
.visualImage.visualImage--diagnosis .text01 .title {
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}
.visualImage.visualImage--diagnosis .text01 small,
.visualImage.visualImage--diagnosis .text01 span {
  font: inherit;
}
.visualImage.visualImage--diagnosis .view-link {
  position: absolute;
  bottom: calc(10% + 40px);
  left: 0;
  width: 100%;
  height: 37px;
  margin-left: 0;
  text-align: center;
  font-size: 0;
}
.visualImage.visualImage--diagnosis .view-link a {
  display: inline-block;
  width: 148px;
  height: 37px;
  border: 1px solid #fff;
  background: #fff;
  color: #222;
  font-size: 14px;
  text-align: center;
  line-height: 37px;
}
.visualImage.visualImage--diagnosis .view-link a.bg-yellow {
  background: #ffcc02;
  border-color: #ffcc02;
}

.al-safety-area .layerMarketPrice {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.al-safety-area .layerMarketPrice:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.al-safety-area .layerMarketPrice span {
  display: none;
}

.noticeWrap--header {
  position: relative;
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
}
.noticeWrap--header .title {
  padding: 0 80px 0 0;
  font-size: 16px;
  font-weight: 600;
}
.noticeWrap--header .date {
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-size: 13px;
  color: #999999;
}
.noticeWrap--content {
  padding: 30px 0;
}
.noticeWrap--content p, .noticeWrap--content ul.guide-bul > li {
  margin-bottom: 20px;
}

.dot-new {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
  width: 16px;
  height: 16px;
  margin: -2px 2px 0;
  border-radius: 8px;
  background-color: #ff0000;
  vertical-align: middle;
  font-style: normal;
}

.dot-new-s {
  position: absolute;
  top: -4px;
  right: -6px;
  width: 4px;
  height: 4px;
  display: block;
  background: #f00;
  border-radius: 50%;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
}

.form-switch {
  display: inline-block;
}
.form-switch input, .form-switch .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .form-switch .ico-confirm, .form-switch .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .form-switch .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-switch input:checked + i, .form-switch .new-content-body .inp-box .ico-confirm:checked + i, .new-content-body .inp-box .form-switch .ico-confirm:checked + i, .form-switch .type-mydata .inp-box .ico-confirm:checked + i, .type-mydata .inp-box .form-switch .ico-confirm:checked + i {
  background: #ffcc00;
}
.form-switch input:checked + i span, .form-switch .new-content-body .inp-box .ico-confirm:checked + i span, .new-content-body .inp-box .form-switch .ico-confirm:checked + i span, .form-switch .type-mydata .inp-box .ico-confirm:checked + i span, .type-mydata .inp-box .form-switch .ico-confirm:checked + i span {
  left: 1.8rem;
}
.form-switch input[disabled] + i, .form-switch .new-content-body .inp-box [disabled].ico-confirm + i, .new-content-body .inp-box .form-switch [disabled].ico-confirm + i, .form-switch .type-mydata .inp-box [disabled].ico-confirm + i, .type-mydata .inp-box .form-switch [disabled].ico-confirm + i {
  background: #f8f8f8;
}
.form-switch input[disabled] + i span, .form-switch .new-content-body .inp-box [disabled].ico-confirm + i span, .new-content-body .inp-box .form-switch [disabled].ico-confirm + i span, .form-switch .type-mydata .inp-box [disabled].ico-confirm + i span, .type-mydata .inp-box .form-switch [disabled].ico-confirm + i span {
  background: #ddd;
}
.form-switch i {
  position: relative;
  display: block;
  width: 4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  background: #ddd;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.form-switch i span {
  position: absolute;
  top: 50%;
  left: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0.1rem 0 0.1rem rgba(0, 0, 0, 0.04);
          box-shadow: 0.1rem 0 0.1rem rgba(0, 0, 0, 0.04);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.form-switch.sm input:checked + i span, .form-switch.sm .new-content-body .inp-box .ico-confirm:checked + i span, .new-content-body .inp-box .form-switch.sm .ico-confirm:checked + i span, .form-switch.sm .type-mydata .inp-box .ico-confirm:checked + i span, .type-mydata .inp-box .form-switch.sm .ico-confirm:checked + i span {
  left: 1.7rem;
}
.form-switch.sm i {
  width: 3.6rem;
  height: 2rem;
}
.form-switch.sm i span {
  width: 1.6rem;
  height: 1.6rem;
}

.form-switch-area .form-switch {
  vertical-align: middle;
}
.form-switch-area .form-switch-txt {
  font-size: 14px;
  color: #222;
  font-weight: 500;
  margin: 0 0.5rem;
  vertical-align: middle;
  letter-spacing: -0.05em;
}

/* 공통 작업 */
[class*=s-section] h2.s-tit {
  font-size: 24px;
  margin-bottom: 30px;
  padding: 0 0 0 15px;
}

#container .brd-radius {
  position: relative;
  border-radius: 0 0 15px 15px;
  background: #fff;
}

#container .brd-radius01 {
  border-radius: 15px 15px 0 0;
  background: #fff;
}

.layer-pop-btm,
.s-find {
  overflow-y: auto;
  padding: 0 15px 64px 15px;
  border-radius: 15px 15px 0 0;
  background: #fff;
  bottom: 0;
  left: 0;
}
.layer-pop-btm .tit-pop,
.s-find .tit-pop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layer-pop-btm .tit-pop .pre-page,
.s-find .tit-pop .pre-page {
  position: relative;
  padding: 0 0 0 28px;
  text-decoration: none;
}
.layer-pop-btm .tit-pop .pre-page:after,
.s-find .tit-pop .pre-page:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 11px;
  background-size: 500px;
  background-position: -402px -16px;
}
.layer-pop-btm .tit-pop h1,
.s-find .tit-pop h1 {
  font-size: 18px;
  color: #222;
}
.layer-pop-btm .tit-pop p, .layer-pop-btm .tit-pop ul.guide-bul > li,
.s-find .tit-pop p,
.s-find .tit-pop ul.guide-bul > li {
  position: relative;
  font-size: 18px;
  color: #222;
}
.layer-pop-btm .tit-pop p a span, .layer-pop-btm .tit-pop ul.guide-bul > li a span,
.s-find .tit-pop p a span,
.s-find .tit-pop ul.guide-bul > li a span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}
.layer-pop-btm .tit-pop p:after, .layer-pop-btm .tit-pop ul.guide-bul > li:after,
.s-find .tit-pop p:after,
.s-find .tit-pop ul.guide-bul > li:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background: url("../images/common/sprite.png") no-repeat -54px -35px;
  background-size: 500px;
}
.layer-pop-btm .content-pop,
.s-find .content-pop {
  position: relative;
  padding: 30px 0 60px;
}
.layer-pop-btm .content-pop .p-box,
.s-find .content-pop .p-box {
  position: relative;
  margin-top: 40px;
}
.layer-pop-btm .content-pop .p-box.mg-b-10,
.s-find .content-pop .p-box.mg-b-10 {
  margin-bottom: -10px !important;
}
.layer-pop-btm .content-pop .p-box.mg-b-20,
.s-find .content-pop .p-box.mg-b-20 {
  margin-bottom: -20px !important;
}
.layer-pop-btm .content-pop .p-box.mg-b-30,
.s-find .content-pop .p-box.mg-b-30 {
  margin-bottom: -30px !important;
}
.layer-pop-btm .content-pop .p-box .justify-type,
.s-find .content-pop .p-box .justify-type {
  -webkit-box-pack: center;
}
.layer-pop-btm .content-pop .p-box .justify-type > div,
.s-find .content-pop .p-box .justify-type > div {
  margin: 0 7px;
}
.layer-pop-btm .content-pop h2.pop-tit,
.s-find .content-pop h2.pop-tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.layer-pop-btm .content-pop .s-icon-sel,
.s-find .content-pop .s-icon-sel {
  display: inline-block;
  padding: 8px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 15px;
}
.layer-pop-btm .content-pop .btn-switch-blue,
.s-find .content-pop .btn-switch-blue {
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox], .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm,
.s-find .content-pop .btn-switch-blue input[type=checkbox],
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm {
  height: 0;
  width: 0;
  visibility: hidden;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox] + label, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label,
.s-find .content-pop .btn-switch-blue input[type=checkbox] + label,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 49px;
  height: 24px;
  background: #999;
  display: block;
  border-radius: 100px;
  position: relative;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox] + label.price, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label.price, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label.price, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label.price, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label.price,
.s-find .content-pop .btn-switch-blue input[type=checkbox] + label.price,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label.price,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label.price,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label.price,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label.price {
  width: 75px;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox] + label:after, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label:after, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:after, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label:after, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:after,
.s-find .content-pop .btn-switch-blue input[type=checkbox] + label:after,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label:after,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:after,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label:after,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox] + label:before, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label:before, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:before, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label:before, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:before,
.s-find .content-pop .btn-switch-blue input[type=checkbox] + label:before,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label:before,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:before,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label:before,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm + label:before {
  content: "직접입력";
  position: absolute;
  right: 6px;
  top: 3px;
  color: #fff;
  font-size: 13px;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox]:checked + label, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label,
.s-find .content-pop .btn-switch-blue input[type=checkbox]:checked + label,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label {
  background: #364f7f;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox]:checked + label:after, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after,
.s-find .content-pop .btn-switch-blue input[type=checkbox]:checked + label:after,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after {
  left: calc(100% - 4px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox]:checked + label:before, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:before, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:before, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:before, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:before,
.s-find .content-pop .btn-switch-blue input[type=checkbox]:checked + label:before,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:before,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:before,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:before,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label:before {
  position: absolute;
  left: 43px;
  top: 3px;
  font-size: 13px;
  color: #fff;
  right: auto;
}
.layer-pop-btm .content-pop .btn-switch-blue input[type=checkbox]:checked + label.price:before, .layer-pop-btm .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label.price:before, .new-content-body .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label.price:before, .layer-pop-btm .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label.price:before, .type-mydata .inp-box .layer-pop-btm .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label.price:before,
.s-find .content-pop .btn-switch-blue input[type=checkbox]:checked + label.price:before,
.s-find .content-pop .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label.price:before,
.new-content-body .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label.price:before,
.s-find .content-pop .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label.price:before,
.type-mydata .inp-box .s-find .content-pop .btn-switch-blue [type=checkbox].ico-confirm:checked + label.price:before {
  content: "직접입력";
}
.layer-pop-btm .content-pop .con-txt,
.s-find .content-pop .con-txt {
  font-size: 14px;
  color: #222;
}
.layer-pop-btm .content-pop .con-exp dt, .layer-pop-btm .content-pop .con-exp .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .layer-pop-btm .content-pop .con-exp dd,
.s-find .content-pop .con-exp dt,
.s-find .content-pop .con-exp .dealer-detail .dealer-detail__status > div dd,
.dealer-detail .dealer-detail__status > div .s-find .content-pop .con-exp dd {
  font-size: 18px;
  color: #222;
  margin-bottom: 15px;
}
.layer-pop-btm .content-pop .con-exp dd,
.s-find .content-pop .con-exp dd {
  font-size: 14px;
  color: #222;
}
.layer-pop-btm .content-pop .p-box .tool-tip,
.s-find .content-pop .p-box .tool-tip {
  position: absolute;
  left: 30%;
  top: 0;
}
.layer-pop-btm .content-pop .p-box .tool-tip a,
.s-find .content-pop .p-box .tool-tip a {
  display: inline-block;
  position: relative;
  padding: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  height: 18px;
  border: 0;
}
.layer-pop-btm .content-pop .p-box .tool-tip a:after,
.s-find .content-pop .p-box .tool-tip a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 2px;
  top: 0px;
  width: 18px;
  height: 18px;
  background-position: -60px -289px;
}
.layer-pop-btm .content-pop .p-box .tit-tooltip .pop-tit,
.s-find .content-pop .p-box .tit-tooltip .pop-tit {
  display: inline-block;
  vertical-align: top;
}
.layer-pop-btm .content-pop .p-box .tit-tooltip .tool-tip,
.s-find .content-pop .p-box .tit-tooltip .tool-tip {
  position: relative;
  display: inline-block;
  left: 0;
  top: 4px;
}
.layer-pop-btm .content-pop .p-box .tit-tooltip .tool-tip a,
.s-find .content-pop .p-box .tit-tooltip .tool-tip a {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  width: 18px;
  height: 18px;
  border: 0;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -289px;
  z-index: 2;
}
.layer-pop-btm .content-pop .p-box .tit-tooltip .tool-tip a:after,
.s-find .content-pop .p-box .tit-tooltip .tool-tip a:after {
  display: none;
}
.layer-pop-btm .content-pop del,
.s-find .content-pop del {
  color: #666;
}
.layer-pop-btm .content-pop .font-w600,
.s-find .content-pop .font-w600 {
  font-weight: 600;
}
.layer-pop-btm .content-pop .btm-wrap,
.s-find .content-pop .btm-wrap {
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  text-align: center;
}
.layer-pop-btm .content-pop .btm-wrap a,
.s-find .content-pop .btm-wrap a {
  font-size: 16px;
  text-decoration: none;
  color: #222;
  font-weight: 600;
}
.layer-pop-btm .btn-wrap.btm-col,
.s-find .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.layer-pop-btm .btn-wrap.btm-col.col2,
.s-find .btn-wrap.btm-col.col2 {
  display: -webkit-box;
}
.layer-pop-btm .btn-wrap.btm-col.col2-w50,
.s-find .btn-wrap.btm-col.col2-w50 {
  display: -webkit-box;
}
.layer-pop-btm .btn-wrap.btm-col.col2-w50 a:nth-child(1),
.s-find .btn-wrap.btm-col.col2-w50 a:nth-child(1) {
  width: 50%;
}
.layer-pop-btm .btn-wrap.btm-col.col2-w50 a:nth-child(2),
.s-find .btn-wrap.btm-col.col2-w50 a:nth-child(2) {
  width: 50%;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr,
.s-find .btn-wrap.btm-col.col2-colr {
  display: -webkit-box;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr a,
.s-find .btn-wrap.btm-col.col2-colr a {
  border-top: none;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr a:nth-child(1),
.s-find .btn-wrap.btm-col.col2-colr a:nth-child(1) {
  width: 50%;
  border-top: none;
  border-right: none;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr a:nth-child(1) span,
.s-find .btn-wrap.btm-col.col2-colr a:nth-child(1) span {
  color: #222;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr a:nth-child(2),
.s-find .btn-wrap.btm-col.col2-colr a:nth-child(2) {
  width: 50%;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr.on a:nth-child(1),
.s-find .btn-wrap.btm-col.col2-colr.on a:nth-child(1) {
  border-color: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col2-colr.on a:nth-child(1):before,
.s-find .btn-wrap.btm-col.col2-colr.on a:nth-child(1):before {
  background: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr,
.s-find .btn-wrap.btm-col.col3-colr {
  display: -webkit-box;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr a:nth-child(1),
.s-find .btn-wrap.btm-col.col3-colr a:nth-child(1) {
  width: 33%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr a:nth-child(1) span,
.s-find .btn-wrap.btm-col.col3-colr a:nth-child(1) span {
  color: #222;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr a:nth-child(2),
.s-find .btn-wrap.btm-col.col3-colr a:nth-child(2) {
  width: 33%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr a:nth-child(2) span,
.s-find .btn-wrap.btm-col.col3-colr a:nth-child(2) span {
  color: #222;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr a:nth-child(3),
.s-find .btn-wrap.btm-col.col3-colr a:nth-child(3) {
  width: 34%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr.on a:nth-child(1),
.s-find .btn-wrap.btm-col.col3-colr.on a:nth-child(1) {
  border-color: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr.on a:nth-child(1):before,
.s-find .btn-wrap.btm-col.col3-colr.on a:nth-child(1):before {
  background: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr.on a:nth-child(2),
.s-find .btn-wrap.btm-col.col3-colr.on a:nth-child(2) {
  border-color: #ddd;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr.on a:nth-child(2):before,
.s-find .btn-wrap.btm-col.col3-colr.on a:nth-child(2):before {
  display: none;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m,
.s-find .btn-wrap.btm-col.col3-colr-m {
  display: -webkit-box;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m a:nth-child(1),
.s-find .btn-wrap.btm-col.col3-colr-m a:nth-child(1) {
  width: 33%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m a:nth-child(1) span,
.s-find .btn-wrap.btm-col.col3-colr-m a:nth-child(1) span {
  color: #222;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m a:nth-child(2),
.s-find .btn-wrap.btm-col.col3-colr-m a:nth-child(2) {
  width: 33%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m a:nth-child(2) span,
.s-find .btn-wrap.btm-col.col3-colr-m a:nth-child(2) span {
  color: #222;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m a:nth-child(3),
.s-find .btn-wrap.btm-col.col3-colr-m a:nth-child(3) {
  width: 34%;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m.on a:nth-child(2),
.s-find .btn-wrap.btm-col.col3-colr-m.on a:nth-child(2) {
  border-color: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m.on a:nth-child(2):before,
.s-find .btn-wrap.btm-col.col3-colr-m.on a:nth-child(2):before {
  background: #ffbc00;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m.on a:nth-child(1),
.s-find .btn-wrap.btm-col.col3-colr-m.on a:nth-child(1) {
  border-color: #ddd;
}
.layer-pop-btm .btn-wrap.btm-col.col3-colr-m.on a:nth-child(1):before,
.s-find .btn-wrap.btm-col.col3-colr-m.on a:nth-child(1):before {
  display: none;
}
.layer-pop-btm.tp02,
.s-find.tp02 {
  padding: 0;
}
.layer-pop-btm.tp02 .tit-pop,
.s-find.tp02 .tit-pop {
  padding-left: 15px;
  padding-right: 15px;
}
.layer-pop-btm.tp02 .pop-tab-type,
.s-find.tp02 .pop-tab-type {
  padding-left: 15px;
  padding-right: 15px;
}
.layer-pop-btm.tp02 .option-dec-slide .swiper-button-prev,
.s-find.tp02 .option-dec-slide .swiper-button-prev {
  left: 30px;
}
.layer-pop-btm.tp02 .option-dec-slide .swiper-button-next,
.s-find.tp02 .option-dec-slide .swiper-button-next {
  right: 30px;
}
.layer-pop-btm.tp02 .option-desc,
.s-find.tp02 .option-desc {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.layer-pop-btm.layer-pop-btm--yellow .btn-wrap.btm-col.on a {
  border-color: #ffcc00;
}
.layer-pop-btm.layer-pop-btm--yellow .btn-wrap.btm-col.on a span {
  color: #000;
}
.layer-pop-btm.layer-pop-btm--yellow .btn-wrap.btm-col.on a:before {
  background-color: #ffcc00;
}
.layer-pop-btm.layer-pop-btm--yellow .btn-wrap.btm-col.col2 a:nth-child(2) {
  border-color: #ffcc00;
  background: #ffcc00;
}

.btn-wrap-fix.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.btn-wrap-fix.btm-col.col2 {
  display: -webkit-box;
}
.btn-wrap-fix.btm-col.col2-colr {
  display: -webkit-box;
}
.btn-wrap-fix.btm-col.col2-colr a {
  border-top: none;
}
.btn-wrap-fix.btm-col.col2-colr a:nth-child(1) {
  width: 50%;
  border-top: none;
  border-right: none;
}
.btn-wrap-fix.btm-col.col2-colr a:nth-child(1) span {
  color: #222;
}
.btn-wrap-fix.btm-col.col2-colr a:nth-child(2) {
  width: 50%;
}
.btn-wrap-fix.btm-col.col2-colr.on a:nth-child(1):before {
  background: #ffbc00;
}

.btn-wrap-fix {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.btn-wrap-fix.con-fixed {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 102;
}
.btn-wrap-fix.col3-colr {
  display: -webkit-box;
  z-index: 1001;
}
.btn-wrap-fix.col3-colr a:nth-child(1) {
  width: 33%;
  border-color: #ffbc00;
}
.btn-wrap-fix.col3-colr a:nth-child(1):before {
  background: #ffbc00;
}
.btn-wrap-fix.col3-colr a:nth-child(1) span {
  color: #222;
}
.btn-wrap-fix.col3-colr a:nth-child(2) {
  width: 33%;
  border-color: #ddd;
}
.btn-wrap-fix.col3-colr a:nth-child(2):before {
  display: none;
}
.btn-wrap-fix.col3-colr a:nth-child(2) span {
  color: #222;
}
.btn-wrap-fix.col3-colr a:nth-child(3) {
  width: 34%;
}
.btn-wrap-fix.flex-consult {
  bottom: 20px !important;
  display: block;
}
.btn-wrap-fix.flex-consult .flex-consult__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn-wrap-fix.flex-consult .flex-consult__call a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  border-radius: 40px;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  background: #fff;
  padding: 0 0 0 20px;
}
.btn-wrap-fix.flex-consult .flex-consult__call a span {
  position: relative;
}
.btn-wrap-fix.flex-consult .flex-consult__call a span:after {
  content: "";
  position: absolute;
  left: -23px;
  top: 0;
  width: 17px;
  height: 17px;
  background: url("../images/common/bg_button.png") no-repeat;
  background-size: 40px 17px;
}
.btn-wrap-fix.flex-consult .flex-consult__call a.blue {
  background: #364f7f;
}
.btn-wrap-fix.flex-consult .flex-consult__call a.blue span {
  color: #fff;
}
.btn-wrap-fix.flex-consult .flex-consult__call a.call span:after {
  background-position: -26px 0;
  width: 14px;
}

.btn-wrap-fix.btn-wrap--round {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 245, 0)), color-stop(60%, rgb(244, 244, 245)));
  background-image: linear-gradient(rgba(244, 244, 245, 0) 0%, rgb(244, 244, 245) 60%);
  padding: 12px 10px;
  -webkit-transition: all 325ms ease-in-out 0s;
  transition: all 325ms ease-in-out 0s;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts {
  position: relative;
  width: 49%;
  border-radius: 15px;
  line-height: 1.15;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts:first-child {
  float: left;
  color: #364f7f;
  border-color: #364f7f;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts:first-child.has-tool-tip:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -14px;
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #364f7f;
  margin-left: -6px;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts:first-child.has-tool-tip:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #fff;
  margin-left: -5px;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts:last-child {
  float: right;
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts span {
  line-height: 52px;
  vertical-align: top;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts .service-explain {
  position: absolute;
  left: 0;
  top: 0px;
  display: inline-block;
  margin-top: -45px;
  min-width: 100%;
  color: #666;
  font-size: 12px;
  line-height: 1.15;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid #364f7f;
  background: #fff;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts .service-explain span {
  font: inherit;
}
.btn-wrap-fix.btn-wrap--round .btn--two-parts .service-explain strong {
  position: relative;
  display: inline-block;
  padding: 2px 0;
  color: #364f7f;
  font-weight: 500;
  border-bottom: 1px solid #364f7f;
  vertical-align: baseline;
}

.btn-wrap--tab-bar {
  position: fixed;
  bottom: calc(54px + constant(safe-area-inset-bottom));
  bottom: calc(54px + env(safe-area-inset-bottom));
  display: block;
  width: 100%;
  padding: 12px 10px;
  z-index: 100;
}
.btn-wrap--tab-bar .btn {
  border-radius: 15px;
  border-color: #364f7f;
  color: #364f7f;
  font-size: 16px;
  font-weight: 700;
}
.btn-wrap--tab-bar .btn span {
  font: inherit;
}
.btn-wrap--tab-bar .btn--dark {
  color: #fff;
  background: #364f7f;
}

.btn-wrap--tab-bar__block {
  posiiton: relative;
  overflow: hidden;
}

.btn-wrap--tab-bar__cell {
  display: block;
  width: 50%;
}
.btn-wrap--tab-bar__cell:first-child {
  float: left;
  padding-right: 4px;
}
.btn-wrap--tab-bar__cell:last-child {
  float: right;
  padding-left: 4px;
}
.btn-wrap--tab-bar-dealer .btn-wrap--tab-bar__cell:first-child {
  width: 41.7%;
}
.btn-wrap--tab-bar-dealer .btn-wrap--tab-bar__cell:last-child {
  width: 58.3%;
}

.header.buy-header-p {
  padding: 0;
  background: #fff;
}
.header.buy-header-p h1 {
  color: #222;
  font-size: 18px;
  padding: 0;
}
.header.buy-header-p .pre-none {
  padding: 14px 0 6px 15px;
}
.header.buy-header-p .pre-none + .btn-close {
  position: absolute;
  right: 10px;
  top: -3px;
}
.header.buy-header-p .pre-none + .btn-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.header.buy-header-p .pre-none + .btn-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.header.buy-header-p .btn-top {
  position: absolute;
  top: 3px;
  right: 0;
}
.header.buy-header-p .btn-top a {
  position: relative;
  display: inline-block;
  padding: 15px 10px 15px 17px;
  color: #222;
  text-decoration: none;
}
.header.buy-header-p .btn-top a:after {
  content: "";
  display: inline-block;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 0;
}
.header.buy-header-p .btn-top a.home {
  margin: 7px 0 0 8px;
  width: 30px;
  height: 30px;
  padding: 0;
  background: url(../images/sub/icon-home.svg) center/2rem auto no-repeat;
}
.header.buy-header-p .btn-top .share:after {
  background-position: -35px -25px;
  width: 13px;
  height: 13px;
  margin-top: -8px;
}
.header.buy-header-p .btn-top .interest:after {
  background-position: -19px -90px;
  width: 12px;
  height: 12px;
  margin-top: -7px;
}
.header.buy-header-p .btn-top .interest.on:after {
  background-position: -35px 0;
}
.header.buy-header-p .btn-top .view:after {
  background: url("../images/sub/icon_view.png") no-repeat;
  background-size: 13px 10px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 13px;
  height: 10px;
  margin-top: -5px;
}
.header.buy-header-p .btn-top.btn-top-dt .share {
  padding: 0;
  width: 23px;
  height: 13px;
}
.header.buy-header-p .btn-top.btn-top-dt .share:after {
  margin-top: -7px;
}
.header.buy-header-p + div {
  margin-top: 56px;
}

.s-section h2.sub-tit {
  font-weight: bold;
  font-size: 18px;
}
.s-section .s-sub-txt {
  font-size: 14px;
  padding: 0 0 0 15px;
  color: #666;
}
.s-section .btn-wrap {
  padding: 0 15px;
}
.s-section .btn-wrap .btn {
  display: block;
  width: 100%;
  height: 54px;
  background: #fff;
  border: 1px solid #2666c6;
  color: #2666c6;
  text-align: center;
  font-size: 18px;
  line-height: 54px;
  border-radius: 4px;
  text-decoration: none;
}
.s-section .sub-txt {
  line-height: 18px;
  margin-top: 6px;
}
.s-section .btn-box {
  margin-top: 16px;
}
.s-section .sub-list {
  margin-top: 20px;
  padding-bottom: 25px;
}
.s-section .sub-list li {
  line-height: 18px;
  margin-top: 6px;
  padding-left: 15px;
  text-indent: -15px;
  color: #666;
}

.buy .s-detail-model {
  margin-bottom: 0;
  padding: 0 0 80px 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layer-pop-btm .srch-list > ul {
  margin: 0;
  border-top: none;
}

.srch-list .chk-all {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 17px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin-bottom: -1px;
}
.srch-list > ul {
  margin: 0 15px;
  border-top: 1px solid #ddd;
}
.srch-list > ul li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 17px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.srch-list > ul li div.ra-ck a {
  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;
  width: 100%;
}
.srch-list > ul li ul {
  display: block;
}
.srch-list > ul li div.label-div {
  font-size: 14px;
  color: #222;
}
.srch-list > ul li div.label-div span.product-period {
  font-size: 13px;
  color: #666;
  padding-left: 15px;
}
.srch-list > ul li .car-amount {
  font-size: 14px;
  color: #666;
}
.srch-list div.detail-sub {
  margin: 17px 0 -17px;
}
.srch-list div.detail-sub ul li {
  border-bottom: none;
  border-top: 1px solid #ddd;
  padding: 17px 0;
  margin: 0;
}
.srch-list div.detail-sub ul li .ra-ck {
  padding-left: 30px;
}
.srch-list div.detail-sub ul li:first-child:after {
  display: none;
}
.srch-list div.detail-sub ul li.chk-disabled .a-link .label-div, .srch-list div.detail-sub ul li.chk-disabled .a-link .car-amount {
  color: #999;
}
.srch-list div.detail-sub .detail-sub {
  margin: 17px 0 -17px;
}
.srch-list div.detail-sub .detail-sub ul li {
  padding: 17px 0 17px 30px;
}
.srch-list.srch-list01 {
  padding: 55px 15px 0;
}
.srch-list.srch-list01 ul {
  margin: 0;
}
.srch-list.srch-list01 ul li {
  padding: 17px 15px;
}
.srch-list.srch-list01 ul li .input-ck + label {
  font-weight: 600;
}
.srch-list.srch-list01 ul li .input-ck + label:after {
  top: 2px;
}
.srch-list.layer-op-list li {
  padding: 26px 20px;
}
.srch-list.cmm-link li {
  padding: 0;
}
.srch-list.cmm-link li a.h-box {
  margin-bottom: 0;
  padding: 17px 0;
  text-decoration: none;
}
.srch-list.cmm-link li ul li {
  padding: 0 0 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 0;
}

.chk-2dep .h-box {
  margin-bottom: 0;
}
.chk-2dep > .chk-disabled .ra-ck a .label-div,
.chk-2dep > .chk-disabled .ra-ck a .car-amount {
  color: #999;
}
.chk-2dep div.detail-sub ul li {
  padding-left: 30px;
}
.chk-2dep div.detail-sub ul li .ra-ck {
  padding-left: 0;
}
.chk-2dep.detail-sub li {
  padding: 0;
}
.chk-2dep.detail-sub li a {
  height: 54px;
}
.chk-2dep.detail-sub li a .label-div {
  width: 75%;
  padding: 0 10px 0 0;
}

.srch-list-pd0 {
  margin-top: 10px;
}
.srch-list-pd0 > ul li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 17px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.srch-list-pd0 > ul li div.ra-ck a {
  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;
  width: 100%;
}
.srch-list-pd0 > ul li div.label-div {
  font-size: 14px;
  color: #222;
  font-weight: 500;
}
.srch-list-pd0 > ul li div.label-div span.product-period {
  font-size: 13px;
  color: #666;
  padding-left: 15px;
  font-weight: 300;
}
.srch-list-pd0 > ul li .btn-arr {
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 5px;
  height: 8px;
  background-position: -77px -279px;
}

.buy .s-grade-model {
  padding: 0 0 80px 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: -10px;
}

.buy .direct-srch,
.append-class {
  border-radius: 0 0 15px 15px;
  padding-bottom: 30px;
}
.buy .direct-srch a,
.append-class a {
  text-decoration: none;
}
.buy .direct-srch .srch-input-fixed,
.append-class .srch-input-fixed {
  position: relative;
  height: 51px;
  border-bottom: 1px solid #ddd;
  padding: 0;
}
.buy .direct-srch .srch-input-fixed .btn-back,
.append-class .srch-input-fixed .btn-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 50px;
  border: 0;
  background: transparent;
}
.buy .direct-srch .srch-input-fixed .btn-back:after,
.append-class .srch-input-fixed .btn-back:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 19px;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 11px;
  margin-left: -7px;
  background-size: 500px;
  background-position: -402px -16px;
}
.buy .direct-srch .srch-input-fixed .btn-search-del,
.append-class .srch-input-fixed .btn-search-del {
  position: absolute;
  right: -80px;
  top: 0;
  width: 40px;
  height: 50px;
  border: 0;
  background: transparent;
  -webkit-transform: translate(80px, 0);
      -ms-transform: translate(80px, 0);
          transform: translate(80px, 0);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.buy .direct-srch .srch-input-fixed .btn-search-del:after,
.append-class .srch-input-fixed .btn-search-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 19px;
  background: url("../images/common/sprite.png") no-repeat;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background-size: 500px;
  background-position: -54px -35px;
}
.buy .direct-srch .srch-input-fixed .btn-search-del.on,
.append-class .srch-input-fixed .btn-search-del.on {
  -webkit-transform: translate(-80px, 0);
      -ms-transform: translate(-80px, 0);
          transform: translate(-80px, 0);
}
.buy .direct-srch .srch-input-fixed .srch-input,
.append-class .srch-input-fixed .srch-input {
  position: relative;
  height: 51px;
  margin: 0;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset,
.append-class .srch-input-fixed .srch-input fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm,
.append-class .srch-input-fixed .srch-input fieldset input,
.append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm,
.append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 0 50px 0 40px;
  outline: none;
  background: transparent;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder {
  color: #999;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input::-moz-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder, .append-class .srch-input-fixed .srch-input fieldset input::-moz-placeholder, .append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder, .append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-moz-placeholder {
  color: #999;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input:-ms-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset input:-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm:-ms-input-placeholder {
  color: #999;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input::-ms-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset input::-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder, .append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-ms-input-placeholder {
  color: #999;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input::placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder,
.append-class .srch-input-fixed .srch-input fieldset input::placeholder,
.append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::placeholder,
.new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder,
.append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::placeholder,
.type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::placeholder {
  color: #999;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset input::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder,
.new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder,
.type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.buy .direct-srch .srch-input-fixed .srch-input fieldset input:focus::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:focus::-webkit-input-placeholder, .new-content-body .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder, .buy .direct-srch .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:focus::-webkit-input-placeholder, .type-mydata .inp-box .buy .direct-srch .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset input:focus::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm:focus::-webkit-input-placeholder,
.new-content-body .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder,
.append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm:focus::-webkit-input-placeholder,
.type-mydata .inp-box .append-class .srch-input-fixed .srch-input fieldset .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_srch,
.append-class .srch-input-fixed .srch-input .btn_srch {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 50px;
  background: #fff;
  background-size: 500px;
  border: 0 none;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_srch span,
.append-class .srch-input-fixed .srch-input .btn_srch span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
  text-indent: -999em;
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_srch:after,
.append-class .srch-input-fixed .srch-input .btn_srch:after {
  content: "";
  width: 14px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -8px;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -200px -55px;
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_srch.on,
.append-class .srch-input-fixed .srch-input .btn_srch.on {
  -webkit-transform: translate(80px, 0);
      -ms-transform: translate(80px, 0);
          transform: translate(80px, 0);
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_close,
.append-class .srch-input-fixed .srch-input .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  background-size: 500px;
  border: 0 none;
  cursor: pointer;
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_close span,
.append-class .srch-input-fixed .srch-input .btn_close span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.buy .direct-srch .srch-input-fixed .srch-input .btn_close:after,
.append-class .srch-input-fixed .srch-input .btn_close:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background: url("../images/common/sprite.png") no-repeat -54px -35px;
  background-size: 500px;
}
.buy .direct-srch .tag-sel-area,
.append-class .tag-sel-area {
  position: static;
}
.buy .direct-srch .tag-sel-area .tag-sel,
.append-class .tag-sel-area .tag-sel {
  position: relative;
  overflow: auto;
  padding: 15px;
  margin-bottom: -30px;
}
.buy .direct-srch .tag-sel-area .tag-sel ul,
.append-class .tag-sel-area .tag-sel ul {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li,
.append-class .tag-sel-area .tag-sel ul li {
  display: inline-block;
  padding-right: 2px;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li:last-child,
.append-class .tag-sel-area .tag-sel ul li:last-child {
  padding-right: 15px;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a,
.append-class .tag-sel-area .tag-sel ul li a {
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  padding: 0 10px;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag01,
.append-class .tag-sel-area .tag-sel ul li a.tag01 {
  background: #fd665c;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag02,
.append-class .tag-sel-area .tag-sel ul li a.tag02 {
  background: #10a8e5;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag03,
.append-class .tag-sel-area .tag-sel ul li a.tag03 {
  background: #9cd5c2;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag04,
.append-class .tag-sel-area .tag-sel ul li a.tag04 {
  background: #ffbc00;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag05,
.append-class .tag-sel-area .tag-sel ul li a.tag05 {
  background: #533f3b;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag06,
.append-class .tag-sel-area .tag-sel ul li a.tag06 {
  background: #2666c6;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag07,
.append-class .tag-sel-area .tag-sel ul li a.tag07 {
  background: #fc0;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag08,
.append-class .tag-sel-area .tag-sel ul li a.tag08 {
  background: #364f7f;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag09,
.append-class .tag-sel-area .tag-sel ul li a.tag09 {
  background: #60584c;
}
.buy .direct-srch .tag-sel-area .tag-sel ul li a.tag10,
.append-class .tag-sel-area .tag-sel ul li a.tag10 {
  background: #999;
}
.buy .direct-srch .srch-kwd-list,
.append-class .srch-kwd-list {
  padding: 15px 20px 0;
}
.buy .direct-srch .srch-kwd-list li,
.append-class .srch-kwd-list li {
  padding: 10px 0;
  font-size: 14px;
}
.buy .direct-srch .srch-kwd-list li p.srch-car-name, .buy .direct-srch .srch-kwd-list li ul.guide-bul > li.srch-car-name,
.append-class .srch-kwd-list li p.srch-car-name,
.append-class .srch-kwd-list li ul.guide-bul > li.srch-car-name {
  font-weight: 700;
}
.buy .direct-srch .srch-kwd-list li p.srch-car-name b, .buy .direct-srch .srch-kwd-list li ul.guide-bul > li.srch-car-name b,
.append-class .srch-kwd-list li p.srch-car-name b,
.append-class .srch-kwd-list li ul.guide-bul > li.srch-car-name b {
  font-weight: normal;
  color: #fd665c;
}
.buy .direct-srch .srch-kwd-list li p.srch-car-info, .buy .direct-srch .srch-kwd-list li ul.guide-bul > li.srch-car-info,
.append-class .srch-kwd-list li p.srch-car-info,
.append-class .srch-kwd-list li ul.guide-bul > li.srch-car-info {
  color: #999;
  margin-top: 5px;
}
.buy .direct-srch .srch-rct-list,
.append-class .srch-rct-list {
  padding: 30px 15px 0;
}
.buy .direct-srch .srch-rct-list .favorite-txt,
.append-class .srch-rct-list .favorite-txt {
  position: relative;
  font-size: 14px;
  padding-left: 17px;
  line-height: 1.4;
}
.buy .direct-srch .srch-rct-list .favorite-txt:after,
.append-class .srch-rct-list .favorite-txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-position: -48px 0;
  width: 13px;
  height: 12px;
  background-size: 250px;
}
.buy .direct-srch .srch-rct-list .srch-last-list,
.append-class .srch-rct-list .srch-last-list {
  margin: 20px 0 0 0;
}
.buy .direct-srch .srch-rct-list .srch-last-list li,
.append-class .srch-rct-list .srch-last-list li {
  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;
  padding: 5px 0;
  font-size: 14px;
}
.buy .direct-srch .srch-rct-list .srch-last-list li div,
.append-class .srch-rct-list .srch-last-list li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buy .direct-srch .srch-rct-list .srch-last-list li .btn-favorite,
.append-class .srch-rct-list .srch-last-list li .btn-favorite {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 26px;
  height: 25px;
}
.buy .direct-srch .srch-rct-list .srch-last-list li .btn-favorite:after,
.append-class .srch-rct-list .srch-last-list li .btn-favorite:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -180px -55px;
  width: 16px;
  height: 15px;
  background-size: 500px;
}
.buy .direct-srch .srch-rct-list .srch-last-list li .btn-favorite.on:after,
.append-class .srch-rct-list .srch-last-list li .btn-favorite.on:after {
  background-position: -180px -70px;
}
.buy .direct-srch .srch-rct-list .srch-last-list li .btn-del,
.append-class .srch-rct-list .srch-last-list li .btn-del {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 25px;
  height: 25px;
}
.buy .direct-srch .srch-rct-list .srch-last-list li .btn-del:after,
.append-class .srch-rct-list .srch-last-list li .btn-del:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -36px -35px;
  width: 15px;
  height: 15px;
  background-size: 500px;
}
.buy .direct-srch .srch-rct-list .search-txt,
.append-class .srch-rct-list .search-txt {
  overflow: hidden;
}
.buy .direct-srch .srch-rct-list .search-txt .hide-list,
.append-class .srch-rct-list .search-txt .hide-list {
  overflow: hidden;
  margin: -10px 0 0 -5px;
}
.buy .direct-srch .srch-rct-list .search-txt .hide-list a,
.append-class .srch-rct-list .search-txt .hide-list a {
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 16px;
  padding: 0 10px;
  margin: 10px 0 0 5px;
  border: 1px solid #ddd;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 500;
  color: #999;
}
.buy .direct-srch .no-data,
.append-class .no-data {
  font-size: 14px;
  text-align: center;
  padding: 15px 0 10px 0;
}
.buy .direct-srch .no-data p, .buy .direct-srch .no-data ul.guide-bul > li,
.append-class .no-data p,
.append-class .no-data ul.guide-bul > li {
  padding: 2px 0;
}
.buy .direct-srch .no-data i,
.append-class .no-data i {
  font-style: normal;
  color: #2a82e4;
}
.buy .direct-srch .no-data b,
.append-class .no-data b {
  font-weight: normal;
  color: #fd665c;
}
.buy .direct-srch.tp02,
.append-class.tp02 {
  border-radius: 0;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f1f1f1;
}
.buy .direct-srch.tp02 .srch-input-fixed,
.append-class.tp02 .srch-input-fixed {
  background-color: #fff;
}
.buy .direct-srch.tp02 .srch-rlt-list,
.append-class.tp02 .srch-rlt-list {
  padding: 20px 10px;
  margin-bottom: 10px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.buy .direct-srch.tp02 .srch-rlt-list.first,
.append-class.tp02 .srch-rlt-list.first {
  border-radius: 0 0 15px 15px;
}
.buy .direct-srch.tp02 .srch-rlt-list li,
.append-class.tp02 .srch-rlt-list li {
  padding: 10px;
  font-size: 14px;
}
.buy .direct-srch.tp02 .srch-rlt-list li p.srch-car-name b, .buy .direct-srch.tp02 .srch-rlt-list li ul.guide-bul > li.srch-car-name b,
.append-class.tp02 .srch-rlt-list li p.srch-car-name b,
.append-class.tp02 .srch-rlt-list li ul.guide-bul > li.srch-car-name b {
  font-weight: normal;
  color: #fd665c;
}
.buy .direct-srch.tp02 .srch-rlt-list li p.srch-car-info, .buy .direct-srch.tp02 .srch-rlt-list li ul.guide-bul > li.srch-car-info,
.append-class.tp02 .srch-rlt-list li p.srch-car-info,
.append-class.tp02 .srch-rlt-list li ul.guide-bul > li.srch-car-info {
  color: #999;
  margin-top: 5px;
}
.buy .direct-srch.tp02 .srch-rlt-list .btn-blue-arr,
.append-class.tp02 .srch-rlt-list .btn-blue-arr {
  margin-bottom: -20px;
}
.buy .direct-srch.tp02 .srch-rlt-list .tit-box,
.append-class.tp02 .srch-rlt-list .tit-box {
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
}
.buy .direct-srch.tp02 .srch-rlt-list .tit-box .tit,
.append-class.tp02 .srch-rlt-list .tit-box .tit {
  float: left;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.buy .direct-srch.tp02 .srch-rlt-list .tit-box .link,
.append-class.tp02 .srch-rlt-list .tit-box .link {
  float: right;
  display: inline-block;
  margin-top: 3px;
  font-size: 14px;
  color: #364f7f;
}
.buy .direct-srch .link-box,
.append-class .link-box {
  margin: 10px 0;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
  overflow: hidden;
}
.buy .direct-srch .link-box .link,
.append-class .link-box .link {
  display: block;
  padding: 20px 10px;
  font-size: 14px;
  color: #364f7f;
  text-align: center;
}

.buy .append-class {
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-top: 1px solid #ddd;
}
.buy .append-class .srch-input-fixed .srch-input fieldset input, .buy .append-class .srch-input-fixed .srch-input fieldset .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .buy .append-class .srch-input-fixed .srch-input fieldset .ico-confirm, .buy .append-class .srch-input-fixed .srch-input fieldset .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .buy .append-class .srch-input-fixed .srch-input fieldset .ico-confirm {
  padding: 0 50px 0 15px;
}
.buy .append-class .srch-input-fixed .srch-input .btn_close:after {
  right: 19px;
}

.srch-none {
  position: relative;
  height: 187px;
  margin-bottom: 10px;
  padding-top: 144px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.srch-none:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background: url("../images/common/icon_search_none.png") no-repeat;
  background-size: 100% 100%;
}
.srch-none .txt {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.tit-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tit-btn-area .line-btn {
  position: relative;
  top: 3px;
}
.tit-btn-area .line-btn a {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #999;
  border-radius: 15px;
  text-decoration: none;
}
.tit-btn-area .txt-btn a {
  display: inline-block;
  padding: 3px 5px 0;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.tit-btn-area a.txt-btn {
  position: relative;
  display: inline-block;
  padding: 3px 5px 0;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.tit-btn-area .s-tit {
  line-height: 28px;
}

.s-pdtb {
  padding: 30px 0;
}

.btn-blue-arr {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.btn-blue-arr a {
  display: block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #2666c6;
  padding-right: 10px;
}
.btn-blue-arr a span {
  display: inline-block;
  position: relative;
  padding-right: 17px;
}
.btn-blue-arr a span:after {
  content: "";
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -190px -14px;
  margin-top: -8px;
}

.buy .s-used-car {
  padding: 0 0 30px;
}
.buy .s-used-car h2 {
  padding-top: 30px;
}
.buy .s-used-car .s-sellcar-list {
  padding: 0 15px;
}
.buy .s-used-car .s-sellcar-list a {
  float: left;
  display: block;
  width: 50%;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: left;
}
.buy .s-used-car .s-sellcar-list a.dim img {
  opacity: 0.5;
}
.buy .s-used-car .s-sellcar-list a.dim dl {
  opacity: 0.5;
}
.buy .s-used-car .s-sellcar-list a:nth-child(2n) {
  padding-left: 5px;
}
.buy .s-used-car .s-sellcar-list a:nth-child(2n-1) {
  padding-right: 5px;
}
.buy .s-used-car .s-sellcar-list a .s-car-img {
  position: relative;
  display: -webkit-box;
  -webkit-box-align: center;
  overflow: hidden;
  border-radius: 5px;
}
.buy .s-used-car .s-sellcar-list a .s-car-img .cmm-real-car {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 20px;
  border-radius: 20px;
  line-height: 18px;
  padding: 0 7px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
}
.buy .s-used-car .s-sellcar-list a .s-car-img img {
  width: 100%;
  border-radius: 5px;
}
.buy .s-used-car .s-sellcar-list a dl {
  margin-top: 8px;
}
.buy .s-used-car .s-sellcar-list a dl dt, .buy .s-used-car .s-sellcar-list a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .s-used-car .s-sellcar-list a dl dd {
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.buy .s-used-car .s-sellcar-list a dl dd {
  margin-top: 7px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.buy .s-used-car .s-sellcar-list a dl dd span {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 13px;
  color: #999;
}
.buy .s-used-car .s-sellcar-list a dl dd span:last-child {
  padding-right: 0;
}
.buy .s-used-car .s-sellcar-list a dl dd span:last-child:after {
  display: none;
}
.buy .s-used-car .s-sellcar-list a dl dd span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b5b5b5;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -4px;
}
.buy .s-used-car .s-sellcar-list a dl dd.s-car-price {
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}
.buy .s-used-car .s-sellcar-list a dl dd.s-car-price span {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  margin-right: 5px;
}
.buy .s-used-car .s-sellcar-list:after {
  content: "";
  display: block;
  clear: both;
}

.buy .s-used-result {
  background: #3568bf;
  border-radius: 0 0 15px 15px;
}
.buy .s-used-result h2 {
  color: #fff;
  padding-top: 25px;
}

.buy .s-used-bn {
  padding: 0 0 30px;
}
.buy .s-used-bn h2 {
  padding-top: 30px;
  margin-bottom: 15px;
}
.buy .s-used-bn.s-used-bn01 {
  background: #fff url("../images/sub/buy_used_bn01.png") no-repeat center 129px;
  background-size: 290px 117px;
}
.buy .s-used-bn.s-used-bn02 {
  background: #fff url("../images/sub/buy_used_bn02.png") no-repeat 88% 42px;
  background-size: 110px 110px;
}
.buy .s-used-bn.s-used-bn03 {
  background: #fff url("../images/sub/buy_used_bn03.png") no-repeat 88% 39px;
  background-size: 110px 110px;
}
.buy .s-used-bn.s-used-bn04 {
  background: #fff url("../images/sub/buy_used_bn04.png") no-repeat 88% 42px;
  background-size: 110px 110px;
}

.s-used-nodata {
  height: 187px;
  background: #fff url("../images/sub/buy_used_nodata.png") no-repeat center 30px;
  background-size: 100px 100px;
  border-radius: 0 0 15px 15px;
}
.s-used-nodata p, .s-used-nodata ul.guide-bul > li {
  font-size: 14px;
  text-align: center;
}

.buy .s-carmd-info {
  padding: 30px 0;
}
.buy .s-carmd-info h2.sub-tit {
  padding: 0 15px;
}
.buy .s-carmd-info .s-newcar-info {
  margin-top: 15px;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper {
  position: relative;
  margin: 0;
  background: #f5f6fa;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper:before {
  display: block;
  padding-top: 75%;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-container {
  position: relative;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-slide:before {
  content: "";
  position: relative;
  display: block;
  padding-top: 69%;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-slide .slide-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination-progressbar {
  width: 18%;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 15px;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  display: block;
  background: #fff;
  border-radius: 2px;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-dim {
  position: relative;
  display: block;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-dim:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background-color: #000;
  opacity: 0.8;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-dim img {
  display: block;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  line-height: 1.6;
  padding: 0 15px 55px 15px;
  letter-spacing: -1px;
  font-size: 16px;
  color: #323232;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit strong {
  font-weight: 600;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit [class*=bg-] {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px 0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit .bg-blue {
  background-color: #10a8e5;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit .bg-red {
  background-color: #fd665c;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit .bg-yellow {
  background-color: #ffbc00;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swp-tit .bg-white {
  color: #666;
  background-color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .btn-video {
  position: absolute;
  left: 15px;
  bottom: 17px;
  height: 24px;
  padding: 0 10px 0 27px;
  background: #fff;
  border-radius: 15px;
  font-size: 12px;
  z-index: 3;
  border: 1px solid #b30000;
  outline: none;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .btn-video:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 14px;
  height: 11px;
  background: url("../images/sub/ico_youtubr.png") no-repeat;
  background-size: cover;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .cmm-real-car {
  position: absolute;
  left: 15px;
  top: 15px;
  height: 20px;
  padding: 0 7px;
  color: #fff;
  z-index: 3;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .cmm-real-car:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  border-radius: 20px;
  background: #10a8e5;
  z-index: -1;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper _:-webkit-full-screen:not(:root:root):after,
.buy .s-carmd-info .s-newcar-info .newcar-swiper .cmm-real-car:after {
  top: -1px;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination {
  left: auto;
  top: 18px;
  right: 8px;
  height: 14px;
  width: auto;
  padding: 0 4px;
  background-color: #222;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.2px;
  border-radius: 9999px;
  line-height: 1;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination strong {
  font-weight: normal;
  color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination strong,
.buy .s-carmd-info .s-newcar-info .newcar-swiper .swiper-pagination span {
  font-size: inherit;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .type-new-swiper-pagination {
  position: absolute;
  bottom: 6px;
  top: auto;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  padding: 0px 6px;
  font-size: 12px;
  font-family: inherit;
  line-height: 22px;
}
.buy .s-carmd-info .s-newcar-info .newcar-swiper .type-new-swiper-pagination strong,
.buy .s-carmd-info .s-newcar-info .newcar-swiper .type-new-swiper-pagination span {
  font-weight: normal !important;
}
.buy .s-carmd-info .s-newcar-info .newcar-img {
  margin: 0 15px;
}
.buy .s-carmd-info .s-newcar-info .newcar-img img {
  width: 100%;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt {
  position: relative;
  margin: 10px 15px 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt h3 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .on-market {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 13px;
  color: #666;
  padding: 3px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0 5px 5px 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-txt-link {
  position: absolute;
  top: 2px;
  right: 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-txt-link a {
  display: inline-block;
  color: #364f7f;
  text-decoration: none;
  font-size: 13px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-txt-link a:first-child {
  position: relative;
  padding-right: 10px;
  margin-right: 3px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-txt-link a:first-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b5b5b5;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec {
  margin-top: 5px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl {
  overflow: hidden;
  line-height: 1.8;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dt, .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dd {
  float: left;
  font-size: 14px;
  color: #999;
  padding-right: 5px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dt:first-child + dd, .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd:first-child + dd, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dd:first-child + dd {
  position: relative;
  padding-right: 25px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dt:first-child + dd:after, .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd:first-child + dd:after, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dd:first-child + dd:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec dl dd {
  float: left;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec span {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #666;
  padding-right: 15px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec span:after {
  content: "";
  width: 1px;
  height: 8px;
  background: #666;
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -4px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-spec span:last-child:after {
  display: none;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .interest-count span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
  margin-left: 10px;
  color: #999;
  font-size: 13px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .interest-count span:after {
  content: "";
  display: inline-block;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  height: 9px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  left: 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .interest-count .hits:after {
  width: 12px;
  background-position: 0 -27px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .interest-count .favorite:after {
  width: 10px;
  background-position: -12px -27px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  margin-left: -10px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div {
  width: 33.33%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 0 12px 10px;
  margin-left: 10px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div span {
  font-size: 13px;
  letter-spacing: -1px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div span b {
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .tit {
  margin: 0;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .tit span {
  display: block;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div div {
  margin-top: 15px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div div i {
  font-size: 13px;
  color: #999;
  font-style: normal;
  display: block;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div div i.sale {
  text-decoration: line-through;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div div b {
  font-weight: bold;
  font-size: 18px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div div b span {
  font-size: 13px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  height: 15px;
  background: #fd665c;
  font-size: 11px;
  color: #fff;
  border-radius: 15px;
  margin-left: 3px;
  padding: 0 3px;
  line-height: 13px;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div.on div i {
  color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale > div.on div b {
  color: #fff;
}
.buy .s-carmd-info .s-newcar-info .newcar-txt .newcar-sale + p, .buy .s-carmd-info .s-newcar-info .newcar-txt ul.guide-bul > .newcar-sale + li {
  margin-top: 15px;
  clear: both;
}

.buy .s-usedcar-price {
  padding: 30px 15px;
}
.buy .s-usedcar-price .usedcar-price-txt {
  margin-top: 30px;
}
.buy .s-usedcar-price .usedcar-price-txt i {
  font-size: 13px;
  color: #666;
  font-style: normal;
}
.buy .s-usedcar-price .usedcar-price-txt b {
  font-weight: bold;
  font-size: 24px;
  display: block;
}
.buy .s-usedcar-price .usedcar-price-grahp {
  margin-top: 38px;
}
.buy .s-usedcar-price .grap-wrap .line-charts.tp01 {
  height: 140px;
  width: 100%;
  padding-left: 10px;
}

.mp-area {
  padding: 20px 0;
}
.mp-area .money {
  line-height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #2666c6;
}
.mp-area .txt {
  line-height: 19px;
  margin-top: 3px;
}
.mp-area .mp-info {
  margin-top: 15px;
}
.mp-area .mp-info dl {
  overflow: hidden;
  margin-top: 4px;
}
.mp-area .mp-info dl dt, .mp-area .mp-info dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .mp-area .mp-info dl dd {
  float: left;
  line-height: 20px;
}
.mp-area .mp-info dl dd {
  float: right;
}
.mp-area .mp-info dl dd .num01 {
  display: inline-block;
  line-height: 20px;
  font-size: 18px;
}
.mp-area .mp-info dl dd .num02 {
  display: inline-block;
  height: 18px;
  line-height: 16px;
  padding: 0 6px;
  border: 1px solid #222;
  border-radius: 9px;
  font-size: 13px;
}
.mp-area .mp-info dl dd .num02.cor-blue {
  border-color: #2666c6;
}
.mp-area .mp-info dl dd .num02.cor-red {
  border-color: #fd665c;
}

.s-usedcar-info {
  padding: 30px 0;
}
.s-usedcar-info .usedcar-tit {
  display: block;
  font-size: 16px;
  padding: 15px;
  margin-bottom: 15px;
  background: #f5f6f9;
}
.s-usedcar-info .usedcar-tit .new-icon {
  display: inline-block;
  color: #fff;
  background: #fd665c;
  border-radius: 20px;
  padding: 2px 10px;
  margin-left: 10px;
}
.s-usedcar-info .tit-btn-area {
  padding: 0 15px;
}
.s-usedcar-info .close-position {
  padding: 25px 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.s-usedcar-info .close-position .my-location {
  position: relative;
  color: #666;
  padding: 0 0 0 15px;
}
.s-usedcar-info .close-position .my-location:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 1px;
  height: 13px;
  background: #ccc;
}
.s-usedcar-info .close-position .my-location-srch {
  position: relative;
  padding-left: 24px;
  white-space: nowrap;
}
.s-usedcar-info .close-position .my-location-srch:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  background-position: -17px 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}
.s-usedcar-info .close-position .my-location-srch.on:after {
  opacity: 1;
}
.s-usedcar-info .close-position .my-location-srch.on button {
  color: #364f7f;
  font-weight: 600;
}
.s-usedcar-info .close-position .my-location-srch button {
  color: #666;
  border: 0;
  background: none;
  font-weight: 400;
}
.s-usedcar-info .swiper-container.swiper1 .swiper-slide {
  position: relative;
  width: 100%;
  min-height: 280px;
  height: 280px;
}
.s-usedcar-info .swiper-container.swiper1 .swiper-slide a {
  display: block;
}
.s-usedcar-info .swiper-container.swiper1 .swiper-slide a img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  margin: auto;
  height: auto;
}
.s-usedcar-info .usedcar-img-slide {
  position: relative;
  margin-top: 15px;
}
.s-usedcar-info .usedcar-img-slide > a > img {
  width: 100%;
}
.s-usedcar-info .usedcar-txt-slide {
  margin-top: -50px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.w100p {
  width: calc(100% - 30px) !important;
  margin: 0 15px 10px 15px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide {
  position: relative;
  border-radius: 5px;
  background: #fff;
  height: 160px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin: 0 0 10px 10px;
  width: 85% !important;
  z-index: 1;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.wd53 {
  width: 53% !important;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.wd60 {
  width: 60% !important;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.wd70 {
  width: 70% !important;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide a {
  color: #222;
  text-decoration: none;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.blue-bg {
  background: #2666c5;
  color: #fff;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide.blue-bg a {
  color: #fff;
  text-decoration: none;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition {
  text-align: center;
  padding-top: 30px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img {
  width: 46px;
  height: 46px;
  border-radius: 46px;
  margin: 0 auto;
  overflow: hidden;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img img {
  width: 100%;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img span {
  height: 40px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img.bg-w {
  background: #fff;
  color: #222;
  font-size: 20px;
  line-height: 46px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img.bg-b {
  background: #2666c6;
  color: #fff;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .circle-img.bg-g {
  background: #ddd;
  color: #fff;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition div {
  margin-top: 15px;
  font-size: 18px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition div b {
  font-weight: 600;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .fx-04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .fx-04 p, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .fx-04 ul.guide-bul > li {
  font-size: 12px;
  line-height: 1.2;
  padding-top: 9px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month {
  margin-top: 0;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month p, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li {
  font-size: 14px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month p:first-child span, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child span {
  color: #2666c5;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month p:first-child + p, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + p, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > p:first-child + li, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + li {
  color: #999;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month p:first-child + p b, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + p b, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > p:first-child + li b, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + li b {
  font-weight: bold;
  font-size: 24px;
  color: #222;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month p:first-child + p span, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + p span, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > p:first-child + li span, .s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-month ul.guide-bul > li:first-child + li span {
  font-weight: bold;
  font-size: 14px;
  color: #222;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide .sale-condition .sale-deal b {
  color: #2666c5;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl {
  padding: 15px 10px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dt, .s-usedcar-info .usedcar-txt-slide .swiper-slide dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd {
  display: -webkit-box;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: -1px;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dt + dd span, .s-usedcar-info .usedcar-txt-slide .swiper-slide dl .dealer-detail .dealer-detail__status > div dd + dd span, .dealer-detail .dealer-detail__status > div .s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd + dd span {
  position: relative;
  padding-right: 5px;
  color: #999;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dt + dd span:after, .s-usedcar-info .usedcar-txt-slide .swiper-slide dl .dealer-detail .dealer-detail__status > div dd + dd span:after, .dealer-detail .dealer-detail__status > div .s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd + dd span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dt + dd span:last-child:after, .s-usedcar-info .usedcar-txt-slide .swiper-slide dl .dealer-detail .dealer-detail__status > div dd + dd span:last-child:after, .dealer-detail .dealer-detail__status > div .s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd + dd span:last-child:after {
  display: none;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd {
  font-weight: bold;
  font-size: 24px;
  color: #2666c6;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd span {
  font-size: 14px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd span.star-num {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  padding-top: 7px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd del {
  font-weight: 400;
  font-size: 15px;
  color: #999;
  letter-spacing: -1px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd .t-tit {
  color: #222;
  font-size: 15px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd .cmm-t-tit {
  color: #222;
  font-size: 24px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd .m-money {
  font-size: 24px;
}
.s-usedcar-info .usedcar-txt-slide .swiper-slide dl dd .sale-num {
  display: inline-block;
  height: 20px;
  border-radius: 20px;
  background: #fd665c;
  padding: 0 5px;
  color: #fff;
}
.s-usedcar-info .btn-sale-condition {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.s-usedcar-info .btn-sale-condition span {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #fd665c;
  letter-spacing: -1px;
}
.s-usedcar-info .btn-sale-condition span:first-child {
  position: relative;
  padding-right: 8px;
}
.s-usedcar-info .btn-sale-condition span:last-child {
  color: #2666c6;
}
.s-usedcar-info .btn-sale-condition span + span:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #222;
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -4px;
}
.s-usedcar-info .certify-usedcar {
  margin-top: 60px;
  padding: 0 15px;
}
.s-usedcar-info .certify-usedcar li {
  position: relative;
  margin-bottom: 30px;
}
.s-usedcar-info .certify-usedcar li:last-child {
  margin-bottom: 0;
}
.s-usedcar-info .certify-usedcar li .btn-interest {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.s-usedcar-info .certify-usedcar li .btn-interest a {
  display: block;
  width: 22px;
  height: 22px;
  position: relative;
}
.s-usedcar-info .certify-usedcar li .btn-interest a:after, .s-usedcar-info .certify-usedcar li .btn-interest a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 2px;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 4px;
  margin-left: -2px;
}
.s-usedcar-info .certify-usedcar li .btn-interest a:after {
  top: 8px;
}
.s-usedcar-info .certify-usedcar li .btn-interest:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 14px;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 4px;
  margin-left: -2px;
}
.s-usedcar-info .certify-usedcar .fx-02 {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.s-usedcar-info .certify-usedcar .s-car-img {
  position: relative;
  width: 130px;
  height: 98px;
  border-radius: 6px;
  overflow: hidden;
}
.s-usedcar-info .certify-usedcar .s-car-img img {
  width: 100%;
}
.s-usedcar-info .certify-usedcar .s-car-img span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  padding: 1px 5px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.s-usedcar-info .certify-usedcar .s-car-img span + .ex-gu {
  left: 60px;
}
.s-usedcar-info .certify-usedcar .s-car-img .ex-gu {
  background: #fd665c;
}
.s-usedcar-info .certify-usedcar .s-car-txt {
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
  width: calc(100% - 130px);
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-brand {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-info span:last-child:after {
  display: none;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-pay {
  color: #2666c6;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-pay b {
  font-weight: bold;
  font-size: 24px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-pay .cost-price {
  margin-left: 5px;
  text-decoration: line-through;
  color: #666;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-pay del {
  font-size: 13px;
  color: #666;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-pay .cmm-b-txt {
  color: #222;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-lease {
  font-size: 14px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-lease .no-interest {
  position: relative;
  color: #fd665c;
  padding: 0 0 0 14px;
}
.s-usedcar-info .certify-usedcar .s-car-txt .s-lease .no-interest:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 1px;
  height: 8px;
  background: #989898;
}
.s-usedcar-info .certify-usedcar .s-car-txt .push-pop-g {
  top: 10px;
  right: 15px;
}
.s-usedcar-info .certify-usedcar .push-pop-g {
  bottom: -10px;
  right: -5px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search li {
  min-height: 111px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-img {
  width: 120px;
  height: 90px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-img span {
  left: 8px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-img span + .ex-gu {
  left: 56px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt {
  padding: 0 0 0 10px;
  width: calc(100% - 120px);
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-brand {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  font-size: 14px;
  line-height: 1.3;
  min-height: 28px;
  margin-top: -1px;
  margin-bottom: 7px;
  padding-right: 15px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-info {
  font-size: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-info span.s-info-item {
  display: inline-block;
  margin-right: 5px;
  padding-right: 6px;
  font-size: 12px;
  letter-spacing: 0;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-info span.s-info-item span {
  position: static;
  padding-right: 0;
  letter-spacing: 0;
  color: inherit;
  font-size: inherit;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-info span.s-info-item:last-child {
  margin-right: 0;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay {
  position: absolute;
  bottom: -1px;
  font-size: 0;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-text,
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-number,
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-unit {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  line-height: 1.15;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-text {
  top: -1px;
  margin-right: 6px;
  font-size: 12px;
  color: #222;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-number {
  font-size: 16px;
  font-weight: bold;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay .s-pay-unit {
  top: -1px;
  font-size: 12px;
  font-weight: normal;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .s-pay del {
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .s-car-txt .cmm-txt-cor {
  position: absolute;
  right: 0;
  bottom: 0;
}
.s-usedcar-info .certify-usedcar.certify-usedcar--search .push-pop-g {
  top: -10px;
  right: -5px;
}
.s-usedcar-info .general-usedcar {
  padding: 0 15px;
}
.s-usedcar-info .general-usedcar li {
  position: relative;
  margin-bottom: 20px;
}
.s-usedcar-info .general-usedcar li:last-child {
  margin-bottom: 0;
}
.s-usedcar-info .general-usedcar .bnr-mg {
  margin: 30px -15px;
}
.s-usedcar-info .general-usedcar .fx-02 {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.s-usedcar-info .general-usedcar .s-car-img {
  position: relative;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.s-usedcar-info .general-usedcar .s-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-usedcar-info .general-usedcar .s-car-txt {
  position: relative;
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
  width: calc(100% - 100px);
}
.s-usedcar-info .general-usedcar .s-car-txt .s-brand {
  font-size: 14px;
  margin-bottom: 3px;
  padding: 0 15px 0 0;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-info span:last-child:after {
  display: none;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-pay {
  font-weight: bold;
  font-size: 18px;
  margin-top: 7px;
}
.s-usedcar-info .general-usedcar .s-car-txt .s-pay del {
  font-size: 13px;
  color: #666;
  font-weight: 400;
}
.s-usedcar-info .general-usedcar .s-car-txt .push-pop-g {
  top: 10px;
  right: 15px;
}
.s-usedcar-info .general-usedcar .s-car-txt .btn-sale-condition {
  position: static;
}
.s-usedcar-info .general-usedcar .push-pop-g {
  top: -10px;
  right: -5px;
}
.s-usedcar-info .general-usedcar ul.tp02 li {
  position: relative;
  padding-left: 20px;
}
.s-usedcar-info .general-usedcar ul.tp02 li .list-rd {
  position: absolute;
  left: -3px;
  top: 50%;
  margin-top: -10px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-img span {
  position: absolute;
  top: 10px;
  left: 8px;
  display: block;
  padding: 1px 5px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-img span + .ex-gu {
  left: 56px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-img .ex-gu {
  background: #fd665c;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt {
  padding: 0 0 0 10px;
  width: calc(100% - 108px);
  min-height: 83px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-brand {
  position: relative;
  display: -webkit-box;
  min-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1.3;
  margin-top: -1px;
  margin-bottom: 7px;
  padding: 0 15px 0 0;
  line-height: 1.3;
  margin-top: -1px;
  margin-bottom: 7px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-info {
  font-size: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-info span.s-info-item {
  display: inline-block;
  margin-right: 5px;
  padding-right: 6px;
  font-size: 12px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-info span.s-info-item span {
  position: static;
  padding-right: 0;
  letter-spacing: 0;
  color: inherit;
  font-size: inherit;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-info span.s-info-item:last-child {
  margin-right: 0;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay {
  position: absolute;
  left: 10px;
  bottom: 0;
  font-size: 0;
  color: #2666c6;
  line-height: 1;
  margin-top: 5px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-text,
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-number,
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-unit {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  line-height: 1.15;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-text {
  top: -1px;
  margin-right: 6px;
  font-size: 12px;
  color: #222;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-number {
  font-size: 16px;
  font-weight: bold;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay .s-pay-unit {
  top: -1px;
  font-size: 12px;
  font-weight: normal;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .s-pay del {
  font-size: 12px;
  color: #666;
  margin-left: 5px;
}
.s-usedcar-info .general-usedcar.general-usedcar--search .s-car-txt .btn-sale-condition {
  position: absolute;
  right: 0;
  bottom: 0;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-img {
  width: 130px;
  height: 98px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-img .sold-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-img .sold-out span {
  display: inline-block;
  border-radius: 3px;
  background-color: #fd665c;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-img img {
  width: 100%;
  height: 100%;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-img .z-inded-top {
  position: absolute;
  top: 10px;
  left: 8px;
  display: block;
  padding: 1px 5px;
  background: #10a8e5;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt {
  width: calc(100% - 130px);
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt .s-brand {
  font-size: 15px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt .s-pay {
  font-size: 14px;
  color: #2666c6;
  margin-top: 0;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt .s-pay b {
  font-weight: bold;
  font-size: 24px;
}
.s-usedcar-info .general-usedcar.newcar-alarm-list li .s-car-txt .btnSaleCondition {
  padding: 0;
}
.s-usedcar-info .push-pop-w {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
}
.s-usedcar-info .push-pop-w a {
  position: absolute;
  top: 10px;
  right: 15px;
  text-indent: -9999px;
  z-index: 3;
  display: block;
  width: 24px;
  height: 37px;
}
.s-usedcar-info .push-pop-w a:after {
  content: "";
  display: block;
  width: 4px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -62px 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.s-usedcar-info .push-pop-w:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.s-usedcar-info .push-pop-w .cmm-real-car {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #10a8e5;
  color: #fff;
  height: 20px;
  border-radius: 20px;
  padding: 0 10px;
  z-index: 2;
}
.s-usedcar-info .push-pop-g {
  position: absolute;
  text-indent: -9999px;
  z-index: 1;
}
.s-usedcar-info .push-pop-g a {
  display: block;
  width: 24px;
  height: 37px;
}
.s-usedcar-info .push-pop-g:after {
  content: "";
  display: block;
  width: 4px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -67px 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media only screen and (max-width: 334px) {
  .s-usedcar-info .additional-block {
    display: none;
  }
}

.buy .used-list-txt {
  padding: 30px 15px;
}
.buy .used-list-txt .list-cont {
  margin-top: 15px;
}
.buy .used-list-txt .list-cont li {
  padding: 15px 0;
}
.buy .used-list-txt .list-cont li:first-child {
  border-bottom: 1px solid #ddd;
}
.buy .used-list-txt .list-cont a {
  display: block;
  color: #222;
  text-decoration: none;
}
.buy .used-list-txt .list-cont a .tit {
  font-size: 16px;
  color: #364f7f;
}
.buy .used-list-txt .list-cont a dl {
  overflow: hidden;
  margin-top: 10px;
}
.buy .used-list-txt .list-cont a dl dt, .buy .used-list-txt .list-cont a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .used-list-txt .list-cont a dl dd {
  float: left;
  font-size: 14px;
  color: #999;
  padding-right: 5px;
}
.buy .used-list-txt .list-cont a dl dd {
  float: left;
  padding-right: 18px;
}
.buy .used-list-txt .list-cont a dl dd:last-child {
  padding-right: 0;
}
.buy .used-list-txt .list-cont a .info-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5px;
}
.buy .used-list-txt .list-cont a .info-state div span {
  position: relative;
  font-size: 13px;
  color: #999;
}
.buy .used-list-txt .list-cont a .info-state div span:first-child {
  padding-right: 20px;
}
.buy .used-list-txt .list-cont a .info-state div span:first-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -4px;
}
.buy .used-list-txt .list-cont a .info-state .advice span {
  color: #222;
}

.buy .used-list-img {
  padding: 30px 0 70px;
}
.buy .used-list-img .tit-btn-area {
  padding: 0 15px;
}
.buy .used-list-img .list-cont {
  padding: 0 15px;
}
.buy .used-list-img .list-cont li {
  margin-top: 30px;
}
.buy .used-list-img .list-cont .fx-02 {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.buy .used-list-img .list-cont .s-car-img {
  position: relative;
  width: 100px;
  margin: 0 0 0 30px;
}
.buy .used-list-img .list-cont .s-car-img img {
  width: 100%;
}
.buy .used-list-img .list-cont .s-car-txt {
  display: block;
  text-align: left;
  margin: 0;
  width: calc(100% - 130px);
}
.buy .used-list-img .list-cont .s-car-txt .tit {
  font-size: 16px;
  color: #364f7f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.buy .used-list-img .list-cont .s-car-txt .tit b {
  font-weight: 600;
}
.buy .used-list-img .list-cont .s-car-txt .cont {
  font-size: 14px;
  margin-top: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.4;
  height: 2.8;
}
.buy .used-list-img .list-cont .s-car-txt .cont b {
  font-weight: 600;
}
.buy .used-list-img .list-cont .s-car-txt .info-state {
  margin-top: 10px;
}
.buy .used-list-img .list-cont .s-car-txt .info-state span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.buy .used-list-img .list-cont .s-car-txt .info-state span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.buy .used-list-img .list-cont .s-car-txt .info-state span:last-child:after {
  display: none;
}
.buy .used-list-img .list-cont .s-car-txt .s-pay {
  color: #2666c6;
}
.buy .used-list-img .list-cont .s-car-txt .s-pay b {
  font-weight: bold;
  font-size: 24px;
}
.buy .used-list-img .list-cont .s-car-txt .s-lease {
  font-size: 14px;
}
.buy .used-list-img .list-cont .s-car-txt .push-pop-g {
  top: 10px;
  right: 15px;
}

.buy [class*=theme_bnr] {
  width: 100%;
  height: 270px;
  vertical-align: middle;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buy [class*=theme_bnr] .bnr-tit {
  font-size: 24px;
  color: #fff;
}
.buy [class*=theme_bnr] .bnr-tag {
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
}

.buy .theme_bnr01 {
  background: url("../images/temp/bg_theme_bnr01.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr02 {
  background: url("../images/temp/bg_theme_bnr02.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr03 {
  background: url("../images/temp/bg_theme_bnr03.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr04 {
  background: url("../images/temp/bg_theme_bnr04.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr05 {
  background: url("../images/temp/bg_theme_bnr05.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr06 {
  background: url("../images/temp/bg_theme_bnr06.png") no-repeat;
  background-size: cover;
}

.buy .theme_bnr07 {
  background: url("../images/temp/bg_theme_bnr07.png") no-repeat;
  background-size: cover;
}

.buy .color_bnr01 {
  background: #474e78 url("../images/sub/bg_color_bnr01.png") no-repeat 171px 30px;
  background-size: 138px auto;
  margin: 15px;
  padding: 15px;
  border-radius: 15px;
  height: 120px;
}
.buy .color_bnr01 div {
  font-size: 14px;
  color: #fff;
  margin-bottom: 25px;
}
.buy .color_bnr01 b {
  font-size: 18px;
  color: #b6e93b;
}

.theme-top {
  position: relative;
  padding-bottom: 15px;
  background: #fff;
}

.theme-item {
  position: relative;
  padding-top: 72%;
  font-size: 0;
}
.theme-banner--in-list .theme-item {
  padding-top: 62.14%;
}
.theme-item .theme-item__image-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-item .theme-item__image {
  display: block;
  width: 100%;
  height: 100%;
}
.theme-item .theme-item__text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}
.theme-item .theme-item__title {
  display: block;
  font-size: 24px;
  font-weight: normal;
}
.theme-item .theme-item__description {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.theme-item .theme-item__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}

.direct-bnr {
  margin-top: 30px;
}
.direct-bnr a {
  width: 100%;
}
.direct-bnr a img {
  width: 100%;
}

.buy .selcar-option {
  position: fixed;
  right: 15px;
  bottom: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: auto;
  padding: 7px 0 15px 0;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.buy .selcar-option div {
  border-radius: 30px;
  height: 40px;
}
.buy .selcar-option div.btn-brand {
  padding: 0 10px;
  background: #fcaf17;
}
.buy .selcar-option a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.buy .selcar-option .btn-option {
  padding: 0 10px;
  background: #fcaf17;
}
.buy .selcar-option .btn-relt-srch {
  width: 72%;
  background: #60584c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .selcar-option .btn-relt-srch a:first-child {
  width: 78%;
}
.buy .selcar-option .btn-relt-srch a:last-child {
  position: relative;
  width: 22%;
}
.buy .selcar-option .btn-relt-srch a:last-child:before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #908a82;
  position: absolute;
  top: 50%;
  let: 0;
  margin-top: -12px;
}
.buy .selcar-option .btn-relt-srch a:last-child:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  background-position: 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.buy .selcar-option .btn-relt-srch a:last-child span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.buy .selcar-option.opa-1 {
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 1;
  bottom: 0 !important;
}
.buy .selcar-option.align-r {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.buy .selcar-option.align-r.btm0 {
  bottom: 0 !important;
}

.buy .certify {
  padding: 0 10px;
}
.buy .certify li:first-child {
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.buy .certify li a {
  margin-bottom: 0;
}
.buy .certify .k-car-img {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 20px;
}
.buy .certify .k-car-img img {
  width: 100%;
}
.buy .certify .h-box .k-txt {
  -webkit-box-orient: vertical;
  text-align: left;
  -webkit-box-pack: center;
  padding-left: 30px;
}
.buy .certify .h-box .k-txt .k-review {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding: 0 25px 0 0;
}
.buy .certify .h-box .k-txt .k-pay {
  display: block;
  margin-top: 4px;
}
.buy .certify .h-box .k-txt .k-info {
  color: #999;
  margin-top: 10px;
}

.buy .s-estimate {
  text-align: center;
  padding: 0 15px 30px;
}
.buy .s-estimate .e-car-img {
  width: 180px;
  height: auto;
  margin: 25px auto 10px;
}
.buy .s-estimate .e-car-img img {
  width: 100%;
}
.buy .s-estimate .e-car-brand p, .buy .s-estimate .e-car-brand ul.guide-bul > li {
  font-size: 20px;
}
.buy .s-estimate .e-car-price {
  margin-top: 15px;
}
.buy .s-estimate .e-car-price span {
  display: block;
  font-size: 14px;
  color: #999;
}
.buy .s-estimate .e-car-price b {
  font-weight: bold;
  font-size: 20px;
}
.buy .s-estimate .e-car-info {
  margin-top: 10px;
}
.buy .s-estimate .e-car-info span:first-child {
  position: relative;
  padding-right: 20px;
}
.buy .s-estimate .e-car-info span:first-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b2b9c9;
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -4px;
}
.buy .s-estimate .e-car-info span a {
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}

.buy .s-car-option {
  padding: 30px 15px;
}
.buy .s-car-option h2.sub-tit {
  font-weight: 500;
  margin-bottom: 20px;
}
.buy .s-car-option ul .h-box {
  margin-bottom: 0;
}
.buy .s-car-option ul li {
  padding: 15px 10px;
}
.buy .s-car-option ul li label {
  height: auto;
  padding-top: 1px;
  font-size: 13px;
  color: #666;
}
.buy .s-car-option ul li .tool-tip a {
  display: block;
  position: relative;
  margin-left: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  position: relative;
  border: 0;
  width: 18px;
  height: 18px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -289px;
}
.buy .s-car-option ul li .tool-tip:after {
  display: none;
}
.buy .s-car-option ul li .car-price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
  white-space: nowrap;
  padding: 0 0 0 5px;
  font-weight: bold;
  font-size: 14px;
}
.buy .s-car-option .total-car-price {
  border-top: 1px solid #ddd;
  padding-top: 18px;
}
.buy .s-car-option .total-car-price div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 0;
}
.buy .s-car-option .total-car-price div p:first-child, .buy .s-car-option .total-car-price div ul.guide-bul > li:first-child {
  font-size: 14px;
}
.buy .s-car-option .total-car-price div p:last-child, .buy .s-car-option .total-car-price div ul.guide-bul > li:last-child {
  font-weight: 600;
}
.buy .s-car-option .total-car-price div p.font-b, .buy .s-car-option .total-car-price div ul.guide-bul > li.font-b {
  font-size: 20px;
  color: #2666c6;
}

.s-esti-calculator .tab-type {
  border-radius: 15px 15px 0 0;
  background: #fff;
}
.s-esti-calculator .tab-type.tab-brd {
  border-radius: 0;
}
.s-esti-calculator .tab-type span {
  font-size: 16px;
}
.s-esti-calculator #tab-con > div {
  padding-bottom: 150px;
}
.s-esti-calculator h2.sub-tit {
  margin: 35px 0 15px;
  font-weight: 500;
}
.s-esti-calculator .font-b {
  font-weight: bold;
  font-size: 15px;
  color: #2666c6;
}
.s-esti-calculator .purchase-type {
  padding: 0 15px 30px 15px;
}
.s-esti-calculator .purchase-type .option-sel {
  margin-bottom: 10px;
}
.s-esti-calculator .purchase-type h3.type-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 500;
}
.s-esti-calculator .purchase-type h3.type-tit .tool-tip {
  vertical-align: middle;
}
.s-esti-calculator .purchase-type .type02 {
  margin-top: 35px;
}
.s-esti-calculator .purchase-type .type02 h3 {
  margin-bottom: 15px;
  font-weight: 500;
  display: inline-block;
}
.s-esti-calculator .purchase-type .type02 .input-type {
  text-align: right;
  padding-right: 30px;
}
.s-esti-calculator .purchase-type .type03 {
  position: relative;
  margin-top: 35px;
}
.s-esti-calculator .purchase-type .type03 h3 {
  margin-bottom: 15px;
}
.s-esti-calculator .purchase-type .type03 .font-b {
  position: absolute;
  top: 0;
  right: 0;
}
.s-esti-calculator .purchase-type .type-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
.s-esti-calculator .purchase-type .type-item p, .s-esti-calculator .purchase-type .type-item ul.guide-bul > li {
  font-size: 15px;
}
.s-esti-calculator .purchase-type .type-charge {
  margin-top: 25px;
  border-bottom: 1px solid #ddd;
}
.s-esti-calculator .purchase-type .type-charge h3 span {
  font-size: 13px;
  color: #666;
}
.s-esti-calculator .purchase-type .type-charge .charge-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}
.s-esti-calculator .purchase-type .type-charge .charge-item h3 {
  font-size: 14px;
}
.s-esti-calculator .purchase-type .type-charge .charge-item h3.fs-15 {
  font-size: 15px;
}
.s-esti-calculator .purchase-type .type-charge .charge-item p, .s-esti-calculator .purchase-type .type-charge .charge-item ul.guide-bul > li {
  font-size: 14px;
}
.s-esti-calculator .purchase-type .type-charge .charge-item p.fs-15, .s-esti-calculator .purchase-type .type-charge .charge-item ul.guide-bul > li.fs-15 {
  font-size: 15px;
}
.s-esti-calculator .purchase-type .type-charge01 h3 span {
  font-size: 13px;
  color: #666;
}
.s-esti-calculator .purchase-type .type-charge01 .charge-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
}
.s-esti-calculator .purchase-type .type-charge01 .charge-item p, .s-esti-calculator .purchase-type .type-charge01 .charge-item ul.guide-bul > li {
  font-size: 15px;
}
.s-esti-calculator .purchase-type .total-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0 30px;
}
.s-esti-calculator .purchase-type .total-payment h2 {
  margin: 0;
}
.s-esti-calculator .purchase-type .total-payment p, .s-esti-calculator .purchase-type .total-payment ul.guide-bul > li {
  font-weight: bold;
  font-size: 20px;
}
.s-esti-calculator .purchase-type .privacy-agree ul > li {
  padding: 13px 10px;
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.s-esti-calculator .purchase-type .privacy-agree ul > li:first-child {
  background: #f1f1f1;
}
.s-esti-calculator .purchase-type .privacy-agree ul > li .input-ck + label {
  font-size: 14px;
  letter-spacing: -1px;
}
.s-esti-calculator .purchase-type .privacy-agree ul > li a {
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.s-esti-calculator .purchase-type .privacy-agree input[type=checkbox]:checked + label:after, .s-esti-calculator .purchase-type .privacy-agree .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .s-esti-calculator .purchase-type .privacy-agree [type=checkbox].ico-confirm:checked + label:after, .s-esti-calculator .purchase-type .privacy-agree .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .s-esti-calculator .purchase-type .privacy-agree [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}
.s-esti-calculator .s-esti-bn {
  padding: 30px;
  background: #a6b5c7;
  color: #fff;
}
.s-esti-calculator .s-esti-bn .s-tit {
  margin-bottom: 15px;
  padding: 0;
}
.s-esti-calculator .s-esti-bn .s-tit small {
  display: block;
  font-size: 18px;
}
.s-esti-calculator .s-esti-bn .s-tit .one-line {
  display: inline-block;
  font-size: 24px;
  white-space: nowrap;
}
.s-esti-calculator .s-esti-bn .s-sub-txt {
  padding: 0;
  color: #fff;
  line-height: 1.5;
}
.s-esti-calculator .s-esti-bn .btn-bar-arr {
  position: relative;
  margin: 30px 0 0 0;
}
.s-esti-calculator .s-esti-bn .btn-bar-arr a {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}
.s-esti-calculator .s-esti-bn .btn-bar-arr:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -60px -169px;
  width: 7px;
  height: 13px;
  background-size: 500px;
}
.s-esti-calculator .s-esti-bn.cmm-white {
  background: #fff;
  color: #222;
}
.s-esti-calculator .s-esti-bn.cmm-white .s-sub-txt {
  color: #222;
}
.s-esti-calculator .require-info {
  padding: 30px 15px;
}
.s-esti-calculator .require-info h2 {
  position: relative;
  font-size: 14px;
  color: #fd665c;
  padding-left: 17px;
}
.s-esti-calculator .require-info h2:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: -7px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -73px 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.s-esti-calculator .require-info ul li {
  position: relative;
  margin-top: 13px;
  padding-left: 8px;
  color: #999;
}
.s-esti-calculator .require-info ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #aad1d9;
  position: absolute;
  top: 7px;
  left: 0;
}
.s-esti-calculator .require-info ul li div.rq-adtxt {
  margin-top: 10px;
}
.s-esti-calculator .require-info ul li div.rq-adtxt p, .s-esti-calculator .require-info ul li div.rq-adtxt ul.guide-bul > li {
  padding-left: 10px;
  text-indent: -10px;
}
.s-esti-calculator .month-price {
  position: fixed;
  left: 0;
  bottom: 54px;
  width: 100%;
  z-index: 10;
  border-top: 1px solid #ddd;
  padding: 25px 15px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 101;
}
.s-esti-calculator .month-price h2 {
  font-size: 18px;
}
.s-esti-calculator .month-price p, .s-esti-calculator .month-price ul.guide-bul > li {
  font-weight: bold;
  font-size: 20px;
}
.s-esti-calculator .month-price .month-price-require {
  position: absolute;
  bottom: 17px;
  left: 15px;
  letter-spacing: -1px;
}
.s-esti-calculator .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 102;
}
.s-esti-calculator .btn-wrap.btm-col.col2 {
  display: -webkit-box;
}
.s-esti-calculator .btn-wrap.btm-col.col2 a {
  width: 50%;
}
.s-esti-calculator .compute-list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.s-esti-calculator .compute-list li {
  position: relative;
  font-size: 13px;
  margin-right: 8px;
  padding-right: 10px;
}
.s-esti-calculator .compute-list li.st span {
  color: #ffe600;
}
.s-esti-calculator .compute-list li:after {
  position: absolute;
  right: 0px;
  top: 5px;
  width: 1px;
  height: 10px;
  background-color: #fff;
  content: "";
}
.s-esti-calculator .compute-list li:last-child:after {
  display: none;
}

.dot-red {
  position: relative;
  font-size: 14px;
  color: #999;
  margin-top: 4px;
  padding-left: 8px;
}
.dot-red:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: 0;
  background: #fd665c;
  border-radius: 3px;
}

.dot-blue {
  position: relative;
  font-size: 14px;
  color: #999;
  padding-left: 8px;
}
.dot-blue:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #aad1d9;
  border-radius: 3px;
}

.dot-red-list li {
  position: relative;
  font-size: 14px;
  color: #222;
  padding: 0 0 10px 8px;
}
.dot-red-list li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #fd665c;
  border-radius: 3px;
}

.dot-grey-list li {
  position: relative;
  font-size: 14px;
  color: #999;
  padding: 0 0 10px 8px;
}
.dot-grey-list li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #999;
  border-radius: 3px;
}

.option-sel-box {
  position: relative;
  height: 45px;
}
.option-sel-box + .close-position {
  padding: 15px;
}
.option-sel-box + .close-position .my-location {
  margin-left: -5px;
}
.option-sel-box + .close-position .my-location-srch {
  white-space: nowrap;
}

.option-sel {
  display: -webkit-box;
}
.option-sel.col2 li + li {
  margin-left: 5px;
}
.option-sel.col4 li + li {
  margin-left: 5px;
}
.option-sel.col3 li:nth-child(4) {
  display: block;
}
.option-sel.col5 li + li {
  margin-left: 5px;
}
.option-sel.tp02 li {
  width: auto;
}
.option-sel.tp02 li.left {
  -webkit-box-flex: 34;
}
.option-sel.tp02 li.right {
  -webkit-box-flex: 66;
}
.option-sel li {
  -webkit-box-flex: 1;
  position: relative;
  width: 100%;
  margin: 0 0 5px;
  text-align: center;
}
.option-sel li.w33p {
  width: 33% !important;
}
.option-sel li.w66p {
  width: 66% !important;
}
.option-sel li + li {
  margin-left: 5px;
}
.option-sel li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: -1px;
  text-decoration: none;
}
.option-sel li a.on {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.option-sel li.cmm-dis {
  position: relative;
}
.option-sel li.cmm-dis:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
  border-radius: 3px;
  z-index: 10;
  overflow: hidden;
}
.option-sel li.brd-round label {
  border-radius: 15px;
}
.option-sel input[type=checkbox], .option-sel .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .option-sel [type=checkbox].ico-confirm, .option-sel .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .option-sel [type=checkbox].ico-confirm,
.option-sel input[type=radio],
.option-sel .new-content-body .inp-box [type=radio].ico-confirm,
.new-content-body .inp-box .option-sel [type=radio].ico-confirm,
.option-sel .type-mydata .inp-box [type=radio].ico-confirm,
.type-mydata .inp-box .option-sel [type=radio].ico-confirm {
  display: none;
}
.option-sel label {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: -1px;
}
.option-sel input:checked + label, .option-sel .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .option-sel .ico-confirm:checked + label, .option-sel .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .option-sel .ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.option-sel input:disabled + label, .option-sel .new-content-body .inp-box .ico-confirm:disabled + label, .new-content-body .inp-box .option-sel .ico-confirm:disabled + label, .option-sel .type-mydata .inp-box .ico-confirm:disabled + label, .type-mydata .inp-box .option-sel .ico-confirm:disabled + label {
  color: #666;
  background: #ececec;
  border: 1px solid #ddd;
}
.option-sel:after {
  content: "";
  display: block;
  clear: both;
}

.option-sel-col3 {
  overflow: hidden;
}
.option-sel-col3 button {
  float: left;
  width: 32.3%;
}
.option-sel-col3 button + button {
  margin: 0 0 5px 5px;
}
.option-sel-col3 button:nth-child(3n+1) {
  margin-left: 0;
}
.option-sel-col3 > div {
  float: left;
  width: 32%;
}
.option-sel-col3 > div + div {
  margin: 0 0 5px 5px;
}
.option-sel-col3 > div:nth-child(3n+1) {
  margin-left: 0;
}
.option-sel-col3 > div input[type=checkbox]:disabled + label, .option-sel-col3 > div .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .option-sel-col3 > div [type=checkbox].ico-confirm:disabled + label, .option-sel-col3 > div .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .option-sel-col3 > div [type=checkbox].ico-confirm:disabled + label {
  position: relative;
  background: #ccc;
  opacity: 0.6;
}
.option-sel-col3 li {
  float: left;
  width: 32%;
}
.option-sel-col3 li + li {
  margin: 0 0 5px 5px;
}
.option-sel-col3 li:nth-child(3n+1) {
  margin-left: 0;
}
.option-sel-col3 li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: -1px;
  text-decoration: none;
}
.option-sel-col3 li a.on {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.option-sel-col3 li input[type=checkbox]:disabled + label, .option-sel-col3 li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .option-sel-col3 li [type=checkbox].ico-confirm:disabled + label, .option-sel-col3 li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .option-sel-col3 li [type=checkbox].ico-confirm:disabled + label {
  position: relative;
  background: #ccc;
  opacity: 0.6;
}
.option-sel-col3 input[type=checkbox], .option-sel-col3 .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .option-sel-col3 [type=checkbox].ico-confirm, .option-sel-col3 .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .option-sel-col3 [type=checkbox].ico-confirm,
.option-sel-col3 input[type=radio],
.option-sel-col3 .new-content-body .inp-box [type=radio].ico-confirm,
.new-content-body .inp-box .option-sel-col3 [type=radio].ico-confirm,
.option-sel-col3 .type-mydata .inp-box [type=radio].ico-confirm,
.type-mydata .inp-box .option-sel-col3 [type=radio].ico-confirm {
  display: none;
}
.option-sel-col3 label {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: -1px;
}
.option-sel-col3 input:checked + label, .option-sel-col3 .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .option-sel-col3 .ico-confirm:checked + label, .option-sel-col3 .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .option-sel-col3 .ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.option-sel-col3:after {
  content: "";
  display: block;
  clear: both;
}

.option-sel-abtn {
  overflow: hidden;
}
.option-sel-abtn li {
  float: left;
  width: 100%;
  margin: 0 0 5px;
  text-align: center;
}
.option-sel-abtn li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  letter-spacing: -1px;
  text-decoration: none;
}
.option-sel-abtn li a.on {
  color: #fff;
  background: #2666c6;
  border-color: #2666c6;
}

.select-type-rd {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 15px;
  display: block;
  height: 30px;
  padding: 0 32px 0 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/common/bg_select.png") no-repeat right -47px;
  background-size: 33px 80px;
  color: #222;
  font-size: 13px;
}
.select-type-rd:disabled {
  background: #f1f1f1 url("../images/common/bg_select.png") no-repeat right -47px;
  background-size: 33px 80px;
  color: #999;
}

[class*=sel-bg] {
  position: relative;
}
[class*=sel-bg]:after {
  content: "";
  display: block;
  background: #fff url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  width: 22px;
  height: 17px;
  position: absolute;
  top: 17px;
  left: 12px;
}
[class*=sel-bg] select {
  padding-left: 40px;
}

.sel-bg01:after {
  background-position: -128px 0;
}

.sel-bg02:after {
  background-position: -150px 0;
}

.sel-bg03:after {
  background-position: -172px 0;
}

.sel-bg04:after {
  background-position: -194px 0;
}

.grade-sel li {
  float: left;
  width: 33%;
  margin: 0 auto 10px;
  text-align: center;
}
.grade-sel li input[type=checkbox]:disabled + label, .grade-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .grade-sel li [type=checkbox].ico-confirm:disabled + label, .grade-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .grade-sel li [type=checkbox].ico-confirm:disabled + label {
  position: relative;
}
.grade-sel li input[type=checkbox]:disabled + label:after, .grade-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label:after, .new-content-body .inp-box .grade-sel li [type=checkbox].ico-confirm:disabled + label:after, .grade-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label:after, .type-mydata .inp-box .grade-sel li [type=checkbox].ico-confirm:disabled + label:after {
  background: #ccc;
  opacity: 0.6;
}
.grade-sel input[type=checkbox], .grade-sel .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .grade-sel [type=checkbox].ico-confirm, .grade-sel .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .grade-sel [type=checkbox].ico-confirm {
  display: none;
}
.grade-sel label {
  display: inline-block;
  width: 95%;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.grade-sel label span {
  display: inline-block;
  text-indent: -9999px;
  height: 10px;
  background: url("../images/common/ico-star.png") no-repeat 0 -11px;
  background-size: 53px 32px;
  margin: 14px 0;
}
.grade-sel .grade05 + label span {
  width: 53px;
}
.grade-sel .grade04 + label span {
  width: 42px;
}
.grade-sel .grade03 + label span {
  width: 31px;
}
.grade-sel .grade02 + label span {
  width: 21px;
}
.grade-sel .grade01 + label span {
  width: 11px;
}
.grade-sel input:checked + label, .grade-sel .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .grade-sel .ico-confirm:checked + label, .grade-sel .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .grade-sel .ico-confirm:checked + label {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}
.grade-sel input:checked + label span, .grade-sel .new-content-body .inp-box .ico-confirm:checked + label span, .new-content-body .inp-box .grade-sel .ico-confirm:checked + label span, .grade-sel .type-mydata .inp-box .ico-confirm:checked + label span, .type-mydata .inp-box .grade-sel .ico-confirm:checked + label span {
  background-position: 0 -22px;
}
.grade-sel input[type=checkbox]:disabled + label, .grade-sel .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .grade-sel [type=checkbox].ico-confirm:disabled + label, .grade-sel .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .grade-sel [type=checkbox].ico-confirm:disabled + label {
  position: relative;
  background: #ccc;
  opacity: 0.6;
}
.grade-sel:after {
  content: "";
  display: block;
  clear: both;
}

.circle-sel {
  overflow: hidden;
}
.circle-sel li {
  float: left;
  width: 20% !important;
  margin: 0 auto 20px;
  text-align: center;
}
.circle-sel li input[type=checkbox] + label, .circle-sel li .new-content-body .inp-box [type=checkbox].ico-confirm + label, .new-content-body .inp-box .circle-sel li [type=checkbox].ico-confirm + label, .circle-sel li .type-mydata .inp-box [type=checkbox].ico-confirm + label, .type-mydata .inp-box .circle-sel li [type=checkbox].ico-confirm + label {
  position: relative;
  z-index: 2;
}
.circle-sel li input[type=checkbox] + label:after, .circle-sel li .new-content-body .inp-box [type=checkbox].ico-confirm + label:after, .new-content-body .inp-box .circle-sel li [type=checkbox].ico-confirm + label:after, .circle-sel li .type-mydata .inp-box [type=checkbox].ico-confirm + label:after, .type-mydata .inp-box .circle-sel li [type=checkbox].ico-confirm + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ddd;
  width: 48px;
  height: 48px;
  border-radius: 48px;
}
.circle-sel li input[type=checkbox]:disabled + label, .circle-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label, .new-content-body .inp-box .circle-sel li [type=checkbox].ico-confirm:disabled + label, .circle-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label, .type-mydata .inp-box .circle-sel li [type=checkbox].ico-confirm:disabled + label {
  position: relative;
}
.circle-sel li input[type=checkbox]:disabled + label:after, .circle-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label:after, .new-content-body .inp-box .circle-sel li [type=checkbox].ico-confirm:disabled + label:after, .circle-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label:after, .type-mydata .inp-box .circle-sel li [type=checkbox].ico-confirm:disabled + label:after {
  background: #ccc;
  opacity: 0.6;
  width: 48px;
  height: 48px;
  border-radius: 48px;
}
.circle-sel input[type=checkbox], .circle-sel .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .circle-sel [type=checkbox].ico-confirm, .circle-sel .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .circle-sel [type=checkbox].ico-confirm,
.circle-sel input[type=radio],
.circle-sel .new-content-body .inp-box [type=radio].ico-confirm,
.new-content-body .inp-box .circle-sel [type=radio].ico-confirm,
.circle-sel .type-mydata .inp-box [type=radio].ico-confirm,
.type-mydata .inp-box .circle-sel [type=radio].ico-confirm {
  display: none;
}
.circle-sel label {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border-radius: 50px;
  letter-spacing: -1px;
}
.circle-sel input:checked + label, .circle-sel .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .circle-sel .ico-confirm:checked + label, .circle-sel .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .circle-sel .ico-confirm:checked + label {
  color: #fff;
}
.circle-sel input:checked + label:after, .circle-sel .new-content-body .inp-box .ico-confirm:checked + label:after, .new-content-body .inp-box .circle-sel .ico-confirm:checked + label:after, .circle-sel .type-mydata .inp-box .ico-confirm:checked + label:after, .type-mydata .inp-box .circle-sel .ico-confirm:checked + label:after {
  background: #2666c6;
  border: 1px solid #2666c6;
  z-index: -1;
}
.circle-sel:after {
  content: "";
  display: block;
  clear: both;
}

.alarm-app {
  padding: 0 15px;
  margin: 30px 0;
}
.alarm-app div {
  color: #666;
  text-align: center;
}
.alarm-app div p, .alarm-app div ul.guide-bul > li {
  margin-bottom: 10px;
}
.alarm-app .btn-alarm-app {
  display: block;
  width: 100%;
  height: 40px;
  background: #ddd;
  color: #222;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-radius: 4px;
  text-decoration: none;
  margin-top: 15px;
}

.price-range .range-bar {
  background: url("../images/temp/bg_carnum.png") no-repeat 50% top;
  background-size: 121px 31px;
  padding: 35px 15px 0 15px;
  height: 75px;
}
.price-range .range-bar-bn {
  padding: 0 15px;
  height: 40px;
}
.price-range .range-input ::-webkit-input-placeholder {
  font-size: 18px;
}
.price-range .range-input ::-webkit-input-placeholder,
.price-range .range-input ::placeholder {
  font-size: 18px;
}
.price-range .dash {
  font-size: 18px;
  padding: 0 6px;
  line-height: 50px;
}
.price-range .vale-text {
  display: block;
  width: 100%;
  padding: 0 10px;
  font-size: 18px;
  line-height: 48px;
}

.car-brand-icon {
  overflow: hidden;
}
.car-brand-icon.col4 li {
  width: 25%;
}
.car-brand-icon li {
  position: relative;
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 20px;
}
.car-brand-icon li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.car-brand-icon li a .icon-img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  border: 1px solid #dfdfdf;
  border-radius: 40px;
}
.car-brand-icon li a .icon-img img {
  width: 100%;
}
.car-brand-icon li a .icon-name {
  display: block;
  color: #999;
  font-size: 13px;
  padding: 4px 0 0;
}
.car-brand-icon li.on .icon-img {
  background: #2666c6;
  border-color: #2666c6;
}

.car-guarantee-icon {
  overflow: hidden;
}
.car-guarantee-icon li {
  position: relative;
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 20px;
}
.car-guarantee-icon li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.car-guarantee-icon li a .icon-img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  background-image: url("../images/sub/guarantee_bg.png");
  background-size: 240px 40px;
}
.car-guarantee-icon li a .icon-name {
  display: block;
  color: #222;
  font-size: 13px;
  padding: 4px 0 0;
  letter-spacing: -1px;
}
.car-guarantee-icon li.guar-icon01 .icon-img {
  background-position: 0 0;
}
.car-guarantee-icon li.guar-icon02 .icon-img {
  background-position: -40px 0;
}
.car-guarantee-icon li.guar-icon03 .icon-img {
  background-position: -80px 0;
}
.car-guarantee-icon li.guar-icon04 .icon-img {
  background-position: -120px 0;
}
.car-guarantee-icon li.guar-icon05 .icon-img {
  background-position: -160px 0;
}
.car-guarantee-icon li.guar-icon06 .icon-img {
  background-position: -200px 0;
}
.car-guarantee-icon li.disabled:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
}

.car-as-icon {
  overflow: hidden;
  width: 100%;
}
.car-as-icon li {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  margin-bottom: 20px;
}
.car-as-icon li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.car-as-icon li a .icon-img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  background-image: url("../images/sub/car_aff_bg.png");
  background-size: 160px 40px;
}
.car-as-icon li a .icon-name {
  display: block;
  color: #222;
  font-size: 13px;
  padding: 4px 0 0;
  letter-spacing: -1px;
}
.car-as-icon li.car-as-icon01 .icon-img {
  background-position: 0 0;
}
.car-as-icon li.car-as-icon02 .icon-img {
  background-position: -40px 0;
}
.car-as-icon li.car-as-icon03 .icon-img {
  background-position: -80px 0;
}
.car-as-icon.white {
  width: auto;
}
.car-as-icon.white li {
  width: auto;
  margin-right: 12px;
  margin-bottom: 0px;
}
.car-as-icon.white li a .icon-img {
  background-image: url("../images/sub/car_aff_wh_bg.png");
  background-size: 160px 40px;
}

.car-icon {
  overflow: hidden;
}
.car-icon li {
  position: relative;
  float: left;
  width: 25%;
  height: 105px;
  text-align: center;
  margin-bottom: 20px;
  background: #fff;
}
.car-icon li a,
.car-icon li label {
  display: block;
  text-align: center;
  text-decoration: none;
}
.car-icon li a .icon-img,
.car-icon li label .icon-img {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50px;
  background-image: url("../images/sub/car_option_bg.png");
  background-size: 550px 200px;
  z-index: 1;
}
.car-icon li a .icon-name,
.car-icon li label .icon-name {
  position: relative;
  display: block;
  color: #999;
  font-size: 12px;
  padding: 4px 0 0;
  letter-spacing: -1px;
  z-index: 0;
}
.car-icon li a.on .icon-img,
.car-icon li label.on .icon-img {
  background-color: #2666c6;
  border: 1px solid #2666c6;
}
.car-icon li a.on .icon-name,
.car-icon li label.on .icon-name {
  color: #222;
}
.car-icon li input[type=checkbox], .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}
.car-icon li input[type=checkbox] + label .icon-name:after, .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm + label .icon-name:after, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm + label .icon-name:after, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm + label .icon-name:after, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm + label .icon-name:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -50px;
  width: 50px;
  height: 50px;
  border: 1px solid #dfdfdf;
  border-radius: 50px;
  margin-left: -25px;
}
.car-icon li input[type=checkbox]:checked + label .icon-name:after, .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-name:after, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm:checked + label .icon-name:after, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-name:after, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm:checked + label .icon-name:after {
  background-color: #2666c6;
  border-color: #2666c6;
  z-index: -1;
}
.car-icon li input[type=checkbox]:checked + label .icon-name, .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-name, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm:checked + label .icon-name, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-name, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm:checked + label .icon-name {
  color: #222;
}
.car-icon li input[type=checkbox]:disabled + label .icon-name, .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label .icon-name, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm:disabled + label .icon-name, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label .icon-name, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm:disabled + label .icon-name {
  position: relative;
}
.car-icon li input[type=checkbox]:disabled + label .icon-name:after, .car-icon li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label .icon-name:after, .new-content-body .inp-box .car-icon li [type=checkbox].ico-confirm:disabled + label .icon-name:after, .car-icon li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label .icon-name:after, .type-mydata .inp-box .car-icon li [type=checkbox].ico-confirm:disabled + label .icon-name:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -50px;
  background: #ccc;
  opacity: 0.6;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.car-icon li.car-icon01 .icon-img {
  background-position: 0 0;
}
.car-icon li.car-icon02 .icon-img {
  background-position: -50px 0;
}
.car-icon li.car-icon03 .icon-img {
  background-position: -100px 0;
}
.car-icon li.car-icon04 .icon-img {
  background-position: -150px 0;
}
.car-icon li.car-icon05 .icon-img {
  background-position: -200px 0;
}
.car-icon li.car-icon06 .icon-img {
  background-position: -250px 0;
}
.car-icon li.car-icon07 .icon-img {
  background-position: -300px 0;
}
.car-icon li.car-icon08 .icon-img {
  background-position: -350px 0;
}
.car-icon li.car-icon09 .icon-img {
  background-position: -400px 0;
}
.car-icon li.car-icon10 .icon-img {
  background-position: -450px 0;
}
.car-icon li.car-icon11 .icon-img {
  background-position: -500px 0;
}
.car-icon li.car-icon12 .icon-img {
  background-position: 0px -50px;
}
.car-icon li.car-icon13 .icon-img {
  background-position: -50px -50px;
}
.car-icon li.car-icon14 .icon-img {
  background-position: -100px -50px;
}
.car-icon li.car-icon15 .icon-img {
  background-position: -150px -50px;
}
.car-icon li.car-icon16 .icon-img {
  background-position: -200px -50px;
}
.car-icon li.car-icon17 .icon-img {
  background-position: -250px -50px;
}
.car-icon li.car-icon18 .icon-img {
  background-position: -300px -50px;
}
.car-icon li.car-icon19 .icon-img {
  background-position: -350px -50px;
}
.car-icon li.car-icon20 .icon-img {
  background-position: -400px -50px;
}
.car-icon li.car-icon21 .icon-img {
  background-position: -450px -50px;
}
.car-icon li.car-icon22 .icon-img {
  background-position: -500px -50px;
}
.car-icon li.car-icon01 .on .icon-img, .car-icon li.car-icon01 input:checked + label .icon-img, .car-icon li.car-icon01 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon01 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon01 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon01 .ico-confirm:checked + label .icon-img {
  background-position: 0 -100px;
}
.car-icon li.car-icon02 .on .icon-img, .car-icon li.car-icon02 input:checked + label .icon-img, .car-icon li.car-icon02 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon02 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon02 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon02 .ico-confirm:checked + label .icon-img {
  background-position: -50px -100px;
}
.car-icon li.car-icon03 .on .icon-img, .car-icon li.car-icon03 input:checked + label .icon-img, .car-icon li.car-icon03 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon03 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon03 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon03 .ico-confirm:checked + label .icon-img {
  background-position: -100px -100px;
}
.car-icon li.car-icon04 .on .icon-img, .car-icon li.car-icon04 input:checked + label .icon-img, .car-icon li.car-icon04 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon04 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon04 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon04 .ico-confirm:checked + label .icon-img {
  background-position: -150px -100px;
}
.car-icon li.car-icon05 .on .icon-img, .car-icon li.car-icon05 input:checked + label .icon-img, .car-icon li.car-icon05 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon05 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon05 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon05 .ico-confirm:checked + label .icon-img {
  background-position: -200px -100px;
}
.car-icon li.car-icon06 .on .icon-img, .car-icon li.car-icon06 input:checked + label .icon-img, .car-icon li.car-icon06 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon06 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon06 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon06 .ico-confirm:checked + label .icon-img {
  background-position: -250px -100px;
}
.car-icon li.car-icon07 .on .icon-img, .car-icon li.car-icon07 input:checked + label .icon-img, .car-icon li.car-icon07 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon07 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon07 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon07 .ico-confirm:checked + label .icon-img {
  background-position: -300px -100px;
}
.car-icon li.car-icon08 .on .icon-img, .car-icon li.car-icon08 input:checked + label .icon-img, .car-icon li.car-icon08 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon08 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon08 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon08 .ico-confirm:checked + label .icon-img {
  background-position: -350px -100px;
}
.car-icon li.car-icon09 .on .icon-img, .car-icon li.car-icon09 input:checked + label .icon-img, .car-icon li.car-icon09 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon09 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon09 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon09 .ico-confirm:checked + label .icon-img {
  background-position: -400px -100px;
}
.car-icon li.car-icon10 .on .icon-img, .car-icon li.car-icon10 input:checked + label .icon-img, .car-icon li.car-icon10 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon10 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon10 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon10 .ico-confirm:checked + label .icon-img {
  background-position: -450px -100px;
}
.car-icon li.car-icon11 .on .icon-img, .car-icon li.car-icon11 input:checked + label .icon-img, .car-icon li.car-icon11 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon11 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon11 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon11 .ico-confirm:checked + label .icon-img {
  background-position: -500px -100px;
}
.car-icon li.car-icon12 .on .icon-img, .car-icon li.car-icon12 input:checked + label .icon-img, .car-icon li.car-icon12 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon12 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon12 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon12 .ico-confirm:checked + label .icon-img {
  background-position: 0px -150px;
}
.car-icon li.car-icon13 .on .icon-img, .car-icon li.car-icon13 input:checked + label .icon-img, .car-icon li.car-icon13 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon13 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon13 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon13 .ico-confirm:checked + label .icon-img {
  background-position: -50px -150px;
}
.car-icon li.car-icon14 .on .icon-img, .car-icon li.car-icon14 input:checked + label .icon-img, .car-icon li.car-icon14 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon14 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon14 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon14 .ico-confirm:checked + label .icon-img {
  background-position: -100px -150px;
}
.car-icon li.car-icon15 .on .icon-img, .car-icon li.car-icon15 input:checked + label .icon-img, .car-icon li.car-icon15 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon15 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon15 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon15 .ico-confirm:checked + label .icon-img {
  background-position: -150px -150px;
}
.car-icon li.car-icon16 .on .icon-img, .car-icon li.car-icon16 input:checked + label .icon-img, .car-icon li.car-icon16 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon16 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon16 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon16 .ico-confirm:checked + label .icon-img {
  background-position: -200px -150px;
}
.car-icon li.car-icon17 .on .icon-img, .car-icon li.car-icon17 input:checked + label .icon-img, .car-icon li.car-icon17 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon17 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon17 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon17 .ico-confirm:checked + label .icon-img {
  background-position: -250px -150px;
}
.car-icon li.car-icon18 .on .icon-img, .car-icon li.car-icon18 input:checked + label .icon-img, .car-icon li.car-icon18 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon18 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon18 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon18 .ico-confirm:checked + label .icon-img {
  background-position: -300px -150px;
}
.car-icon li.car-icon19 .on .icon-img, .car-icon li.car-icon19 input:checked + label .icon-img, .car-icon li.car-icon19 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon19 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon19 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon19 .ico-confirm:checked + label .icon-img {
  background-position: -350px -150px;
}
.car-icon li.car-icon20 .on .icon-img, .car-icon li.car-icon20 input:checked + label .icon-img, .car-icon li.car-icon20 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon20 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon20 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon20 .ico-confirm:checked + label .icon-img {
  background-position: -400px -150px;
}
.car-icon li.car-icon21 .on .icon-img, .car-icon li.car-icon21 input:checked + label .icon-img, .car-icon li.car-icon21 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon21 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon21 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon21 .ico-confirm:checked + label .icon-img {
  background-position: -450px -150px;
}
.car-icon li.car-icon22 .on .icon-img, .car-icon li.car-icon22 input:checked + label .icon-img, .car-icon li.car-icon22 .new-content-body .inp-box .ico-confirm:checked + label .icon-img, .new-content-body .inp-box .car-icon li.car-icon22 .ico-confirm:checked + label .icon-img, .car-icon li.car-icon22 .type-mydata .inp-box .ico-confirm:checked + label .icon-img, .type-mydata .inp-box .car-icon li.car-icon22 .ico-confirm:checked + label .icon-img {
  background-position: -500px -150px;
}

.color-sel {
  overflow: hidden;
}
.color-sel li {
  position: relative;
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 30px;
}
.color-sel li input[type=checkbox], .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}
.color-sel li input[type=checkbox]:disabled + label .icon-color:after, .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label .icon-color:after, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm:disabled + label .icon-color:after, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label .icon-color:after, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm:disabled + label .icon-color:after {
  background: #ccc;
  opacity: 0.6;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.color-sel li a,
.color-sel li label {
  display: block;
  text-align: center;
  text-decoration: none;
}
.color-sel li a .icon-color,
.color-sel li label .icon-color {
  position: relative;
  overflow: hidden;
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 40px;
}
.color-sel li a .icon-color img,
.color-sel li label .icon-color img {
  width: 100%;
}
.color-sel li a .icon-color [class*=color],
.color-sel li label .icon-color [class*=color] {
  text-indent: -9999px;
}
.color-sel li a .icon-color.colorall,
.color-sel li label .icon-color.colorall {
  background: url("../images/common/icon_total_cor.png") no-repeat;
  background-size: 100% 100%;
}
.color-sel li a .icon-color.color01,
.color-sel li label .icon-color.color01 {
  background: #000;
}
.color-sel li a .icon-color.color02,
.color-sel li label .icon-color.color02 {
  background: #fff;
  border: 1px solid #dedede;
}
.color-sel li a .icon-color.color03,
.color-sel li label .icon-color.color03 {
  background: #f0f0f0;
}
.color-sel li a .icon-color.color04,
.color-sel li label .icon-color.color04 {
  background: #bcbcbc;
}
.color-sel li a .icon-color.color05,
.color-sel li label .icon-color.color05 {
  background: #ececde;
  border: 1px solid #dedede;
}
.color-sel li a .icon-color.color06,
.color-sel li label .icon-color.color06 {
  background: #eb2a2a;
}
.color-sel li a .icon-color.color07,
.color-sel li label .icon-color.color07 {
  background: #e46600;
}
.color-sel li a .icon-color.color08,
.color-sel li label .icon-color.color08 {
  background: #ffd800;
}
.color-sel li a .icon-color.color09,
.color-sel li label .icon-color.color09 {
  background: #653b2a;
}
.color-sel li a .icon-color.color10,
.color-sel li label .icon-color.color10 {
  background: #009944;
}
.color-sel li a .icon-color.color11,
.color-sel li label .icon-color.color11 {
  background: #324df4;
}
.color-sel li a .icon-color.color12,
.color-sel li label .icon-color.color12 {
  background: #56357e;
}
.color-sel li a .icon-name,
.color-sel li label .icon-name {
  display: block;
  color: #666;
  font-size: 13px;
  padding: 10px 0 0;
}
.color-sel li a .icon-name i,
.color-sel li label .icon-name i {
  display: block;
  font-style: normal;
}
.color-sel li a.on .icon-color:after,
.color-sel li label.on .icon-color:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../images/sub/icon_selall_s.png") no-repeat 0 0;
  background-size: 40px 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.color-sel li a.on .icon-color.color02:after, .color-sel li a.on .icon-color.color03:after, .color-sel li a.on .icon-color.color05:after,
.color-sel li label.on .icon-color.color02:after,
.color-sel li label.on .icon-color.color03:after,
.color-sel li label.on .icon-color.color05:after {
  background-position: 0 -40px;
}
.color-sel li input[type=checkbox]:checked + label .icon-color:after, .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-color:after, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color:after, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-color:after, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../images/sub/icon_selall_s.png") no-repeat 0 0;
  background-size: 40px 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.color-sel li input[type=checkbox]:checked + label .icon-color.color02:after, .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color02:after, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color02:after, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color02:after, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color02:after, .color-sel li input[type=checkbox]:checked + label .icon-color.color03:after, .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color03:after, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color03:after, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color03:after, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color03:after, .color-sel li input[type=checkbox]:checked + label .icon-color.color05:after, .color-sel li .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color05:after, .new-content-body .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color05:after, .color-sel li .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label .icon-color.color05:after, .type-mydata .inp-box .color-sel li [type=checkbox].ico-confirm:checked + label .icon-color.color05:after {
  background-position: 0 -40px;
}

.location-order {
  position: relative;
  padding-left: 28px;
}
.location-order:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  background-position: -17px 0;
  position: absolute;
  top: 0;
  left: 0;
}

.put-box a {
  position: relative;
  display: block;
  height: 70px;
  line-height: 70px;
  padding-left: 48px;
  font-size: 16px;
  color: #222;
  text-decoration: none;
}
.put-box a:first-child {
  border-bottom: 1px solid #ddd;
}
.put-box a:after {
  content: "";
  display: block;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  position: absolute;
  left: 21px;
  top: 50%;
  margin-top: -6px;
}
.put-box a:first-child:after {
  width: 12px;
  height: 12px;
  background-position: -35px 0;
}
.put-box a:last-child:after {
  width: 13px;
  height: 13px;
  background-position: -35px -12px;
}

.brd-btm {
  border-bottom: 1px solid #ddd;
}

.postscript {
  position: relative;
  padding-left: 28px;
}
.postscript:after {
  content: "";
  width: 15px;
  height: 18px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -201px;
  position: absolute;
  top: 0;
  left: 0;
}

.option-list {
  padding: 0 0 55px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #fff;
}
.option-list .srch-list ul > li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 17px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.option-list .srch-list ul > li .h-box {
  margin-bottom: 0;
  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;
  width: 100%;
}
.option-list .srch-list ul > li .h-box label {
  font-size: 14px;
  color: #222;
}
.option-list .srch-list ul > li .h-box span.gray-num {
  font-size: 14px;
  color: #999;
  padding-left: 15px;
}
.option-list .srch-list ul > li .h-box .detail-view {
  font-size: 14px;
  color: #364f7f;
}
.option-list .srch-list ul > li .toggle-cont {
  display: none;
}
.option-list .srch-list ul > li div.detail-sub {
  margin: 17px 0 -17px;
}
.option-list .srch-list ul > li div.detail-sub ul li {
  border-bottom: none;
  border-top: 1px solid #ddd;
  padding: 17px 5px 17px 25px;
  margin: 0;
}
.option-list .srch-list ul > li div.detail-sub ul li:first-child:after {
  display: none;
}
.option-list .srch-list ul > li.chk-disabled {
  color: #999;
}
.option-list .srch-list ul > li.chk-disabled .h-box label {
  color: #999;
}
.option-list .lr-15 {
  padding: 0 15px;
}

.input-range {
  overflow: hidden;
}
.input-range div {
  float: left;
  padding: 0 25px 10px 0;
}
.input-range div:last-child {
  padding-right: 0;
}

.snackbar-txt {
  position: fixed;
  bottom: 73px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  z-index: 2;
}
.snackbar-txt span {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  z-index: 1;
}
.snackbar-txt span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background: #000;
  opacity: 0.7;
  z-index: -1;
  border-radius: 40px;
}

[class*=s-badge] {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 0 15px;
}
[class*=s-badge] span {
  position: relative;
  display: -webkit-box;
  width: 100%;
  height: 50px;
  background: #4c4c4c;
  color: #fff;
  text-align: left;
  border-radius: 50px;
  padding-left: 40px;
  -webkit-box-align: center;
}
[class*=s-badge] span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px 250px;
}

.s-badge01 {
  bottom: 90px;
  z-index: 10;
}
.s-badge01 span {
  font-size: 16px;
}
.s-badge01 span:after {
  background-position: -150px -20px;
  width: 15px;
  height: 17px;
  margin-top: -9px;
}

.s-badge02 {
  bottom: 150px;
  z-index: 10;
}
.s-badge02 span {
  line-height: 1.4;
  font-size: 15px;
}
.s-badge02 span:after {
  background-position: -135px -20px;
  width: 17px;
  height: 17px;
  margin-top: -10px;
}

.layer-pop-btm-pd0 {
  padding: 0 !important;
}
.layer-pop-btm-pd0 .tit-pop {
  padding: 15px 15px 0 15px;
}
.layer-pop-btm-pd0 .content-pop {
  padding-bottom: 0 !important;
}

.pop-tab-type {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  overflow: scroll;
}
.pop-tab-type .tab-type {
  position: relative;
}
.pop-tab-type .tab-type:after {
  display: none;
}
.pop-tab-type .tab-type ul {
  display: block;
  padding: 0;
  overflow: scroll;
  width: 430px;
}
.pop-tab-type .tab-type ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  float: left;
  padding: 0 15px;
}
.pop-tab-type .tab-type ul li:first-child {
  padding-left: 0;
}
.pop-tab-type .tab-type ul li:last-child {
  padding-right: 0;
}
.pop-tab-type .tab-type ul li a {
  display: block;
  font-size: 16px;
  width: 100%;
  text-align: center;
  position: relative;
  text-decoration: none;
  color: #222;
  padding-top: 0;
  z-index: 2;
}
.pop-tab-type .tab-type ul li.on a {
  border-bottom: 2px solid #222;
  font-weight: 600;
}
.pop-tab-type .tab-type ul:after {
  content: "";
  display: block;
  clear: both;
}
.pop-tab-type::-webkit-scrollbar {
  display: none;
}

.option-dec-slide {
  padding: 30px 0 0;
}
.option-dec-slide .swiper-container .swiper-slide dt, .option-dec-slide .swiper-container .swiper-slide .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .option-dec-slide .swiper-container .swiper-slide dd {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.option-dec-slide .swiper-container .swiper-slide dd.option-desc {
  margin-top: 15px;
  padding: 0 15px;
  min-height: 114px;
}
.option-dec-slide .swiper-container .swiper-slide dd.option-img {
  margin-top: 70px;
  width: 100%;
}
.option-dec-slide .swiper-container .swiper-slide dd.option-img img {
  width: 100%;
  height: auto;
}
.option-dec-slide .swiper-button-next {
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px 250px;
  background-position: -94px 0;
  top: 27px;
  right: 15px;
  width: 6px;
  height: 11px;
}
.option-dec-slide .swiper-button-prev {
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px 250px;
  background-position: -87px 0;
  top: 27px;
  left: 15px;
  width: 6px;
  height: 11px;
}
.option-dec-slide .swiper-pagination {
  text-align: right;
  bottom: 307px;
  top: auto;
  padding-right: 30px;
}

.map-area .addr-txt {
  line-height: 16px;
  font-size: 14px;
  margin-bottom: 13px;
  font-weight: 500;
}
.map-area .map-img {
  margin-left: -15px;
  width: calc(100% + 30px);
}
.map-area .map-img img {
  display: block;
  width: 100%;
}

.s-table-type1 table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}
.s-table-type1 table tr.bg-f1 th {
  color: #222;
  background: #f1f1f1;
}
.s-table-type1 table tr.bg-f1 td {
  background: #f1f1f1;
}
.s-table-type1 table tbody th {
  color: #666;
  font-size: 14px;
  padding: 15px;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
}
.s-table-type1 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 15px;
  text-align: right;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}
.s-table-type1 table tbody td a {
  color: #2666c6;
  text-decoration: none;
  border-bottom: 1px solid #2666c6;
}
.s-table-type1 table .lightblue-txt {
  color: #2666c6 !important;
}

.s-table-type2 table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
}
.s-table-type2 table thead th {
  height: 40px;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.s-table-type2 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 9px 0;
  text-align: center;
  font-weight: 500;
}
.s-table-type2 table .lft-txt {
  text-align: left;
}

.s-table-type3 table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.s-table-type3 table tbody th {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  text-align: left;
  padding: 9px 0 9px 15px;
}
.s-table-type3 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 9px 0;
  text-align: left;
  font-weight: 500;
}
.s-table-type3 table tbody td span {
  display: block;
}
.s-table-type3 table tbody td span i {
  display: block;
  font-style: normal;
  font-weight: 400;
}
.s-table-type3 table tbody td span {
  display: inline-block;
}
.s-table-type3 table tbody td span a {
  color: #2666c6;
  text-decoration: none;
  border-bottom: 1px solid #2666c6;
}

.box-area .h-box {
  position: relative;
  margin-top: 35px;
  margin-bottom: 10px;
}
.box-area .h-box > div.rgt-array {
  -webkit-box-pack: end !important;
  text-align: right !important;
}

.btn-clrdb a {
  position: relative;
  display: block;
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding-left: 15px;
  color: #fff;
  background: #364f7f;
  border-radius: 4px;
  text-decoration: none;
}
.btn-clrdb a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -60px -169px;
  width: 7px;
  height: 13px;
  background-size: 500px;
}
.btn-clrdb span {
  font-size: 14px;
  color: #cbdcfd;
  letter-spacing: -1px;
}
.btn-clrdb b {
  font-weight: bold;
  font-size: 16px;
}
.btn-clrdb b i {
  color: #ffcc00;
  font-style: normal;
}

.btn-blue a {
  display: block;
  background: #2666c6;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  border-radius: 4px;
}
.btn-blue a b {
  font-weight: 600;
}

.btn-grey a {
  display: block;
  background: #ddd;
  color: #222;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  border-radius: 4px;
  letter-spacing: -1px;
}
.btn-grey a b {
  font-weight: 600;
}

.line-btn-arr a {
  position: relative;
  display: inline-block;
  padding: 1px 25px 1px 10px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #999;
  border-radius: 15px;
  text-decoration: none;
}
.line-btn-arr a:after {
  content: "";
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -25px -20px;
  width: 8px;
  height: 5px;
  position: absolute;
  top: 7px;
  right: 6px;
}

.btn-brd {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.btn-brd a {
  display: block;
  width: 100%;
  color: #222;
  text-decoration: none;
}

.input-box {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fdfdfd;
}
.input-box .btn-del {
  position: absolute;
  top: 10px;
  right: 10px;
}
.input-box .btn-del a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 25px;
  height: 25px;
}
.input-box .btn-del a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -36px -35px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-size: 500px;
}
.input-box .input-type {
  border: 0;
  border-radius: inherit;
  height: 48px;
  line-height: 48px;
}
.input-box.input-disable {
  background: #ececec;
}
.input-box.type-2 {
  border-radius: 12px;
  border: solid 1px #aaa;
}

.input-type-r {
  text-align: right;
}
.input-type-r ::-webkit-input-placeholder {
  color: #222 !important;
  font-size: 18px !important;
}
.input-type-r ::-webkit-input-placeholder,
.input-type-r ::placeholder {
  color: #222 !important;
  font-size: 18px !important;
}

.range-input .input-box {
  padding: 5px 0;
}

.car-detail-img {
  position: relative;
  margin-bottom: 30px;
}
.car-detail-img img {
  position: relative;
  width: 100%;
}
.car-detail-img.zooming img {
  will-change: transform;
}
.car-detail-img.zooming .txt {
  display: none;
}

.car-detail-img-wrap {
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
}
.car-detail-img-wrap .car-detail-img {
  margin-bottom: 0;
}

.car-detail-img-viewer {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.car-detail-img-viewer .car-detail-img {
  position: absolute;
  width: 100%;
}
.car-detail-img-viewer.zooming {
  display: block;
}

.car-detail-txt {
  padding: 0 15px 60px;
  letter-spacing: -1px;
  font-size: 16px;
  color: #666;
}
.car-detail-txt b {
  color: #222;
}

[class*=clr-],
[class*=hot-mark-col] {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 1px 7px;
  margin: 0 2px;
  border-radius: 15px;
  font-size: 13px;
  color: #fff;
}

.clr-blue {
  background: #10a8e5;
}

.clr-deep-blue {
  background: #2666c6;
}

.clr-red {
  background: #fd665c;
}

.clr-yellow {
  background: #ffbc00;
}

.clr-white {
  background: #fff;
  border: 1px solid #ddd;
  color: #666;
}

.hot-mark-col02 {
  background: #9cd5c2;
}

.hot-mark-col05 {
  background: #aad1d9;
}

.option-num {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  font-size: 16px;
  background: #f1f1f1;
}

.car-option-list {
  overflow: hidden;
}
.car-option-list li {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 15px;
  font-weight: 500;
  color: #999;
}
.car-option-list li.on {
  color: #222;
}

.car-icon li.disable-txt .icon-img {
  border: 1px dashed #dfdfdf;
}
.car-icon li.disable-txt .icon-img img {
  opacity: 0.5;
}
.car-icon li.disable-txt .icon-name {
  color: #999;
}

.car-option-sec {
  padding: 30px 15px;
}

.brand-as {
  padding: 15px 0 0 0;
}

.certification-num .acc-input {
  position: relative;
}
.certification-num .acc-input .time {
  position: absolute;
  right: 10px;
  top: 16px;
  color: #fd665c;
  font-size: 13px;
}
.certification-num .acc-btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 5px;
}
.certification-num .acc-btn a {
  display: inline-block;
  height: 50px;
  background: #ddd;
  color: #222;
  font-size: 14px;
  padding: 0 9px;
  border-radius: 4px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
}

.credit-rec-bnr {
  background: #6692b7;
}
.credit-rec-bnr a {
  width: 100%;
}
.credit-rec-bnr a img {
  width: 100%;
}

.al-safety-area {
  padding: 30px 15px;
}
.al-safety-area .graph-none {
  text-align: center;
  height: 50px;
  line-height: 16px;
  margin-top: 25px;
  padding-top: 17px;
}
.al-safety-area .txt {
  letter-spacing: -1px;
}
.al-safety-area .car-master .photo {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.al-safety-area .car-master .photo img {
  width: 100%;
  height: 100%;
}
.al-safety-area .car-master div .cor-red {
  font-size: 12px;
  letter-spacing: -1px;
}
.al-safety-area .car-master div span {
  display: block;
  color: #999;
}
.al-safety-area .fiction-noti {
  position: relative;
  padding: 19px 0 0 20px;
  color: #364f7f;
  text-decoration: none;
}
.al-safety-area .fiction-noti:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -48px -22px;
  position: absolute;
  bottom: 2px;
  left: 0;
}
.al-safety-area .price-range-bar {
  padding: 5px 0 40px;
}
.al-safety-area .price-range-bar.ovfw-vsb {
  overflow: visible;
}
.al-safety-area .price-range-bar .price-range-bar__current-number {
  width: 160px;
  border: 1px solid #ddd;
  height: 22px;
  border-radius: 20px;
  margin-left: -80px;
  top: -25px;
}
.al-safety-area .price-range-bar .price-range-bar__current-number:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 1px;
  height: 7px;
  background: #ddd;
}
.al-safety-area .price-range-bar .price-range-bar__current-number.modi {
  color: #2666c6;
  font-weight: 600;
}
.al-safety-area .price-range-bar .number-value {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.al-safety-area .price-range-bar .number-value ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.al-safety-area .price-range-bar .number-value li {
  font-size: 13px;
  color: #666;
}
.al-safety-area .price-range-bar .price-range-bar__ruler {
  margin: 0 15px;
}

.cmm-real-info {
  padding: 15px 0 0;
}
.cmm-real-info .cor-red {
  margin-bottom: 5px;
  padding: 0 0 0 50px;
}
.cmm-real-info .cor-red + .flex-sbw .photo {
  position: relative;
  top: -10px;
}

.price-tooltip-wrap .tooltip {
  margin: 1px 0 0 0 !important;
}
.price-tooltip-wrap .tooltip .tip-con .sub {
  width: 186px;
}

.car-report {
  padding: 30px 15px;
}
.car-report .car-condition01 > div {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 35px;
  margin-bottom: 10px;
}
.car-report .car-condition01 > div div {
  line-height: 50px;
}
.car-report .car-condition01 > div div:last-child {
  font-weight: 600;
}
.car-report .car-condition01 > div:after {
  content: "";
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.car-report .car-condition01 > div.car-condi01:after {
  background-position: -62px -21px;
}
.car-report .car-condition01 > div.car-condi02:after {
  background-position: -79px -21px;
}
.car-report .car-condition01 > div.car-condi03:after {
  background-position: -96px -21px;
}
.car-report .car-condition02 li {
  width: 24%;
  padding: 17px 0;
  text-align: center;
  border-radius: 3px;
  background: #f5f6f9;
}
.car-report .car-condition02 li b {
  display: block;
  color: #004085;
}
.car-report .car-condition02 li.on b {
  color: #222;
}
.car-report .car-papers a {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  color: #222;
  text-align: center;
  text-decoration: none;
}

.guarantee-info {
  padding: 30px 15px;
}

.diag-info {
  padding: 30px 15px;
  background: #f5f6f9;
}
.diag-info .diag-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  padding-top: 10px;
}
.diag-info .diag-cont .photo {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  margin-right: 10px;
}
.diag-info .diag-cont .photo img {
  width: 100%;
}
.diag-info .diag-cont .diag-txt dl {
  overflow: hidden;
}
.diag-info .diag-cont .diag-txt dl dt, .diag-info .diag-cont .diag-txt dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .diag-info .diag-cont .diag-txt dl dd {
  color: #666;
  display: inline;
  float: left;
  width: 85px;
  margin-bottom: 5px;
}
.diag-info .diag-cont .diag-txt dl dd {
  float: left;
  margin-bottom: 5px;
  font-weight: 600;
}
.diag-info .diag-cont .diag-txt dl dd + dt, .diag-info .diag-cont .diag-txt dl .dealer-detail .dealer-detail__status > div dd + dd, .dealer-detail .dealer-detail__status > div .diag-info .diag-cont .diag-txt dl dd + dd {
  clear: both;
}
.diag-info .diag-cont .sign {
  width: 69px;
  height: 52px;
  margin-left: 10px;
}
.diag-info .diag-cont .sign img {
  width: 100%;
}

.s-basic-info {
  padding: 30px 15px;
}
.s-basic-info .basic-info {
  padding: 0 15px;
  margin-top: 20px;
}
.s-basic-info .basic-info .h-box div:first-child {
  color: #666;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.s-basic-info .basic-info .h-box div:last-child {
  font-weight: 500;
}

.basic-info-data:after {
  display: block;
  clear: both;
  content: "";
}
.basic-info-data dt, .basic-info-data .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .basic-info-data dd {
  float: left;
  width: 94px;
  color: #666;
  font-weight: 400;
  padding: 0 0 10px;
}
.basic-info-data dd {
  padding: 0 0 10px 100px;
  color: #222;
  font-weight: 600;
}

.car-as-info {
  padding: 30px 15px;
}
.car-as-info h3 {
  position: relative;
  font-weight: 600;
}
.car-as-info dl {
  width: 100%;
  text-align: left;
}
.car-as-info dl dt, .car-as-info dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-as-info dl dd {
  margin-bottom: 10px;
  font-weight: 600;
}
.car-as-info dl dd i {
  font-style: normal;
  color: #2666c6;
}
.car-as-info dl dd span {
  display: block;
  color: #999;
  font-size: 12px;
}

.marketer-info {
  padding: 30px 15px;
}
.marketer-info .photo {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 15px;
}
.marketer-info .photo img {
  width: 100%;
  height: 100%;
}
.marketer-info .photo .btn-dealer-info {
  display: block;
  position: relative;
}
.marketer-info .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: 0;
  background: url("../images/common/sprite.png") no-repeat -253px -180px;
  background-size: 500px;
  width: 15px;
  height: 15px;
  z-index: 2;
}
.marketer-info .info .name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.marketer-info .info .name .friends {
  position: relative;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.marketer-info .info .name .friends:after {
  content: "";
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -60px;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
}
.marketer-info .info .txt {
  font-weight: bold;
  font-size: 24px;
}
.marketer-info .info .activity div span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding-right: 10px;
  font-size: 13px;
  color: #666;
}
.marketer-info .info .activity div span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #8f8f8f;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -5px;
}
.marketer-info .info .activity div span:last-child {
  padding-right: 0;
}
.marketer-info .info .activity div span:last-child:after {
  display: none;
}
.marketer-info .info .activity div strong {
  font-size: 13px;
  color: #222;
  position: relative;
  font-weight: 600;
}
.marketer-info .info .activity dl dt, .marketer-info .info .activity dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .marketer-info .info .activity dl dd {
  font-size: 13px;
  color: #666;
}
.marketer-info .info .activity dl dd {
  font-size: 13px;
  color: #222;
  position: relative;
  font-weight: 600;
  padding-right: 15px;
}
.marketer-info .info .activity dl dd:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #8f8f8f;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -5px;
}
.marketer-info .info .activity dl dd:last-child {
  padding-right: 0;
}
.marketer-info .info .activity dl dd:last-child:after {
  display: none;
}
.marketer-info .info .badge {
  position: relative;
  padding-left: 35px;
  height: 23px;
  line-height: 23px;
}
.marketer-info .info .badge[class*=bg0]:after {
  content: "";
  background: url("../images/sub/bg-badge.png") no-repeat;
  background-size: auto 100%;
  width: 28px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 0;
}
.marketer-info .info .badge.bg01:after {
  background-position: left top;
}
.marketer-info .info .badge.bg02:after {
  background-position: -28px top;
}
.marketer-info .info .badge.bg03:after {
  background-position: -56px top;
}
.marketer-info .info .badge.bg04:after {
  background-position: -84px top;
}
.marketer-info .info .estimation .star-area {
  margin-bottom: 15px;
  display: block;
}

.des-area {
  padding-top: 12px;
}
.des-area .da-con {
  overflow: hidden;
  max-height: 60px;
}
.des-area .da-con .da-hide {
  line-height: 20px;
  font-size: 14px;
}
.des-area .da-btn {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  margin-top: 10px;
  border: 0 none;
  outline: 0;
  padding: 0;
  background-color: transparent;
}
.des-area .da-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 5px;
  width: 19px;
  height: 10px;
  margin-left: -9px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -115px -22px;
}
.des-area.on .da-btn:after {
  background-position: -60px -60px;
}

.present {
  padding: 30px 15px 10px;
  background: #aad1d9;
  color: #fff;
}
.present .present-box {
  position: relative;
  height: 36.0937vw;
  margin: 0 10px;
  padding-top: 4.6875vw;
  background: url("../images/sub/bg-present.jpg") no-repeat;
  background-size: 100% 100%;
}
.present .present-box .p-img {
  position: absolute;
  left: 2.1875vw;
  top: 4.6875vw;
  display: block;
  width: 25.1562vw;
  height: 21.7187vw;
}
.present .present-box .p-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.present .present-box .p-con {
  position: relative;
  height: 21.7187vw;
  padding: 0 3.125vw 0 33.125vw;
}
.present .present-box .p-con:after {
  content: "";
  position: absolute;
  left: 28.125vw;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  background-color: #ddd;
}
.present .present-box .p-con .tit {
  line-height: 4.375vw;
  font-size: 4.375vw;
  font-weight: 500;
  color: #222;
}
.present .present-box .p-con .money {
  margin-top: 1.25vw;
}
.present .present-box .p-con .money .num01 {
  display: inline-block;
  line-height: 4.375vw;
  font-size: 4.375vw;
  font-weight: 500;
  color: #222;
}
.present .present-box .p-con .money .num02 {
  display: inline-block;
  line-height: 4.375vw;
  font-size: 3.125vw;
  font-weight: 500;
  color: #999;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.present .present-box .p-con .date {
  position: absolute;
  left: 33.125vw;
  right: 3.125vw;
  bottom: 0;
  letter-spacing: -0.05em;
}
.present .present-box .p-con .date dt, .present .present-box .p-con .date .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .present .present-box .p-con .date dd {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 14.0625vw;
  line-height: 5.7812vw;
  font-size: 3.125vw;
  color: #666;
}
.present .present-box .p-con .date dd {
  display: block;
  line-height: 5.7812vw;
  padding-left: 14.0625vw;
  font-size: 3.125vw;
  font-weight: 500;
  color: #222;
}

.car-how {
  padding: 30px 15px;
}
.car-how .car-how-num {
  padding: 30px 20px;
}
.car-how .car-how-num dl {
  overflow: hidden;
}
.car-how .car-how-num dl dt, .car-how .car-how-num dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-how .car-how-num dl dd {
  font-size: 14px;
  color: #666;
  margin-right: 5px;
}
.car-how .car-how-num dl dd {
  font-size: 24px;
  font-weight: 600;
}
.car-how .car-how-num dl:last-child dt, .car-how .car-how-num dl:last-child .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-how .car-how-num dl:last-child dd {
  font-size: 13px;
}
.car-how .car-how-num dl:last-child dd {
  font-size: 13px;
}
.car-how .car-how-num dl.flex-sbw {
  padding-bottom: 5px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.s-sns-share {
  padding: 30px 15px;
}
.s-sns-share ul {
  overflow: hidden;
  margin: 30px 55px 10px 55px;
}
.s-sns-share ul li {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
}
.s-sns-share ul li a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 45px;
  margin: auto;
  border: 1px solid #e2e2e2;
  border-radius: 50px;
}
.s-sns-share ul li a span {
  display: inline-block;
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  background-image: url("../images/sub/sprite_buy.png");
  background-size: 250px;
}
.s-sns-share ul li.s-sns-icon01 a {
  border: 1px solid #fae100;
  background: #fae100;
}
.s-sns-share ul li.s-sns-icon01 span {
  background-position: -30px -39px;
}
.s-sns-share ul li.s-sns-icon02 span {
  background-position: -51px -39px;
}
.s-sns-share ul li.s-sns-icon03 span {
  background-position: -71px -39px;
}

.used-list-img .fv-list .swiper-container {
  padding: 0 15px;
}
.used-list-img .fv-list .swiper-container .swiper-slide {
  position: relative;
  width: 130px;
  overflow: hidden;
}
.used-list-img .fv-list .swiper-container .swiper-slide a {
  display: block;
  width: 130px;
  text-decoration: none;
  color: #222;
}
.used-list-img .fv-list .swiper-container .swiper-slide a .s-car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.used-list-img .fv-list .swiper-container .swiper-slide a .s-car-info .car-name {
  font-size: 14px;
  margin: 10px 0 15px;
}
.used-list-img .fv-list .swiper-container .swiper-slide a .s-car-info .car-pay {
  font-size: 18px;
  display: block;
}
.used-list-img .fv-list .swiper-container .swiper-slide a img {
  width: 130px;
  height: 98px;
  border-radius: 6px;
}

.latest-list {
  overflow: hidden;
  padding: 0 15px;
}
.latest-list ul {
  overflow: hidden;
  margin-top: -15px;
}
.latest-list ul li {
  overflow: hidden;
  margin-top: 15px;
}
.latest-list ul li .latest-txt {
  float: left;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
}
.latest-list ul li .btn-del {
  float: right;
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: #fff;
}
.latest-list ul li .btn-del:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -36px -35px;
  width: 15px;
  height: 15px;
  background-size: 500px;
}

.s-require-bn {
  padding: 30px 15px;
  background: #fff url("../images/sub/s-require-bn.png") no-repeat center 155px;
  background-size: 320px auto;
}
.s-require-bn h2 {
  letter-spacing: -1px;
}

p.txt-guide, ul.guide-bul > li.txt-guide {
  position: relative;
  padding-left: 17px;
  margin: 30px 15px 0;
}
p.txt-guide:after, ul.guide-bul > li.txt-guide:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: -7px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -73px 0;
  position: absolute;
  top: 10px;
  left: 0;
}

.soldout-dim {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.soldout-dim:after {
  content: "";
  display: block;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 1;
}
.soldout-dim .dim-txt {
  position: relative;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  z-index: 2;
  padding-top: 40px;
  margin-top: -30px;
}
.soldout-dim .dim-txt:after {
  content: "SOLD OUT";
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  background: #fd665c;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -55px;
  font-weight: bold;
  font-size: 18px;
}
.soldout-dim .sale-info {
  position: relative;
  top: 50%;
  left: 15px;
  text-align: left;
  width: 100%;
  color: #fff;
  z-index: 2;
  font-size: 16px;
  letter-spacing: -1px;
}
.soldout-dim .sale-info b {
  font-weight: 600;
}

.bar-lft {
  position: relative;
  padding-left: 15px;
}
.bar-lft:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #adadad;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -4px;
}

.extend-view {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.extend-view a {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  padding: 25px;
  width: 16px;
  height: 16px;
}
.extend-view a:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -216px 0;
  position: absolute;
  top: 15px;
  right: 15px;
}
.extend-view--block {
  display: block;
  width: 100%;
  height: 100%;
}
.extend-view--block a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.extend-view--block a:after {
  right: auto;
  left: 15px;
}

.top-sticky {
  display: none;
}
.top-sticky.con-fixed {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
  border-top: 1px solid #ddd;
  z-index: 102;
}
.top-sticky.con-fixed a {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.top-sticky.con-fixed .s-car-img {
  position: relative;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.top-sticky.con-fixed .s-car-img img {
  width: 100%;
}
.top-sticky.con-fixed .s-car-txt {
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
  width: calc(100% - 100px);
}
.top-sticky.con-fixed .s-car-txt .s-brand {
  font-size: 16px;
  margin-bottom: 3px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-sticky.con-fixed .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.top-sticky.con-fixed .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.top-sticky.con-fixed .s-car-txt .s-info span:last-child:after {
  display: none;
}
.top-sticky.con-fixed .s-car-txt .s-pay {
  font-weight: bold;
  font-size: 18px;
  margin-top: 0;
}
.top-sticky.con-fixed .s-car-txt .s-pay del {
  font-weight: 400;
  font-size: 14px;
  color: #999;
  letter-spacing: -1px;
}
.top-sticky.con-fixed .s-car-txt .s-pay .sale-num {
  display: inline-block;
  height: 20px;
  border-radius: 20px;
  background: #fd665c;
  padding: 0 5px;
  color: #fff;
}
.top-sticky.con-fixed .s-car-txt .btnSaleCondition {
  position: relative;
  bottom: initial;
  margin: 0;
}

.s-find {
  background: #fff;
  border-radius: 0;
  padding: 0 0 64px 0;
}
.s-find .content-pop {
  padding: 30px 15px 0;
}
.s-find .btn-lightblue {
  display: inline-block;
  position: relative;
  top: -2px;
  width: auto;
  background: #2666c6;
  height: 30px;
  line-height: 30px;
  padding: 0;
  border-radius: 3px;
}
.s-find .btn-lightblue a {
  color: #fff;
  padding: 0 20px;
  text-decoration: none;
}
.s-find .sel-model {
  font-size: 18px;
  color: #2666c6;
  font-weight: 600;
}
.s-find .inquiry-model ul {
  overflow: hidden;
}
.s-find .inquiry-model ul li {
  float: left;
  width: 50%;
  margin-top: 15px;
}
.s-find .inquiry-model ul li a {
  color: #2666c6;
  text-decoration: none;
}

.comp-txt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  padding-top: 170px;
  background: url("../images/sub/bg_complete.png") no-repeat center top;
  background-size: 123px auto;
  margin-top: -187px;
}
.comp-txt span {
  font-size: 18px;
  color: #2666c6;
}

.matching {
  padding-bottom: 70px;
  background: url("../images/sub/bg_matching.png") no-repeat center bottom;
  background-size: 152px 39px;
}

.recommend {
  margin: 15px 15px 0 15px;
}
.recommend span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.recommend span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.recommend span:last-child {
  padding-right: 0;
}
.recommend span:last-child:after {
  display: none;
}

.s-tip-tab ul li {
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.s-tip-tab ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 45px 10px 15px 15px;
  letter-spacing: -1px;
  color: #222;
  text-decoration: none;
}
.s-tip-tab ul li a:after {
  content: "";
  background: url("../images/sub/sprite_buy.png");
  background-size: 250px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.s-tip-tab ul li.swiper-slide-thumb-active {
  background: #2666c6;
  border: 1px solid #2666c6;
}
.s-tip-tab ul li.swiper-slide-thumb-active a {
  color: #fff;
}
.s-tip-tab ul li:nth-child(1) a:after {
  background-position: -92px -38px;
  width: 40px;
  height: 18px;
}
.s-tip-tab ul li:nth-child(2) a:after {
  background-position: -132px -38px;
  width: 18px;
  height: 21px;
}
.s-tip-tab ul li:nth-child(3) a:after {
  background-position: -150px -38px;
  width: 21px;
  height: 21px;
}
.s-tip-tab ul li:nth-child(4) a:after {
  background-position: -171px -38px;
  width: 27px;
  height: 21px;
}

.s-buy-tip {
  padding: 30px 15px;
  margin-bottom: 50px;
}
.s-buy-tip ul {
  overflow: hidden;
  margin-top: 30px;
}
.s-buy-tip ul li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}
.s-buy-tip ul li:nth-child(2n) {
  margin-left: 10px;
}

.s-tip-cont {
  margin: 30px 0;
}
.s-tip-cont .swiper-slide {
  padding: 0 5px;
}
.s-tip-cont dl dt, .s-tip-cont dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .s-tip-cont dl dd {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.s-tip-cont dl dd p, .s-tip-cont dl dd ul.guide-bul > li {
  margin-bottom: 30px;
}
.s-tip-cont dl dd strong {
  font-weight: 400;
}
.s-tip-cont dl dd strong.str-tit {
  color: #2666c6;
  font-weight: 600;
}
.s-tip-cont dl dd b {
  color: #2666c6;
  font-weight: 600;
}
.s-tip-cont dl dd li {
  padding-left: 15px;
  text-indent: -15px;
  margin-bottom: 30px;
}
.s-tip-cont dl dd li p, .s-tip-cont dl dd li ul.guide-bul > li {
  text-indent: -10px;
}
.s-tip-cont .tip-step {
  margin-right: -15px;
}
.s-tip-cont .tip-step .swiper-container {
  padding-right: 15px;
}
.s-tip-cont .tip-step .swiper-container .swiper-wrapper > div {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  height: 110px;
  padding: 65px 0 0 0;
  text-align: center;
  letter-spacing: -1px;
}
.s-tip-cont .tip-step .swiper-container .swiper-wrapper > div:after {
  content: "";
  background: url("../images/sub/tip_step.png");
  background-size: 240px 40px;
  background-position: 0 0;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
}
.s-tip-cont .tip-step.tip-step01 .swiper-wrapper > div:nth-child(2):after {
  background-position: -40px 0;
}
.s-tip-cont .tip-step.tip-step01 .swiper-wrapper > div:nth-child(3):after {
  background-position: -80px 0;
}
.s-tip-cont .tip-step.tip-step01 .swiper-wrapper > div:nth-child(4):after {
  background-position: -120px 0;
}
.s-tip-cont .tip-step.tip-step02 .swiper-wrapper > div:nth-child(1) {
  width: 40% !important;
}
.s-tip-cont .tip-step.tip-step02 .swiper-wrapper > div:nth-child(2) {
  width: 55% !important;
}
.s-tip-cont .tip-step.tip-step02 .swiper-wrapper > div:nth-child(2):after {
  background-position: -160px 0;
}
.s-tip-cont .tip-step.tip-step02 .swiper-wrapper > div:nth-child(3) {
  width: 40% !important;
}
.s-tip-cont .tip-step.tip-step02 .swiper-wrapper > div:nth-child(3):after {
  background-position: -200px 0;
}

.except-part dl {
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}
.except-part dl dt, .except-part dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .except-part dl dd {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.except-part dl dd strong {
  color: #2666c6;
  font-weight: 400;
}
.except-part dl dd b {
  font-weight: 400;
  display: block;
  margin-top: 15px;
}
.except-part dl dd ul li {
  padding-left: 10px;
  text-indent: -10px;
}
.except-part dl dd.acc-process {
  padding-left: 55px;
  background: url("../images/sub/acc_process.png") no-repeat 0 0;
  background-size: 41px 318px;
  height: 318px;
}
.except-part dl dd.acc-process ul {
  margin-top: 15px;
}
.except-part dl dd.acc-process ul li {
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
}
.except-part dl dd.acc-process ul li:last-child {
  margin-bottom: 0;
}
.except-part .btn-tel {
  text-decoration: none;
  color: #000;
}

.s-list-dot li {
  position: relative;
  text-indent: 0 !important;
}
.s-list-dot li:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 4px;
  position: absolute;
  top: 8px;
  left: 0;
}

.app-condition {
  background: #fff;
  padding: 30px 15px;
}
.app-condition .app-bd-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.app-condition .app-bd-txt p, .app-condition .app-bd-txt ul.guide-bul > li {
  font-size: 18px;
  font-weight: 400;
}
.app-condition .app-bd-txt p span, .app-condition .app-bd-txt ul.guide-bul > li span {
  font-size: 18px;
  color: #2666c6;
}
.app-condition .app-bd-txt .btn-line {
  position: relative;
  top: -3px;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 68px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  color: #222;
  text-decoration: none;
}
.app-condition .app-bd-cont > div {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
}
.app-condition .app-bd-cont > div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
  color: #222;
}
.app-condition .app-bd-cont > div a .s-car-txt .s-brand {
  font-weight: bold;
  font-size: 18px;
}
.app-condition .app-bd-cont > div a .s-car-txt .s-info {
  color: #666;
  padding-top: 5px;
}
.app-condition .app-bd-cont > div a .s-car-txt .s-pay {
  color: #2666c6;
}
.app-condition .app-bd-cont > div a .s-car-txt .s-pay b {
  font-weight: bold;
  font-size: 18px;
}
.app-condition .app-bd-cont > div a .s-car-pic div:first-child {
  text-align: right;
  padding: 5px 0 15px 0;
}
.app-condition .app-bd-cont > div a .s-car-pic div:first-child span {
  padding-right: 5px;
}
.app-condition .app-bd-cont > div a .s-car-pic div:first-child span.counsel01 {
  color: #fd665c;
}
.app-condition .app-bd-cont > div a .s-car-pic div:first-child span.counsel02 {
  color: #2666c6;
}
.app-condition .app-bd-cont > div a .s-car-pic div:first-child b {
  font-weight: 600;
  color: #2666c6;
}
.app-condition .app-bd-cont > div a .s-car-pic .s-car-img {
  width: 130px;
  height: auto;
}
.app-condition .app-bd-cont > div a .s-car-pic .s-car-img img {
  width: 100%;
}

.srch-list-sep-pop ul > li {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.srch-list-sep-pop ul > li:first-child {
  background: #f1f1f1;
  border-top: none;
  padding-right: 10px;
}
.srch-list-sep-pop ul > li:first-child + li {
  border-top: none;
}
.srch-list-sep-pop ul > li .input-ck + label {
  font-size: 16px;
}
.srch-list-sep-pop ul > li div.ra-ck a {
  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;
  width: 100%;
  color: #222;
  text-decoration: none;
}
.srch-list-sep-pop ul > li div.s-car-kind {
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 16px;
}
.srch-list-sep-pop ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.srch-list-sep-pop ul > li p.s-view-all, .srch-list-sep-pop ul > li ul.guide-bul > li.s-view-all {
  font-size: 13px;
  color: #364f7f;
}
.srch-list-sep-pop ul > li p.s-car-img, .srch-list-sep-pop ul > li ul.guide-bul > li.s-car-img {
  width: 100px;
}
.srch-list-sep-pop ul > li p.s-car-img img, .srch-list-sep-pop ul > li ul.guide-bul > li.s-car-img img {
  width: 100%;
}
.srch-list-sep-pop input[type=checkbox]:checked + label:after, .srch-list-sep-pop .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .srch-list-sep-pop [type=checkbox].ico-confirm:checked + label:after, .srch-list-sep-pop .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .srch-list-sep-pop [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}

.perf-s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 14px;
}
.perf-s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.perf-s-info span:last-child:after {
  display: none;
}

.perf-s-txt .input-ck + label {
  display: inline;
  margin-left: 5px;
}
.perf-s-txt .input-ck + label:after {
  top: 0px;
  left: 2px;
}

.perf-s-cont .tab-contents {
  margin: 30px 0 80px;
}
.perf-s-cont .tab-contents h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.perf-s-cont .tab-contents h3 {
  margin-bottom: 15px;
  font-weight: 500;
}
.perf-s-cont .tab-contents .dot-red {
  letter-spacing: -1px;
  margin: 0;
}
.perf-s-cont .tab-contents .textarea-type {
  width: 100%;
  height: 160px;
}
.perf-s-cont .tab-contents > ul > li {
  color: #666;
  padding-left: 13px;
  text-indent: -13px;
}
.perf-s-cont .tab-contents > ul > li ul li {
  position: relative;
  padding-left: 15px;
  text-indent: 0;
}
.perf-s-cont .tab-contents > ul > li ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #666;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 7px;
}

.p-check {
  overflow: hidden;
  margin: 30px 0 20px;
}
.p-check li {
  width: 25%;
  float: left;
  height: 30px;
}

.check-pic {
  margin-bottom: 30px;
}
.check-pic span {
  margin-bottom: 10px;
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.check-pic span img {
  width: 100%;
}

.check-sign dt, .check-sign .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .check-sign dd {
  font-weight: 400;
  margin-bottom: 20px;
}
.check-sign dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
.check-sign dd span:first-child {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -1px;
}
.check-sign dd span:last-child {
  font-weight: 400;
}
.check-sign div {
  text-align: center;
}

.register-pic {
  margin-bottom: 55px;
}
.register-pic img {
  width: 100%;
}

.btn-control {
  position: fixed;
  bottom: 65px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  width: calc(100% - 30px);
  height: 40px;
}
.btn-control a {
  display: inline-block;
  padding: 12px 15px;
}
.btn-control a span {
  display: inline-block;
  text-indent: -9999px;
  width: 18px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
}
.btn-control a:nth-child(1) span {
  background-position: 0 -190px;
}
.btn-control a:nth-child(2) span {
  background-position: -18px -190px;
}
.btn-control a:nth-child(3) span {
  background-position: -36px -190px;
}
.btn-control a:nth-child(4) span {
  background-position: -54px -190px;
}
.btn-control a:nth-child(5) span {
  background-position: -72px -190px;
}
.btn-control a:nth-child(6) span {
  background-position: -90px -190px;
}
.btn-control:after {
  content: "";
  display: block;
  opacity: 0.8;
  background: #000;
  border-radius: 50px;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.btn-wd-arr {
  position: relative;
  height: 60px;
  line-height: 60px;
  background: #364f7f;
  padding-left: 15px;
}
.btn-wd-arr a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
.btn-wd-arr:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -60px -169px;
  width: 7px;
  height: 13px;
  background-size: 500px;
}

.header.buy-header-p .btn-top a.list-home {
  text-indent: -9999px;
  padding: 15px;
  width: 46px;
  height: 46px;
}
.header.buy-header-p .btn-top a.list-home:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 16px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -170px -20px;
}

.s-tab-line {
  border-radius: 15px;
  border: 1px solid #ddd;
  margin: 0 15px;
  padding: 15px;
}
.s-tab-line .tab-type ul {
  padding: 0;
}
.s-tab-line .tab-type ul li a {
  padding: 0 0 7px;
}
.s-tab-line .tab-type:after {
  display: none;
}
.s-tab-line .s-tag {
  overflow: hidden;
  margin-top: 15px;
}
.s-tab-line .s-tag li {
  float: left;
  margin: 0 5px 10px 0;
}
.s-tab-line .s-tag li a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 2px 10px;
  text-decoration: none;
  font-size: 13px;
  color: #999;
}
.s-tab-line .s-tag li a:before {
  content: "#";
}
.s-tab-line .s-tag li a.on {
  border-color: #10a8e5;
  color: #10a8e5;
}

.delivery-tit {
  margin: 25px 0 5px;
  font-weight: 600;
}

.delivery-info {
  padding: 0 15px;
}
.delivery-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}
.delivery-info li span {
  color: #666;
}
.delivery-info li b {
  font-weight: 500;
}

.delivery-info-w100 {
  padding: 0 15px;
}
.delivery-info-w100 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.delivery-info-w100 li span {
  display: block;
  width: 100%;
  color: #666;
}
.delivery-info-w100 li b {
  width: 100%;
  font-weight: 500;
}

.font-deepblue {
  color: #7491b4;
}

.font-lightblue {
  color: #2666c6;
}

.font-blue {
  color: #364f7f;
}

.font-lightgrey {
  color: #999;
}

.font-grey {
  color: #666;
}

.font-darkgrey {
  color: #222;
}

.font-lightred {
  color: #fd665c;
}

.font-w600 {
  font-weight: 600;
}

.menu-depth {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-position: 0 -17px;
  background-size: 250px;
  margin: 0 5px;
}

.brd-btm {
  border-bottom: 1px solid #ddd;
}

.brd-top {
  border-top: 1px solid #ddd;
}

.brd-non-b {
  border-bottom: none !important;
}

.brd-non-t {
  border-top: none !important;
}

.flex-sbw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-fe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.h-box > div.txt-left:last-child {
  display: -webkit-box;
  -webkit-box-pack: start;
  text-align: left;
}

.txt-lft {
  text-align: left;
}

.txt-rgt {
  text-align: right;
}

.txt-cnt {
  text-align: center;
}

.float-r {
  float: right;
}

.disp-in {
  display: inline;
}

.disp-inb {
  display: inline-block;
}

.disp-b {
  display: block;
}

.input-unit > .pay-type {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #222;
  font-size: 18px;
}

.icon-mark {
  position: relative;
  padding-left: 22px;
}
.icon-mark:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-position: -232px 0;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}

.add-app > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.add-app > div .tit {
  margin-bottom: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 95px;
}

.acc-info {
  text-align: center;
}
.acc-info p, .acc-info ul.guide-bul > li {
  font-size: 24px;
  font-weight: 500;
}
.acc-info p span, .acc-info ul.guide-bul > li span {
  font-size: 24px;
  color: #2666c6;
}

.accident-txt {
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  padding-top: 135px;
  background: url("../images/sub/bg_acc.png") no-repeat 50% 20px;
  background-size: 100px;
}

.inquire-txt {
  position: relative;
  text-align: center;
  margin-top: 30px;
}
.inquire-txt::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
  margin-right: 5px;
}

.cardata-view {
  text-align: center;
  padding: 0 15px 30px;
}
.cardata-view .e-car-img {
  width: 180px;
  height: auto;
  margin: 25px auto 10px;
}
.cardata-view .e-car-img img {
  width: 100%;
}
.cardata-view .e-car-brand {
  font-weight: bold;
  font-size: 24px;
}
.cardata-view .e-car-brand span {
  font-size: 18px;
  font-weight: 400;
}
.cardata-view .e-car-info {
  margin-top: 10px;
}
.cardata-view .e-car-info a {
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}

.mileage-wrap {
  margin-top: 20px;
}
.mileage-wrap .mileage-period {
  color: #666;
  display: block;
}
.mileage-wrap .mileage-drive {
  font-size: 24px;
}
.mileage-wrap .mileage-ave {
  margin-top: 5px;
}
.mileage-wrap .mileage-ave span {
  border-bottom: 1px solid #6f6f6f;
}
.mileage-wrap .mileage-compare {
  font-size: 16px;
}
.mileage-wrap .mileage-compare strong {
  color: #2666c6;
}
.mileage-wrap .mileage-source {
  margin: 15px 0 50px;
}
.mileage-wrap .mileage-source p, .mileage-wrap .mileage-source ul.guide-bul > li {
  font-size: 13px;
  color: #666;
}

.time-sale-txt {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 75px;
  height: 30px;
  text-align: center;
  border-radius: 15px;
  z-index: 1;
}
.time-sale-txt p, .time-sale-txt ul.guide-bul > li {
  position: relative;
  color: #fd665c;
  font-weight: 600;
  line-height: 30px;
  z-index: 2;
}
.time-sale-txt:after {
  content: "";
  background: #000;
  opacity: 0.5;
  width: 75px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.time-sale-wrap {
  position: relative;
}

.time-sale-hour {
  position: absolute;
  bottom: 170px;
  left: 15px;
  right: 15px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.time-sale-hour div {
  width: 120px;
  height: 35px;
  line-height: 35px;
  border-radius: 30px;
  text-align: center;
}
.time-sale-hour div:first-child {
  position: relative;
  background: #fff;
  font-size: 15px;
  padding-left: 25px;
}
.time-sale-hour div:first-child:after {
  content: "";
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px;
  background-position: -190px -20px;
  position: absolute;
  top: 50%;
  left: 19px;
  width: 18px;
  height: 17px;
  margin-top: -8px;
}
.time-sale-hour div:last-child {
  background: #2666c6;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
}

.time-nosale {
  padding: 30px 15px 0;
  text-align: center;
}

.repair-icon {
  margin-bottom: 30px;
}
.repair-icon ul li {
  position: relative;
  float: left;
  padding: 0 20px 10px;
}
.repair-icon ul li:last-child {
  padding-right: 0;
}
.repair-icon ul li:before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  background: url("../images/sub/i_check.png") no-repeat 0 0;
  background-size: 45px 30px;
  position: absolute;
  top: 2px;
  left: 0;
}
.repair-icon ul li:nth-child(2):before {
  background-position: -15px 0;
}
.repair-icon ul li:nth-child(3):before {
  background-position: -30px 0;
}
.repair-icon ul li:nth-child(4):before {
  background-position: 0 -15px;
}
.repair-icon ul li:nth-child(5):before {
  background-position: -15px -15px;
}
.repair-icon ul li:nth-child(6):before {
  background-position: -30px -15px;
}
.repair-icon:after {
  content: "";
  clear: both;
  display: block;
}

.car-history-img {
  position: relative;
  width: 250px;
  margin: 0 auto;
  z-index: 1;
}
.car-history-img img {
  vertical-align: top;
}
.car-history-img .hash {
  position: absolute;
  z-index: 2;
  font-size: 0;
  line-height: 0;
}
.car-history-img .hash img {
  vertical-align: top;
}
.car-history-img .hash.on {
  display: block;
}
.car-history-img .hash.off {
  display: none;
}
.car-history-img.car-history-img-line {
  width: 320px;
}
.car-history-img.car-history-img-line .hash.on img {
  width: 55%;
  height: auto;
}
.car-history-img.car-history-img-line .i-car-change,
.car-history-img.car-history-img-line .i-car-corr,
.car-history-img.car-history-img-line .i-car-weld,
.car-history-img.car-history-img-line .i-car-scratch,
.car-history-img.car-history-img-line .i-car-uneven,
.car-history-img.car-history-img-line .i-car-damage {
  width: 15px;
  height: 15px;
  background-size: 15px;
}

.car-history-img .i-car-change,
.car-history-img .i-car-corr,
.car-history-img .i-car-weld,
.car-history-img .i-car-scratch,
.car-history-img .i-car-uneven,
.car-history-img .i-car-damage {
  position: absolute;
  z-index: 3;
}

.i-car-change,
.i-car-corr,
.i-car-weld,
.i-car-scratch,
.i-car-uneven,
.i-car-damage {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.i-car-change {
  background-image: url("../images/sub/sb_car_chk01.png");
}

.i-car-corr {
  background-image: url("../images/sub/sb_car_chk02.png");
}

.i-car-weld {
  background-image: url("../images/sub/sb_car_chk03.png");
}

.i-car-scratch {
  background-image: url("../images/sub/sb_car_chk04.png");
}

.i-car-uneven {
  background-image: url("../images/sub/sb_car_chk05.png");
}

.i-car-damage {
  background-image: url("../images/sub/sb_car_chk06.png");
}

.safety-sum > p, ul.safety-sum.guide-bul > li {
  position: relative;
  display: inline-block;
}
.safety-sum > strong {
  display: block;
}

.model-type {
  padding: 13px 0 0;
}
.model-type h2.tit {
  padding: 0;
  margin-bottom: 12px;
  font-size: 18px;
}
.model-type .list li {
  margin-bottom: 15px;
}
.model-type .list a {
  display: block;
  text-decoration: none;
  color: #222;
}
.model-type .list a::after {
  display: block;
  clear: both;
  content: "";
}
.model-type .list a .img {
  float: left;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
}
.model-type .list a .img img {
  width: 100%;
}
.model-type .list a .txt {
  padding: 10px 0 0 125px;
}
.model-type .list a .txt .money {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 16px;
}

.btn-calculation-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  background-color: #364f7f;
  border-radius: 5px;
}
.btn-calculation-total a:first-child {
  position: relative;
  padding-left: 34px;
  display: inline-block;
  height: 54px;
  line-height: 54px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: -1px;
}
.btn-calculation-total a:first-child:before {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 12px;
  height: 16px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -129px 0;
  background-size: 250px;
  content: "";
}
.btn-calculation-total a:last-child {
  position: relative;
  display: inline-block;
  height: 54px;
  line-height: 54px;
  color: #ffbc00;
  text-decoration: none;
  font-size: 16px;
  padding: 0 10px;
  letter-spacing: -1px;
}
.btn-calculation-total a:last-child:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: #ffbc00;
  content: "";
}

.add-box li[class*=add] .num {
  position: relative;
  display: inline-block;
  margin-left: 3px;
}
.add-box li[class*=add] .num span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  text-align: center;
  font-weight: 600;
  color: #2666c6;
  opacity: 0;
}
.add-box li[class*=add] .num.on span {
  -webkit-animation-name: addBox;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes addBox {
  0% {
    -webkit-transform: translateY(0px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(-12px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-16px);
    opacity: 0;
  }
}
.car-renew {
  padding: 30px 15px;
}
.car-renew h2 {
  margin-bottom: 15px;
}
.car-renew .renew-period {
  margin: 30px 0 15px;
  font-size: 18px;
  font-weight: 600;
}
.car-renew .renew-period span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.car-renew .box-wrap-gray h4 {
  font-weight: 600;
}
.car-renew .box-wrap-gray .gt-sum {
  font-weight: bold;
  font-size: 14px;
  color: #2666c6;
}
.car-renew .box-wrap-gray .btn-clear {
  margin-top: 20px;
}
.car-renew .tit-wrap {
  position: relative;
}
.car-renew .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}

.dealer-renew {
  padding: 30px 15px;
}
.dealer-renew .photo {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-right: 15px;
}
.dealer-renew .photo img {
  width: 100%;
}
.dealer-renew .info {
  width: calc(100% - 55px);
}
.dealer-renew .info .name strong {
  font-weight: 600;
}
.dealer-renew .renew-period {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 600;
}
.dealer-renew .renew-period span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}

.inspect-pf {
  background: #d4dcf3;
  padding: 30px 15px;
}
.inspect-pf .tooltip {
  margin-top: 3px;
}
.inspect-pf .photo {
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 15px;
}
.inspect-pf .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inspect-pf .info {
  width: calc(100% - 125px);
}
.inspect-pf .info .renew-period {
  padding: 15px 0;
  margin: 15px 0;
  font-size: 18px;
  font-weight: 600;
  border-top: 1px solid #6e7a9f;
  border-bottom: 1px solid #6e7a9f;
}
.inspect-pf .info .renew-period span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.inspect-pf .info .renew-gt {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #6e7a9f;
  border-bottom: 1px solid #6e7a9f;
}

.op-tit-txt {
  padding: 30px 15px 25px;
}

.cl-list {
  overflow: hidden;
}
.cl-list > span {
  float: left;
  font-weight: 500;
}
.cl-list > span + span {
  position: relative;
  margin-left: 19px;
}
.cl-list > span + span:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  display: block;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background-color: #222;
}

.dir-area .dir-box {
  padding: 25px 15px 30px;
  margin-bottom: 10px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #f6f8fc;
}
.dir-area .dir-box .tit {
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
}
.dir-area .dir-box .txt {
  line-height: 17px;
  margin-top: 9px;
  font-size: 14px;
  color: #666;
}
.dir-area .dir-box .dir-con {
  overflow: hidden;
  margin-top: 20px;
}
.dir-area .dir-box .dir-con .cl-link {
  float: left;
  margin-top: 4px;
}
.dir-area .dir-box .dir-con .cl-link > a {
  float: left;
  display: inline-block;
  line-height: 18px;
  text-decoration: none;
  color: #364f7f;
}
.dir-area .dir-box .dir-con .cl-link > a + a {
  position: relative;
  margin-left: 17px;
}
.dir-area .dir-box .dir-con .cl-link > a + a:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  display: block;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background-color: #aeb6c8;
}
.dir-area .dir-box .dir-con .money {
  float: right;
  display: inline-block;
  line-height: 22px;
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}

.ra-area a {
  text-decoration: none;
}
.ra-area .ra-box {
  padding: 25px 15px 0;
  margin-bottom: 10px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.ra-area .ra-box .tit-box {
  position: relative;
  display: block;
  padding-bottom: 12px;
}
.ra-area .ra-box .tit-box .tit {
  display: block;
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
}
.ra-area .ra-box .tit-box .more {
  position: absolute;
  right: 0;
  bottom: 12px;
  display: block;
  line-height: 16px;
  color: #364f7f;
}
.ra-area .ra-box .link-box {
  position: relative;
  min-height: 108px;
  padding: 26px 80px 26px 0;
  border-top: 1px solid #ddd;
}
.ra-area .ra-box .link-box .txt-box {
  display: block;
}
.ra-area .ra-box .link-box .txt-box .tit {
  display: block;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.ra-area .ra-box .link-box .txt-box .txt {
  display: block;
  line-height: 16px;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.ra-area .ra-box .link-box .txt-box .txt .cor-red {
  font-weight: 500;
}
.ra-area .ra-box .link-box .img {
  position: absolute;
  right: 0;
  top: 26px;
  display: block;
  width: 75px;
  height: 56px;
}
.ra-area .ra-box .link-box .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.sp-price .tab-type {
  background: #fff;
}
.sp-price .sp-price-con {
  padding-bottom: 15px;
}
.sp-price .sp-price-con > div {
  padding: 30px 15px;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sp-price .sp-price-con .sp-price-exp {
  border-radius: 0 0 15px 15px;
}
.sp-price .sp-price-con .sp-price-exp p, .sp-price .sp-price-con .sp-price-exp ul.guide-bul > li {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
.sp-price .sp-price-con .sp-price-exp h2 {
  font-size: 16px;
}
.sp-price .sp-price-con .sp-price-exp ul {
  margin-top: 15px;
}
.sp-price .sp-price-con .sp-price-exp ul li {
  color: #666;
  padding: 0 0 10px 12px;
  text-indent: -12px;
}
.sp-price .sp-price-con .sp-car-list {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.sp-price .sp-price-con .sp-car-list .car-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt {
  width: calc(100% - 130px);
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt > span {
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 5px;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt p, .sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt ul.guide-bul > li {
  font-size: 13px;
  color: #999;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt div {
  margin-top: 8px;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt div span {
  letter-spacing: -1px;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt div span:first-child {
  color: #fb665e;
  font-weight: 500;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-txt div span:last-child {
  font-weight: 600;
  padding-left: 10px;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-img {
  width: 110px;
  height: 83px;
  margin-top: 30px;
}
.sp-price .sp-price-con .sp-car-list .car-terms .car-terms-img img {
  width: 100%;
}
.sp-price .sp-price-con .sp-car-list .rent-price {
  margin-top: 20px;
}
.sp-price .sp-price-con .sp-car-list .rent-price a {
  display: inline-block;
  padding: 0 5px;
  background: #2666c6;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
}
.sp-price .sp-price-con .rent-info h2 {
  font-weight: 500;
}
.sp-price .sp-price-con .rent-info ul {
  margin-top: 15px;
}
.sp-price .sp-price-con .rent-info ul li {
  position: relative;
  margin-top: 13px;
  padding-left: 8px;
  font-weight: 300;
}
.sp-price .sp-price-con .rent-info ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #aad1d9;
  position: absolute;
  top: 7px;
  left: 0;
}
.sp-price .sp-price-con .rent-info .h-area {
  border: none;
  padding: 0;
}
.sp-price .sp-price-con .rent-info .h-area .h-type {
  margin-top: 25px;
}
.sp-price .sp-price-con .rent-info .h-area .h-type .tit {
  -webkit-box-flex: initial;
  width: 120px;
  color: #222;
}
.sp-price .sp-price-con .rent-info .h-area .h-type .txt {
  -webkit-box-pack: start;
  font-weight: normal;
  padding-left: 10px;
}
.sp-price .sp-price-con .rent-info .consult-link {
  background: #f5f6f9;
  border-radius: 4px;
  text-align: center;
  padding: 15px 0;
  margin: 30px 0 15px;
}
.sp-price .sp-price-con .rent-info .consult-link strong {
  display: block;
  font-size: 30px;
  margin: 5px 0 0;
}
.sp-price .sp-price-con .rent-info .consult-link .btn-h-box {
  display: block;
}
.sp-price .sp-price-con .rent-info .consult-link .btn-h-box a {
  display: inline-block;
  width: 155px;
  margin: 15px auto 0;
}

.cha-assure li {
  margin-bottom: 10px;
}

.used-lease h2 {
  font-weight: bold;
  font-size: 24px;
}
.used-lease h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.used-lease h3 span {
  font-size: 18px;
  color: #2666c6;
}
.used-lease .used-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 20px 80px 20px 20px;
  margin-bottom: 10px;
}
.used-lease .used-step li span {
  display: inline-block;
  font-size: 15px;
  padding-left: 15px;
  text-indent: -15px;
}
.used-lease .used-step li:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../images/sub/bg_used_lease.png") no-repeat;
  background-size: 160px 40px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -20px;
}
.used-lease .used-step li.step01:after {
  background-position: 0 0;
}
.used-lease .used-step li.step02:after {
  background-position: -40px 0;
}
.used-lease .used-step li.step03:after {
  background-position: -80px 0;
}
.used-lease .used-step li.step04:after {
  background-position: -120px 0;
}
.used-lease .dot-red-list li {
  padding-bottom: 3px;
}
.used-lease .dot-red-list li p, .used-lease .dot-red-list li ul.guide-bul > li {
  color: #999;
  padding-left: 10px;
}
.used-lease .dot-red-list li .bul {
  position: relative;
  margin-left: -10px;
}
.used-lease .dot-red-list li .line-block {
  position: relative;
}
.used-lease .consol-pay {
  position: relative;
  padding-bottom: 160px;
}
.used-lease .consol-pay:after {
  content: "";
  width: 100px;
  height: 100px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -149px -68px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -50px;
}
.used-lease .consol-pay-list {
  position: relative;
  padding: 160px 0 60px;
}
.used-lease .consol-pay-list:after {
  content: "";
  width: 100px;
  height: 100px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -149px -68px;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -50px;
}
.used-lease .consol-pay-list li {
  padding: 0 0 0 12px;
  text-indent: -11px;
}

.nc-area {
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f6f9;
}
.nc-area .nc-txt {
  position: relative;
  padding: 65px 15px 0;
}
.nc-area .nc-txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background: url("../images/sub/bg_newcar.png") no-repeat;
  background-size: auto 60px;
}
.nc-area .nc-txt.bg02:after {
  background-position: right top;
}
.nc-area .nc-txt .txt {
  display: block;
  text-align: center;
  line-height: 20px;
  margin-top: 7px;
  font-size: 16px;
}
.nc-area .nc-txt .txt span {
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
}

.cmm-map-wrap {
  height: calc(100vh - 55px);
  background: #ededed;
}
.cmm-map-wrap .cmm-addr-txt {
  background: #fff;
  padding: 10px;
  font-weight: 500;
}

.cmm-txt-cor .red {
  color: #fd665c;
}
.cmm-txt-cor .blue {
  color: #2666c6;
}
.cmm-txt-cor span {
  font-size: 13px;
}
.cmm-txt-cor span + span {
  position: relative;
  margin-left: 8px;
}
.cmm-txt-cor span + span:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 6px;
  width: 1px;
  height: 8px;
  background: #222;
}

.cmm-disabled * {
  color: #ccc !important;
}

/* 2020.1.28 추가 */
.buy .s-carmd-info.newCarAppinfo {
  border-radius: 0;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt {
  margin-top: 15px;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-txt-link a {
  margin-right: 0;
  padding-right: 0;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-txt-link a:after {
  display: none;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dt, .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dd {
  position: relative;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dt:after, .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dd:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 45px;
  top: 50%;
  margin-top: -6px;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dt:first-child:after, .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl .dealer-detail .dealer-detail__status > div dd:first-child:after, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dd:first-child:after {
  display: none;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dd {
  padding-right: 25px;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-spec dl dd:after {
  display: none;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-sale {
  margin-top: 10px;
}
.buy .s-carmd-info.newCarAppinfo .s-newcar-info .newcar-txt .newcar-sale > div {
  width: 50%;
}
.buy .s-carmd-info.newCarAppinfo .newCarAppinfo__price {
  margin: 30px 0 20px;
}
.buy .s-carmd-info.newCarAppinfo .newCarAppinfo__price .title {
  font-size: 15px;
}
.buy .s-carmd-info.newCarAppinfo .newCarAppinfo__price .price {
  font-weight: bold;
  font-size: 20px;
  color: #2666c6;
}
.buy .s-carmd-info.newCarAppinfo .newCarAppinfo__text {
  font-size: 12px;
}

.sectionArea {
  margin-bottom: 10px;
  padding: 30px 15px;
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.sectionArea__titleArea {
  font-weight: bold;
}
.sectionArea__titleArea__title {
  font-size: 18px;
}
.sectionArea h3.title {
  font-size: 15px;
  margin-bottom: 15px;
}
.sectionArea__modelInfo {
  margin-top: 25px;
}
.sectionArea__modelInfo ul li {
  margin-bottom: 15px;
}
.sectionArea__modelInfo ul li a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.sectionArea__modelInfo ul li a .image {
  position: relative;
  width: 130px;
  height: 98px;
  border-radius: 6px;
  overflow: hidden;
  float: left;
}
.sectionArea__modelInfo ul li a .image img {
  width: 100%;
}
.sectionArea__modelInfo ul li a .infoText {
  display: -webkit-box;
  -webkit-box-align: start;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  padding: 0 0 0 15px;
}
.sectionArea__modelInfo ul li a .infoText > * {
  display: block;
  color: #000;
}
.sectionArea__modelInfo ul li a .infoText .carName {
  margin-bottom: 5px;
}
.sectionArea__modelInfo ul li a .infoText strong {
  font-size: 16px;
}
.sectionArea__commonBenefit {
  margin-top: 35px;
}

.chartArea {
  margin: 0 0 40px;
}

.cmm-real-info.bor-top {
  border-top: 1px solid #ddd;
}

/* 차량정보 */
.car-info-animation .car-info-area .page-h .tit {
  font-size: 16px !important;
}
.car-info-animation .car-info-area .page-h .img {
  top: 50px !important;
}
.car-info-animation .car-info-area .page-h .carInfoPage {
  margin: 15px 0 0;
  padding: 0 20px;
}
.car-info-animation .car-info-area .page-h .carInfoPage__title {
  display: block;
}
.car-info-animation .car-info-area .page-h .carInfoPage__price {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
}
.car-info-animation .car-info-area .page-h .carInfoPage__list {
  margin-bottom: 15px;
}
.car-info-animation .car-info-area .page-h .carInfoPage__list span {
  position: relative;
  margin-right: 6px;
}
.car-info-animation .car-info-area .page-h .carInfoPage__list span + span {
  margin-left: 5px;
}
.car-info-animation .car-info-area .page-h .carInfoPage__text {
  margin-bottom: 15px;
}

.garage-area .layerBtm {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.garage-area .layerBtm span {
  display: none;
}
.garage-area .layerBtm:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.garage-area .infoTextArea {
  color: #999999;
}
.garage-area .infoTextArea span {
  position: relative;
}
.garage-area .infoTextArea span.km, .garage-area .infoTextArea span.color {
  margin-left: 12px;
}
.garage-area .infoTextArea span.km:after, .garage-area .infoTextArea span.color:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: #ddd;
}

/* 2020.06.12 알림,구독함 추가 */
.carinfo-txt {
  font-size: 18px;
  padding: 35px 15px;
  border-bottom: 1px solid #ddd;
}
.carinfo-txt span {
  font-size: 18px;
  color: #2666c6;
  font-weight: 600;
}

.carinfo-reg {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
.carinfo-reg:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 7px;
  height: 9px;
  background: url("../images/sub/btn_arr_rgt.png") no-repeat;
  background-size: 7px 9px;
  margin-top: -4px;
}
.carinfo-reg a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #999;
  text-decoration: none;
}

.newcar-alarm-exp {
  position: relative;
  padding: 80px 0 20px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 16px;
  line-height: 1.35;
}
.newcar-alarm-exp:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 61px;
  height: 61px;
  background: url("../images/sub/bg_alarm-exp.png") no-repeat;
  background-size: 61px 61px;
  margin-left: -30px;
}

.newcar-alarm-method {
  padding: 20px 0;
}
.newcar-alarm-method > div {
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newcar-alarm-method > div strong {
  display: block;
  color: #2666c6;
  width: 75px;
}
.newcar-alarm-method > div div {
  -webkit-box-pack: start;
  width: calc(100% - 75px);
}

/* 2020.06.17 차량상세 수정 */
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container {
  overflow: visible;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide .line-ad {
  position: absolute;
  left: 0;
  bottom: -35px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #2f2f2f;
  color: #fff;
  font-size: 13px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.videowrapper {
  position: relative;
  padding-bottom: 69%;
  height: 0;
  background: #000;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.swiper-slide--blur .slide-img {
  overflow: hidden;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.swiper-slide--blur .slide-img img {
  -webkit-filter: blur(16px);
          filter: blur(16px);
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.swiper-slide--blur .slide-img__blur-cover {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 50px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.swiper-slide--blur .slide-img__blur-cover .slide-item__tit {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-slide.swiper-slide--blur .slide-img__blur-cover .slide-item__desc {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  color: #aaa;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video:before, .buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video:after {
  content: "";
  position: absolute;
  display: block;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 2;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video:after {
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  background: url("../images/common/icon_play_detail_v2.png") no-repeat;
  background-size: 44px 44px;
  z-index: 3;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video.slide-video--ty2 .vedio-ballon {
  padding: 8px 16px;
  background-color: #ffd338;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  z-index: 2;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  margin-top: -49px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video.slide-video--ty2.show-ballon .vedio-ballon {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .slide-video.slide-video--ty2:after {
  background: url(../images/common/icon/icon-vedio-play.svg) no-repeat;
  background-size: 56px 56px;
  width: 56px;
  height: 56px;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .swiper-pagination-progressbar {
  bottom: 50px;
  background: #2f2f2f;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .cmm-real-car {
  height: auto;
  display: block;
  padding: 1px 7px;
  vertical-align: middle;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-swiper .swiper-container .btn-certification03 {
  position: absolute;
  left: 15px;
  top: 7px;
  width: 41px;
  height: 36px;
  z-index: 2;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt {
  margin: 45px 15px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt h3 {
  text-align: center;
  line-height: 1.5;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dt, .buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dd {
  font-size: 14px;
  float: left;
  padding: 18px 5px 0 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dd {
  float: left;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dd span {
  font-size: 13px;
  color: #999;
  text-decoration: line-through;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dd strong {
  font-size: 30px;
  color: #2666c6;
  padding-left: 15px;
  font-weight: bold;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price dl dd strong i {
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-buy-price .car-mk-price {
  display: inline-block;
  padding: 0 8px;
  margin: 15px 0 0 5px;
  font-size: 13px;
  color: #fd665c;
  height: 22px;
  line-height: 22px;
  border: 1px solid #fd665c;
  border-radius: 50px;
  text-align: center;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price {
  margin-top: 10px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price strong {
  display: block;
  font-size: 27px;
  color: #2666c6;
  text-align: center;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price .colum-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
  margin-top: 10px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price .colum-price div {
  border: 1px solid #ddd;
  border-radius: 7px;
  width: 33.3%;
  margin: 0 5px;
  padding: 10px 0;
  text-align: center;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price .colum-price div span {
  font-size: 13px;
  display: block;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .suc-price .colum-price div b {
  display: block;
  font-size: 14px;
  color: #2666c6;
  font-weight: bold;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .newcar-spec {
  margin-top: 15px;
  text-align: center;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .newcar-spec span {
  font-size: 13px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info {
  margin: 30px auto 0;
  padding: 0 15px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info:after {
  content: "";
  display: block;
  clear: both;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li {
  position: relative;
  float: left;
  width: 25%;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li a {
  position: relative;
  text-decoration: none;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li a:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f5f6f9 url("../images/sub/bg_car_used.png") no-repeat;
  background-size: 400px 50px;
  margin: 0 auto;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li a span {
  color: #222;
  display: block;
  text-align: center;
  padding-top: 10px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li [class*=used-alarm] {
  position: absolute;
  top: 0;
  right: 50%;
  width: 15px;
  height: 15px;
  /*background: #fd665c;
  border-radius: 50%;*/
  text-align: center;
  color: #fff;
  font-weight: 500;
  -webkit-transform: translateX(25px);
      -ms-transform: translateX(25px);
          transform: translateX(25px);
  font-size: 12px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li [class*=used-alarm]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: #fd665c;
  z-index: -1;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li [class*=used-alarm].used-alarm-none:after {
  background: #10af5b;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li _:-webkit-full-screen:not(:root:root):after,
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li [class*=used-alarm]:after {
  top: -1px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used01 a:before {
  background-position: 0 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used02 a:before {
  background-position: -50px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used03 a:before {
  background-position: -100px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used04 a:before {
  background-position: -150px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used05 a:before {
  background-position: -200px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used06 a:before {
  background-position: -250px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used07 a:before {
  background-position: -300px 0;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt .car-used-info li.used08 a:before {
  background-position: -350px 0;
}
.buy .car-renew-d {
  padding: 30px 15px;
}
.buy .car-renew-d .tit-wrap {
  position: relative;
}
.buy .car-renew-d .tit-wrap h2 {
  margin-bottom: 15px;
}
.buy .car-renew-d .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .car-renew-d .car-sale-mt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  margin-left: -10px;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc {
  position: relative;
  width: 33.33%;
  min-height: 109px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 10px;
  margin-left: 10px;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc strong {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -1px;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .arrow {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 5px;
  height: 10px;
  margin-top: -6px;
  border-radius: 5px;
  overflow: hidden;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .arrow:before, .buy .car-renew-d .car-sale-mt .car-sale-sc .arrow:after {
  position: absolute;
  top: 0;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month {
  position: absolute;
  right: 10px;
  bottom: 15px;
  text-align: right;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum-tit {
  font-size: 13px;
  color: #999;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum {
  font-size: 13px;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum strong {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .sale-sum i {
  font-size: 14px;
  font-style: normal;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .calc {
  text-decoration: none;
  font-size: 13px;
  color: #999;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .finance-consult {
  font-size: 13px;
  color: #999;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc .sale-sum-month .finance-consult-w {
  font-size: 13px;
  color: #fff;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc.on .sale-sum-month .sale-sum-tit,
.buy .car-renew-d .car-sale-mt .car-sale-sc.on .sale-sum-month .calc {
  color: #fff;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc.on .arrow:before {
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .car-sale-mt .car-sale-sc.on .arrow:after {
  border-color: transparent transparent transparent #2666c6;
}
.buy .car-renew-d .my-credit-srch {
  width: 100%;
  margin-top: 30px;
}
.buy .car-renew-d .my-credit-srch strong {
  font-size: 14px;
}
.buy .car-renew-d .my-credit-srch .btn-top {
  width: 100%;
  margin-bottom: -15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .car-renew-d .my-credit-srch .btn-top .btn-top__cell {
  width: 48.27%;
  font-size: 13px;
}
.buy .car-renew-d .my-credit-srch .btn-top .btn-top__cell:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 4px;
  background: #222;
  border-radius: 50%;
  vertical-align: middle;
}
.buy .car-renew-d .my-credit-srch .my-credit-srch__text {
  display: none;
}
.buy .car-renew-d .my-credit-srch .btn {
  position: relative;
  width: 100%;
  padding-top: 24px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .car-renew-d .my-credit-srch .btn .btn__cell {
  width: 48.27%;
}
.buy .car-renew-d .my-credit-srch .btn .btn__top-text {
  position: absolute;
  left: 0;
  top: -24px;
  display: block;
  padding-left: 7px;
  text-align: left;
  color: #222;
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: -0.025em;
}
.buy .car-renew-d .my-credit-srch .btn .btn__top-text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #222;
  border-radius: 50%;
  vertical-align: middle;
}
.buy .car-renew-d .my-credit-srch .btn a {
  position: relative;
  width: 48.27%;
  border-radius: 7px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #60584c;
  text-decoration: none;
  color: #fff;
  padding: 15px 0;
}
.buy .car-renew-d .my-credit-srch .btn a span {
  font-size: 12px;
}
.buy .car-renew-d .my-credit-srch .btn a span img {
  width: 50px;
  height: auto;
}
.buy .car-renew-d .my-credit-srch .btn a span span.emp {
  font-size: 14px;
}
.buy .car-renew-d .my-credit-srch .btn a strong {
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 4px;
  border-radius: 5px;
  overflow: hidden;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow:before, .buy .car-renew-d .my-credit-srch .btn a .arrow:after {
  position: absolute;
  top: 0;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #60584c;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow.yellow:before {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.buy .car-renew-d .my-credit-srch .btn a .arrow.yellow:after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fcb222;
}
.buy .car-renew-d .my-credit-srch .btn a:first-child {
  background: #fcb222;
  color: #222;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn {
  display: block;
  padding-top: 0;
  padding-left: 50%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a {
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
  padding: 0;
  color: #2666c6;
  border: 1px solid #2666c6;
  background: #fff;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a .btn__top-text {
  left: -100%;
  top: 4px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a span span.emp {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.15;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a span.btn__mid-text {
  position: absolute;
  left: -100%;
  bottom: 4px;
  color: #2666c6;
  font-size: 13px;
  line-height: 1.15;
  text-indent: 7px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a span.btn__mid-text.long {
  letter-spacing: -1px;
  text-indent: 5px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a strong {
  line-height: 40px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a .arrow:before {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2666c6;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a .arrow:after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a:first-child {
  color: #fff;
  background: #2666c6;
  margin-top: 0;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a:first-child .arrow:before {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-b .btn a:first-child .arrow:after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2666c6;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c {
  padding: 10px;
  background: #ffcc02;
  border-radius: 4px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block {
  display: block;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block--limit {
  display: block;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block--os {
  display: none;
  letter-spacing: -1px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block--rate {
  font-size: 16px;
  text-align: right;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block--rate:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #2666c6;
  vertical-align: middle;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .my-credit-srch__text .text-block--rate strong {
  font-size: 24px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn {
  padding-top: 0;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a {
  padding: 0;
  background: #fff;
  border: 1px solid #eaeaea;
  color: #222;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a .btn__top-text,
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a .btn__mid-text {
  display: none;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a strong {
  line-height: 34px;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a .arrow:before {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c .btn a .arrow:after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c.my-credit-srch--one-stop .text-block--limit {
  display: none;
}
.buy .car-renew-d .my-credit-srch.my-credit-srch--type-c.my-credit-srch--one-stop .text-block--os {
  display: block;
}
.buy .usedcar-service {
  padding: 30px 15px;
}
.buy .usedcar-service ul li {
  position: relative;
  margin-top: 24px;
  padding-left: 52px;
}
.buy .usedcar-service ul li:before {
  position: absolute;
  top: 0;
  left: 12px;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-reeapt;
  background-position: center;
}
.buy .usedcar-service ul li dl dt, .buy .usedcar-service ul li dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .usedcar-service ul li dl dd {
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.buy .usedcar-service ul li dl dd {
  color: #888;
  font-size: 14px;
  padding-top: 2px;
}
.buy .usedcar-service ul li.extension:before {
  background-position: 0 0;
}
.buy .usedcar-service ul li.partnership:before {
  background-position: -55px 0;
}
.buy .usedcar-service ul li.change:before {
  background-position: -110px 0;
}
.buy .usedcar-service ul li.online-shipping:before {
  background-image: url("../images/sub/icon40-send-round.svg");
}
.buy .usedcar-service ul li.reg-alarm:before {
  background-image: url("../images/sub/icon40-alarm-round.svg");
}
.buy .usedcar-service ul li.reward:before {
  background-image: url("../images/sub/icon40-reward-round.svg");
}
.buy .usedcar-service ul li.overlay {
  opacity: 0.4;
}
.buy .cert-car {
  padding: 30px 15px;
}
.buy .cert-car .tit-wrap {
  position: relative;
}
.buy .cert-car .tit-wrap h2 {
  margin-bottom: 15px;
}
.buy .cert-car .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .cert-car .car-motion {
  position: relative;
  width: 100%;
}
.buy .cert-car .car-motion .car-animate {
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 200px;
  padding: 5px 20px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.buy .cert-car .car-motion .car-animate span {
  font-size: 13px;
}
.buy .cert-car .car-motion .car-animate span strong {
  color: #2666c6;
  font-weight: bold;
}
.buy .al-safety-area-d {
  padding: 30px 15px;
}
.buy .al-safety-area-d .tit-wrap {
  position: relative;
}
.buy .al-safety-area-d .tit-wrap h2 {
  margin-bottom: 15px;
}
.buy .al-safety-area-d .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .al-safety-area-d .tit-wrap .layerMarketPrice {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.buy .al-safety-area-d .tit-wrap .layerMarketPrice:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.buy .al-safety-area-d .tit-wrap .layerMarketPrice span {
  display: none;
}
.buy .al-safety-area-d .safety-sum {
  text-align: center;
  margin: 15px 0;
}
.buy .al-safety-area-d .price-range-bar {
  padding: 5px 0 55px;
}
.buy .al-safety-area-d .price-range-bar.ovfw-vsb {
  overflow: visible;
}
.buy .al-safety-area-d .price-range-bar .price-range-bar__current-number {
  width: 160px;
  border: 1px solid #ddd;
  height: 22px;
  border-radius: 20px;
  margin-left: -80px;
  top: -40px;
}
.buy .al-safety-area-d .price-range-bar .price-range-bar__current-number:after {
  display: none;
}
.buy .al-safety-area-d .price-range-bar .price-range-bar__current-number.modi {
  color: #2666c6;
  font-weight: 600;
}
.buy .al-safety-area-d .price-range-bar .number-value {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.buy .al-safety-area-d .price-range-bar .number-value ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buy .al-safety-area-d .price-range-bar .number-value li {
  font-size: 13px;
  color: #666;
}
.buy .al-safety-area-d .price-range-bar .price-range-bar__ruler {
  margin: 11px 15px 0;
}
.buy .car-option-d {
  padding: 30px 15px 50px;
}
.buy .car-option-d .tit-wrap {
  position: relative;
}
.buy .car-option-d .tit-wrap h2 {
  margin-bottom: 15px;
}
.buy .car-option-d .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .car-option-d .car-icon {
  overflow: hidden;
}
.buy .car-option-d .car-icon li {
  position: relative;
  float: left;
  width: 25%;
  height: 90px;
  text-align: center;
  margin-bottom: 20px;
  background: #fff;
}
.buy .car-option-d .car-icon li a {
  display: block;
  text-align: center;
  text-decoration: none;
}
.buy .car-option-d .car-icon li a .icon-img {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50px;
  background-image: url("../images/sub/car_option_bg02.png");
  background-size: 1000px 100px;
  background-color: #2666c6;
  border: 1px solid #2666c6;
  z-index: 1;
}
.buy .car-option-d .car-icon li a .icon-name {
  position: relative;
  display: block;
  color: #222;
  font-size: 12px;
  padding: 4px 0 0;
  letter-spacing: -1px;
  z-index: 0;
}
.buy .car-option-d .car-icon li.car-icon9 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon10 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon11 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon12 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon13 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon14 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon15 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon16 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon17 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon18 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon19 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon20 {
  display: none;
}
.buy .car-option-d .car-icon li.car-icon1 a .icon-img {
  background-position: 0px 0;
}
.buy .car-option-d .car-icon li.car-icon2 a .icon-img {
  background-position: -50px 0;
}
.buy .car-option-d .car-icon li.car-icon3 a .icon-img {
  background-position: -100px 0;
}
.buy .car-option-d .car-icon li.car-icon4 a .icon-img {
  background-position: -150px 0;
}
.buy .car-option-d .car-icon li.car-icon5 a .icon-img {
  background-position: -200px 0;
}
.buy .car-option-d .car-icon li.car-icon6 a .icon-img {
  background-position: -250px 0;
}
.buy .car-option-d .car-icon li.car-icon7 a .icon-img {
  background-position: -300px 0;
}
.buy .car-option-d .car-icon li.car-icon8 a .icon-img {
  background-position: -350px 0;
}
.buy .car-option-d .car-icon li.car-icon9 a .icon-img {
  background-position: -400px 0;
}
.buy .car-option-d .car-icon li.car-icon10 a .icon-img {
  background-position: -450px 0;
}
.buy .car-option-d .car-icon li.car-icon11 a .icon-img {
  background-position: -500px 0;
}
.buy .car-option-d .car-icon li.car-icon12 a .icon-img {
  background-position: -550px 0;
}
.buy .car-option-d .car-icon li.car-icon13 a .icon-img {
  background-position: -600px 0;
}
.buy .car-option-d .car-icon li.car-icon14 a .icon-img {
  background-position: -650px 0;
}
.buy .car-option-d .car-icon li.car-icon15 a .icon-img {
  background-position: -700px 0;
}
.buy .car-option-d .car-icon li.car-icon16 a .icon-img {
  background-position: -750px 0;
}
.buy .car-option-d .car-icon li.car-icon17 a .icon-img {
  background-position: -800px 0;
}
.buy .car-option-d .car-icon li.car-icon18 a .icon-img {
  background-position: -850px 0;
}
.buy .car-option-d .car-icon li.car-icon19 a .icon-img {
  background-position: -900px 0;
}
.buy .car-option-d .car-icon li.car-icon20 a .icon-img {
  background-position: -950px 0;
}
.buy .car-option-d .car-icon li.disable a .icon-img {
  background-position-y: -50px;
  background-color: #fff;
  border: none;
}
.buy .car-option-d .car-option-nodata {
  text-align: center;
  height: 150px;
  line-height: 120px;
}
.buy .dealer-info-d {
  display: none;
  padding: 30px 15px;
}
.buy .dealer-info-d .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.buy .dealer-info-d .dealer-info-area .dealer-star {
  margin-top: 30px;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .photo {
  width: 60px;
  height: 60px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -1px;
  width: 30px;
  height: 30px;
  background: url("../images/sub/sprite_sell.png") no-repeat -18px -35px;
  background-size: 250px;
  z-index: 0;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .photo .btn-dealer-info img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .photo .btn-dealer-info.btn-noicon:after {
  display: none;
}
.buy .dealer-info-d .dealer-info-area .dealer-star .star-area {
  display: block;
  width: 75px;
  margin: 10px auto 0;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt {
  text-align: center;
  margin-top: 10px;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .name {
  position: relative;
  font-size: 14px;
  padding-right: 15px;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .name:after {
  content: "";
  position: absolute;
  right: 7px;
  top: 50%;
  width: 1px;
  height: 15px;
  margin-top: -6px;
  background: #222;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .place {
  position: relative;
  font-size: 18px;
  margin-top: 5px;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .place .place-add {
  font-size: 14px;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .place .place-add .tip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .dealer-tel-num {
  margin: 5px 0 8px;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.buy .dealer-info-d .dealer-info-area .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_sell.png") no-repeat -166px -23px;
  background-size: 250px;
}
.buy .dealer-info-d .dealer-info-area .dealer-ass {
  display: none;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-cnt {
  text-align: center;
  margin-top: 25px;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-cnt .name {
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding-right: 0;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-cnt .name:after {
  display: none;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass {
  display: block;
  padding: 0 30px;
  margin-top: 15px;
  overflow: hidden;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass [class*=bg0] {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  padding-top: 35px;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass [class*=bg0]:after {
  content: "";
  background: url("../images/sub/bg-badge01.png") no-repeat;
  background-size: 132px 28px;
  width: 33px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -17px;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass [class*=bg0].disabled:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 2;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass .bg01:after {
  background-position: left top;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass .bg02:after {
  background-position: -33px top;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass .bg03:after {
  background-position: -66px top;
}
.buy .dealer-info-d .dealer-info-area .bedge .dealer-ass .bg04:after {
  background-position: -99px top;
}
.buy .dealer-info-d .dealer-info-area .selling-state {
  overflow: hidden;
  padding: 30px 0 0 0;
  width: 100%;
}
.buy .dealer-info-d .dealer-info-area .selling-state span {
  display: block;
  /*width: 180px;*/
  width: 48.27%;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border-radius: 7px;
}
.buy .dealer-info-d .dealer-info-area .selling-state span:first-child {
  float: left;
  background: #2968c7;
  color: #fff;
  border: 1px solid #2968c7;
}
.buy .dealer-info-d .dealer-info-area .selling-state span:last-child {
  float: right;
  border: 1px solid #ddd;
}
.buy .dealer-info-d .dealer-info-area .resv {
  margin: 15px 0 25px;
}
.buy .dealer-info-d .dealer-info-area .resv a {
  position: relative;
  color: #2666c6;
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: none;
}
.buy .dealer-info-d .dealer-info-area .resv a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #2666c6;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.buy .dealer-info-d .des-area {
  margin-top: 30px;
  padding: 0;
}
.buy .dealer-info-d .des-area .da-con {
  max-height: 130px;
}
.buy .dealer-info-d .des-area .da-con .da-hide {
  line-height: 1.83;
}
.buy .dealer-info-d .des-area .da-btn {
  padding: 0 0 20px 0;
  height: auto;
}
.buy .dealer-info-d .des-area .da-btn span {
  color: #2666c6;
}
.buy .dealer-info-d .des-area .da-btn:after {
  top: auto;
  bottom: 0;
}
.buy .dealer-info-d .layerplace {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.buy .dealer-info-d .layerplace:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.buy .dealer-info-d .layerplace span {
  display: none;
}
.buy .etc-info {
  display: none;
  padding: 30px 15px 100px;
}
.buy .etc-info .tit-wrap {
  position: relative;
}
.buy .etc-info .tit-wrap h2 {
  margin-bottom: 15px;
}
.buy .etc-info .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .etc-info .etc-info-list {
  padding: 30px 0 20px;
  border-bottom: 1px solid #ddd;
}
.buy .etc-info .etc-info-list dl {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
}
.buy .etc-info .etc-info-list dl dt, .buy .etc-info .etc-info-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .etc-info .etc-info-list dl dd {
  position: relative;
  padding: 17px 15px;
}
.buy .etc-info .etc-info-list dl dt:after, .buy .etc-info .etc-info-list dl .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .buy .etc-info .etc-info-list dl dd:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  background-position: -77px -231px;
  width: 8px;
  height: 5px;
  margin-top: -3px;
}
.buy .etc-info .etc-info-list dl dt.on:after, .buy .etc-info .etc-info-list dl .dealer-detail .dealer-detail__status > div dd.on:after, .dealer-detail .dealer-detail__status > div .buy .etc-info .etc-info-list dl dd.on:after {
  background-position: -77px -237px;
}
.buy .etc-info .etc-info-list dl dt span, .buy .etc-info .etc-info-list dl .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .buy .etc-info .etc-info-list dl dd span {
  display: inline-block;
  padding-right: 10px;
  color: #2666c6;
}
.buy .etc-info .etc-info-list dl dd {
  display: none;
  padding: 17px 15px;
}
.buy .etc-info .etc-info-list dl dd.column > div {
  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;
  letter-spacing: -1px;
}
.buy .etc-info .etc-info-list dl dd.column > div div {
  width: 110px;
  font-weight: 500;
}
.buy .etc-info .etc-info-list dl dd.column > div div span {
  font-size: 13px;
  color: #222;
  font-weight: 400;
}
.buy .etc-info .etc-info-list dl dd.column > div strong {
  font-size: 18px;
  color: #2666c6;
}
.buy .etc-info .etc-info-list dl dd.column > div strong span {
  font-size: 14px;
}
.buy .etc-info .etc-info-list dl dd.align {
  text-align: center;
}
.buy .etc-info .etc-info-list dl dd.align strong {
  font-size: 18px;
  color: #2666c6;
}
.buy .etc-info .etc-info-list dl dd.align span {
  display: block;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-grade {
  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;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-grade strong {
  font-size: 18px;
  color: #2666c6;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list {
  margin-top: 15px;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .grade-star .tit {
  width: 115px;
  display: inline-block;
  font-weight: 500;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .grade-star .star-area .star-rating,
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .grade-star .star-area .star-rating span {
  width: 45px;
  height: 9px;
  background: url("../images/sub/bg_star.png") no-repeat 0 -9px;
  background-size: 45px 54px;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .grade-star .star-area .star-rating span {
  background-position: 0 0;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .percent-num {
  text-align: right;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .percent-num .percent {
  font-size: 12px;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .percent-num .percent span {
  font-size: 14px;
  font-weight: 500;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .percent-num .num {
  position: relative;
  margin-left: 10px;
  font-size: 12px;
  color: #666;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div .percent-num .num:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 1px;
  height: 8px;
  background: #c1c1c1;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div.pedestrian .grade-star .star-rating span {
  background-position: 0 -18px;
}
.buy .etc-info .etc-info-list dl dd.esti .safety-list > div.prevention .grade-star .star-rating span {
  background-position: 0 -36px;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point {
  margin-top: 10px;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point .tit {
  display: block;
  margin-bottom: 10px;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point .txt > span {
  display: inline-block;
  color: #666;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point .txt > span .num {
  color: #222;
  font-weight: 500;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point .txt > span.first {
  position: relative;
  margin-right: 10px;
}
.buy .etc-info .etc-info-list dl dd.esti .extra-point .txt > span.first:after {
  content: "";
  position: absolute;
  right: -9px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #c1c1c1;
}
.buy .etc-info .etc-info-list dl dd.graph {
  margin: 0;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph strong {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender {
  position: relative;
  margin-top: 15px;
  height: 50px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .gategory {
  position: absolute;
  width: 115px;
  margin-top: -10px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .gategory li {
  position: relative;
  padding: 3px 0 3px 20px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .gategory li:after {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .gategory li:first-child:after {
  background: #2666c6;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .gategory li:last-child:after {
  background: #fd665c;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .graph {
  position: relative;
  width: calc(100% - 115px);
  height: 8px;
  margin-left: 105px;
  background: #fd665c;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .graph .man-graph {
  position: absolute;
  background: #2666c6;
  display: block;
  height: 8px;
  border-radius: 7px 0 0 7px;
  left: 0;
  top: 0;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .graph .graph_num {
  position: relative;
  overflow: hidden;
  padding-top: 15px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .graph .graph_num li {
  float: left;
  width: 20%;
  font-weight: 300;
  color: #999999;
  text-align: right;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .gender .graph .graph_num:after {
  content: "0";
  position: absolute;
  left: 0;
  font-weight: 300;
  color: #999999;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age ul li {
  position: relative;
  margin: 20px 0;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age ul li .age-tit {
  position: absolute;
  left: 0;
  top: -5px;
  width: 105px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age ul li .graph {
  position: relative;
  width: calc(100% - 105px);
  height: 8px;
  margin-left: 105px;
  background: #f1f1f1;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age ul li .graph .age-p {
  position: absolute;
  background: #a6b5c7;
  display: block;
  height: 8px;
  border-radius: 7px;
  left: 0;
  top: 0;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age ul li .graph .age-p.on {
  background: #2666c6;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age .graph_num {
  position: relative;
  overflow: hidden;
  padding-left: 105px;
  margin-top: -15px;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age .graph_num li {
  float: left;
  width: 20%;
  font-weight: 300;
  color: #999999;
  text-align: right;
  margin: 0;
}
.buy .etc-info .etc-info-list dl dd.graph .cmm-graph-area .bar-graph .age .graph_num:after {
  content: "0";
  position: absolute;
  left: 105px;
  font-weight: 300;
  color: #999999;
}
.buy .etc-info .etc-info-list dl.on dd {
  display: block;
}
.buy .etc-info .list li {
  margin-bottom: 15px;
}
.buy .etc-info .list a {
  display: block;
  text-decoration: none;
  color: #222;
}
.buy .etc-info .list a::after {
  display: block;
  clear: both;
  content: "";
}
.buy .etc-info .list a .img {
  float: left;
  width: 110px;
  height: 83px;
  border-radius: 4px;
  overflow: hidden;
}
.buy .etc-info .list a .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.buy .etc-info .list a .txt {
  padding: 22px 0 0 125px;
}
.buy .etc-info .list a .txt .name {
  font-weight: 400;
}
.buy .etc-info .list a .txt .info {
  margin-top: 5px;
}
.buy .etc-info .list a .txt .info span {
  position: relative;
  margin-right: 12px;
  color: #999;
  font-size: 13px;
}
.buy .etc-info .list a .txt .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.buy .etc-info .list a .txt .info span.date:after {
  display: none;
}
.buy .dtSecMore-btn {
  position: absolute;
  width: 100%;
  bottom: 20px;
  padding: 0 15px;
  z-index: 1;
}
.buy .dtSecMore-btn button {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  padding: 0;
  background: #fff;
  border: 1px solid #2666c6;
  border-radius: 7px;
  outline: 0;
  -webkit-box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.2), 0 -10px 8px 5px rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.2), 0 -10px 8px 5px rgba(255, 255, 255, 0.8);
}
.buy .dtSecMore-btn button span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #2666c6;
  font-size: 18px;
}
.buy .dtSecMore-btn button span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width: 19px;
  height: 10px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -115px -22px;
}
.buy .dtSecMore-btn button.on span:after {
  background-position: -60px -60px;
}
.buy .dtSecMore-btn.close {
  display: none;
}
.buy .dtSecMore-btn.close span:after {
  background-position: -60px -60px;
}
.buy .tg-srch {
  padding: 30px 15px;
}
.buy .tg-srch .tit-wrap {
  position: relative;
}
.buy .tg-srch .tit-wrap h2 {
  margin-bottom: 15px;
  letter-spacing: -1px;
}
.buy .tg-srch .tit-wrap .txt-btn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.buy .tg-srch .s-sellcar-list {
  margin: 30px 0 -20px;
}
.buy .tg-srch .s-sellcar-list a {
  float: left;
  display: block;
  width: 50%;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: left;
}
.buy .tg-srch .s-sellcar-list a:nth-child(2n) {
  padding-left: 5px;
}
.buy .tg-srch .s-sellcar-list a:nth-child(2n-1) {
  padding-right: 5px;
}
.buy .tg-srch .s-sellcar-list a .s-car-img {
  position: relative;
  display: block;
  padding-top: 75%;
  overflow: hidden;
  border-radius: 5px;
}
.buy .tg-srch .s-sellcar-list a .s-car-img .s-car-img__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.buy .tg-srch .s-sellcar-list a .s-car-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.buy .tg-srch .s-sellcar-list a dl {
  margin-top: 8px;
}
.buy .tg-srch .s-sellcar-list a dl dt, .buy .tg-srch .s-sellcar-list a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy .tg-srch .s-sellcar-list a dl dd {
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.buy .tg-srch .s-sellcar-list a dl dd.s-car-price {
  font-weight: 600;
  margin-top: 10px;
  font-size: 18px;
  color: #2666c6;
}
.buy .tg-srch .s-sellcar-list:after {
  content: "";
  display: block;
  clear: both;
}
.buy .cmm-txt-list .list-area01 {
  padding: 25px 0 0 0;
}
.buy .cmm-txt-list .list-area01 .tit {
  font-size: 14px;
  font-weight: 600;
  padding: 0 0 10px 0;
  margin: 0;
}
.buy .cmm-txt-list .list-area01 .tit:after {
  display: none;
}
.buy .cmm-txt-list .list-area02 {
  padding: 17px 28px 17px 15px;
}
.buy .cmm-txt-list .list-area02 a {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 50px;
  padding: 5px 10px;
  text-decoration: none;
  color: #222;
  margin-top: 15px;
}
.buy .cmm-txt-list.cmm-txt-list-txtag ul li {
  text-align: left;
}
.buy .present-view {
  display: none;
}

@media (max-width: 359px) {
  .buy .car-renew-d .car-sale-mt .car-sale-sc .arrow {
    display: none;
  }
}
/* 진단결과 팝업 */
.layer-pop-btm.layerInfoType .car-check-pop {
  margin: 0 15px;
}
.layer-pop-btm.layerInfoType .car-check-pop img {
  width: 100%;
  height: auto;
}
.layer-pop-btm.layerInfoType .cmm-table02 {
  margin: -35px 15px 50px 15px;
  overflow: hidden;
}
.layer-pop-btm.layerInfoType .cmm-table02 table {
  width: 100%;
  border-collapse: collapse;
}
.layer-pop-btm.layerInfoType .cmm-table02 table tbody th {
  width: 230px;
  font-size: 12px;
  background: #f1f1f1;
  color: #666;
  font-weight: 100;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #ddd;
  text-align: left;
  padding: 20px 14px;
}
.layer-pop-btm.layerInfoType .cmm-table02 table tbody td {
  font-size: 12px;
  font-weight: 400;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #ddd;
  color: #2666c6;
  text-align: center;
  padding: 20px 14px;
}

.dia-standard {
  margin: 20px 15px 30px;
}
.dia-standard_list01 li {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 15px 5px;
}
.dia-standard_list01 li strong {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #222;
}
.dia-standard_list01 li p, .dia-standard_list01 li ul.guide-bul > li {
  font-size: 12px;
  padding-right: 80px;
}
.dia-standard_list01 li:first-child {
  border: 0;
}
.dia-standard_list01 li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background: url("../images/common/guide/icon_guide_popup.png") no-repeat;
  background-size: 240px 120px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.dia-standard_list01 li.list2:after {
  background-position: -60px 0;
}
.dia-standard_list01 li.list3:after {
  background-position: -120px 0;
}
.dia-standard_list01 li.list4:after {
  background-position: -180px 0;
}

/* 2020.07.22 알림함 수정 */
.alarm-carinfo {
  margin: 0 15px;
  padding-bottom: 50px;
}
.alarm-carinfo .alarm-carinfo-img {
  padding: 40px 0;
}
.alarm-carinfo .alarm-carinfo-img .car-img {
  margin: 0 64px;
}
.alarm-carinfo .alarm-carinfo-img .car-img img {
  width: 100%;
}
.alarm-carinfo .alarm-carinfo-txt {
  position: relative;
  background: #f4f4f4;
  border-radius: 7px;
  padding: 15px 15px 15px 75px;
}
.alarm-carinfo .alarm-carinfo-txt:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/sub/bg_alarm-exp01.png") no-repeat;
  background-size: 50px 50px;
}
.alarm-carinfo .alarm-carinfo-txt .alarm-carname {
  font-size: 15px;
  font-weight: bold;
}
.alarm-carinfo .alarm-carinfo-txt a {
  display: block;
  margin-top: 10px;
  color: #2666c6;
}
.alarm-carinfo .btn-wrap {
  margin-top: 30px;
}
.alarm-carinfo .btn-wrap .btn-s {
  display: block;
  height: 40px;
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
  border-radius: 4px;
  letter-spacing: -1px;
}
.alarm-carinfo .btn-wrap .btn-s span {
  position: relative;
  padding-right: 25px;
}
.alarm-carinfo .btn-wrap .btn-s span:before {
  position: absolute;
  right: 12px;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.alarm-carinfo .btn-wrap .btn-s span:after {
  position: absolute;
  right: 14px;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #2666c6;
}
.alarm-carinfo .alarm-carinfo-view {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 30px;
}
.alarm-carinfo .alarm-carinfo-view li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 3px 0;
}
.alarm-carinfo .alarm-carinfo-view li .tit {
  color: #666;
}
.alarm-carinfo .alarm-carinfo-view li .txt {
  width: 140px;
  text-align: right;
  font-weight: 500;
}

/* 헤더 상단 고정 2020.07.28 */
.header-fix.con-fixed {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  z-index: 102;
}

/* 방문예약 */
.reservation-bananer [class*=banner-cnt] {
  border-radius: 15px;
}
.reservation-bananer [class*=banner-cnt] a {
  position: relative;
  display: block;
  height: auto;
  padding: 15px;
  text-decoration: none;
}
.reservation-bananer [class*=banner-cnt] a .tit {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 0;
  line-height: 1.4;
}
.reservation-bananer [class*=banner-cnt] a .tit span {
  font-size: 20px;
  font-weight: 400;
  display: block;
}
.reservation-bananer [class*=banner-cnt] a .txt-ico {
  position: relative;
}
.reservation-bananer [class*=banner-cnt] a .txt-ico span {
  position: relative;
}
.reservation-bananer [class*=banner-cnt] a .txt-ico span:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 0;
  height: 0;
  padding: 3px;
  right: -15px;
  top: 3px;
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -78px -323px;
}
.reservation-bananer [class*=banner-cnt] a .txt-ico:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bnr_reserv.png") no-repeat;
  background-size: 50px 100px;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
}
.reservation-bananer .banner-cnt-regular {
  background: #fd665c;
}
.reservation-bananer .banner-cnt-regular a {
  color: #fff;
}
.reservation-bananer .banner-cnt-regular a .txt-ico:after {
  background-position: 0 0;
}
.reservation-bananer .banner-cnt-associate {
  background: #ffcc00;
}
.reservation-bananer .banner-cnt-associate a {
  color: #000;
}
.reservation-bananer .banner-cnt-associate a .txt-ico:after {
  background-position: 0 -50px;
}
.reservation-bananer .banner-cnt-associate a .txt-ico span:after {
  border-color: #000;
}

/* 방문예약 */
.reward-txt {
  position: relative;
  padding-top: 135px;
  font-size: 18px;
}
.reward-txt a {
  color: #2666c6;
  text-decoration: none;
}
.reward-txt strong {
  display: block;
  font-size: 20px;
  padding: 17px 0 25px;
}
.reward-txt strong span {
  font-size: 20px;
  color: #2666c6;
}
.reward-txt:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url("../images/sub/bg_reward_txt.png") no-repeat;
  background-size: 100px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -50px;
}

.visit-area {
  background-color: #fff;
  padding: 0 15px 80px;
}
.visit-area .reward-info {
  font-size: 16px;
  padding: 15px;
  border-radius: 15px;
}
.visit-area .reward-info strong {
  display: block;
}
.visit-area .reward-info.r-mem {
  background: #f1f1f1;
}
.visit-area .reward-info.a-mem {
  background: #ffcc00;
}
.visit-area .reward-info.reward-info-guide {
  padding: 16px;
  border-radius: 16px;
  background-color: rgba(255, 204, 0, 0.1);
}
.visit-area .reward-info.reward-info-guide .txt {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.31px;
  color: #222;
}
.visit-area .reward-info.reward-info-guide .txt strong {
  display: inline;
}
.visit-area .reward-info.reward-info-guide .reward-list {
  margin-top: 10px;
  font-size: 0;
}
.visit-area .reward-info.reward-info-guide .reward-list li {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.visit-area .reward-info.reward-info-guide .reward-list li ~ li {
  padding-left: 28px;
}
.visit-area .reward-info.reward-info-guide .reward-list li ~ li::before {
  position: absolute;
  top: 5px;
  left: 9px;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background: url("../images/sub/icon_reward_plus.svg") no-repeat 50% 50%;
}
.visit-area .reward-info.reward-info-guide .reward-list li .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}
.visit-area .reward-info.reward-info-guide .reward-list li .icon.is-step {
  width: 16px;
  background-image: url("../images/sub/icon_reward_step.svg");
}
.visit-area .reward-info.reward-info-guide .reward-list li .icon.is-care {
  background-image: url("../images/sub/icon_reward_care.svg?202309");
}
.visit-area .reward-info.reward-info-guide .reward-list li .icon.is-price {
  background-image: url("../images/sub/icon_reward_price.svg");
}
.visit-area .reward-info.reward-info-guide .reward-list li span {
  margin-left: 1px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  letter-spacing: -0.2px;
  vertical-align: middle;
  color: #222;
}
.visit-area .visit-date > div {
  margin: 20px 20px 0 20px;
}
.visit-area .visit-date .select-type {
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  background-position: right -45px !important;
  min-width: 95px;
}
.visit-area .visit-date .ra-ck .input-r + label {
  height: 30px;
  line-height: 30px;
}
.visit-area .visit-date .ra-ck .input-r + label:after {
  top: 8px;
}
.visit-area .visit-service .use-info {
  padding: 20px 0;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.visit-area .visit-service .use-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.visit-area .visit-service .use-info ul li {
  position: relative;
  padding-top: 60px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.visit-area .visit-service .use-info ul li span {
  display: block;
  font-size: 13px;
  text-align: center;
  letter-spacing: -1px;
}
.visit-area .visit-service .use-info ul li:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/sub/bg_use_info.png") no-repeat;
  background-size: 150px 50px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.visit-area .visit-service .use-info ul li:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  background: url("../images/sub/icon_arrow01.png") no-repeat;
  background-size: 6px 11px;
  position: absolute;
  top: 25%;
  right: -3px;
}
.visit-area .visit-service .use-info ul li:last-child:after {
  display: none;
}
.visit-area .visit-service .use-info ul li.step01:before {
  background-position: 0 0;
}
.visit-area .visit-service .use-info ul li.step02:before {
  background-position: -50px 0;
}
.visit-area .visit-service .use-info ul li.step03:before {
  background-position: -100px 0;
}
.visit-area .visit-txt-area strong {
  font-size: 24px;
  color: #2666c6;
}
.visit-area .txt-link {
  text-decoration: none;
  font-weight: 500;
  color: #364f7f;
  position: relative;
  padding-bottom: 5px;
}
.visit-area .txt-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #364f7f;
  position: absolute;
  left: 0;
  bottom: 0;
}

.dtSecMore-area {
  position: relative;
}

.box-area .btn-b .btn {
  height: 60px;
  line-height: 56px;
}

/*2020.10.12 추가*/
.send-car-app {
  padding: 25px 20px 30px;
}
.send-car-app span {
  font-size: 16px;
}
.send-car-app strong {
  display: block;
  font-size: 32px;
  padding: 10px 0 20px;
}
.send-car-app p, .send-car-app ul.guide-bul > li {
  color: #757575;
  line-height: 1.5;
}
.send-car-app .btn-wrap {
  margin: 30px 35px 0;
}
.send-car-app .btn-wrap .btn-s {
  height: 40px;
  border-color: #6e7da0;
  background: #6e7da0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
  font-weight: 600;
}

.s-car-send .send-car-img {
  text-align: center;
}
.s-car-send .send-car-img .car-img {
  width: 180px;
  height: auto;
  margin: 25px auto 10px;
}
.s-car-send .send-car-img .car-img img {
  width: 100%;
}
.s-car-send .send-car-img .car-name {
  font-size: 16px;
  font-weight: 600;
}
.s-car-send .send-car-img .car-info {
  padding: 5px 0 10px;
}
.s-car-send .send-car-img .car-info span {
  position: relative;
  color: #999;
  padding-right: 15px;
}
.s-car-send .send-car-img .car-info span:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #dadada;
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -4px;
}
.s-car-send .send-car-img .car-info span:last-child:after {
  display: none;
}
.s-car-send .send-car-img .price {
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}
.s-car-send .send-car-img .price del {
  font-weight: 400;
  color: #999;
  margin-right: 20px;
}
.s-car-send .send-car-txt .sd-tit {
  font-size: 18px;
  font-weight: 600;
}
.s-car-send .send-car-txt .sub-tit-area {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.s-car-send .send-car-txt .sub-tit-area span {
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.s-car-send .send-car-txt .chk-circle {
  margin-top: 25px;
}
.s-car-send .send-car-txt .chk-circle .input-ck + label {
  font-size: 18px;
}
.s-car-send .send-car-txt .chk-circle .input-ck + label:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  top: 0;
  border: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0;
}
.s-car-send .send-car-txt .chk-circle .input-ck:checked + label:after {
  background-position: -208px -30px;
}
.s-car-send .send-car-txt .box-area .v-box {
  margin-top: 25px;
}
.s-car-send .send-car-txt .box-area .v-box .sd-sub-tit {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.s-car-send .send-car-txt .box-area .v-box textarea {
  font-weight: normal;
}

/*보험료 레이어 팝업*/
.isr-calc-link li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.isr-calc-link li:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  z-index: 0;
}
.isr-calc-link li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: #222;
}
.isr-calc-link li a .isr-logo {
  display: inline-block;
  text-indent: -9999px;
  height: 16px;
}
.isr-calc-link li a .isr-txt {
  display: block;
  color: #666;
  margin-top: 5px;
  letter-spacing: -1px;
  font-size: 13px;
}
.isr-calc-link li a.isr01 .isr-logo {
  width: 146px;
  background: url("../images/sub/isr-calc01.gif") no-repeat;
  background-size: 146px 16px;
}
.isr-calc-link li a.isr02 .isr-logo {
  width: 96px;
  background: url("../images/sub/isr-calc02.gif") no-repeat;
  background-size: 96px 16px;
}
.isr-calc-link li a.isr02 .isr-txt {
  padding-left: 20px;
  background: url("../images/sub/bg_isr02.gif") no-repeat 0 2px;
  background-size: 15px;
}
.isr-calc-link li a.isr03 .isr-logo {
  width: 158px;
  background: url("../images/sub/isr-calc03.gif") no-repeat;
  background-size: 158px 16px;
}
.isr-calc-link li a.isr03 .isr-txt i {
  font-style: normal;
  color: #336fc9;
}
.isr-calc-link li:last-child {
  border-bottom: none;
}

.layer-detail-tel {
  top: 50%;
  left: 50%;
  width: 320px;
  margin-top: -180px;
  margin-left: -160px;
  text-align: center;
}
.layer-detail-tel .layer-basic-area .layer-cnt .pop-area {
  padding: 24px 0 0 0;
}
.layer-detail-tel .layer-detail-tel__head-image {
  display: block;
  width: 180px;
  height: 108px;
  margin: 0 auto 8px auto;
  background-image: url("../images/sub/pop_tel_head_rate.png?v=202210");
  background-repeat: no-repeat;
  background-size: 180px auto;
}
.layer-detail-tel .layer-detail-tel__head-image.head-image--insuarance {
  background-position: left -108px;
}
.layer-detail-tel .layer-detail-tel__head-image.head-image--card {
  background: url("../images/sub/img_popup_call_kbcard.png") no-repeat;
  background-size: 180px auto;
}
.layer-detail-tel .layer-detail-tel__head {
  margin: 0;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 700;
}
.layer-detail-tel .layer-detail-tel__text {
  font-size: 16px;
  line-height: 1.3;
}
.layer-detail-tel .layer-detail-tel__text .emp {
  color: #3b4e7b;
  font-size: inherit;
}
.layer-detail-tel .layer-detail-tel__button-block {
  margin-top: 15px;
}
.layer-detail-tel .layer-detail-tel__button {
  display: inline-block;
  padding: 0 28px;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  background: #ffcc02;
  border-radius: 17px;
  text-decoration: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.layer-detail-tel .swiper-pagination {
  position: relative;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0;
  padding: 13px 0;
  text-align: center;
  font-size: 0;
}
.layer-detail-tel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #cdcac9;
}
.layer-detail-tel .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: #ffcc02;
}
.layer-detail-tel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.layer-detail-tel {
  top: 50%;
  left: 50%;
  width: 320px;
  margin-top: -180px;
  margin-left: -160px;
  text-align: center;
}
.layer-detail-tel .layer-basic-area .layer-cnt .pop-area {
  padding: 24px 0 0 0;
}
.layer-detail-tel .layer-detail-tel__head-image {
  display: block;
  width: 180px;
  height: 108px;
  margin: 0 auto 8px auto;
  background-image: url("../images/sub/pop_tel_head_rate.png?v=202210");
  background-repeat: no-repeat;
  background-size: 180px auto;
}
.layer-detail-tel .layer-detail-tel__head-image.head-image--insuarance {
  background-position: left -108px;
}
.layer-detail-tel .layer-detail-tel__head {
  margin: 0;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 700;
}
.layer-detail-tel .layer-detail-tel__text {
  font-size: 16px;
  line-height: 1.3;
}
.layer-detail-tel .layer-detail-tel__text .emp {
  color: #3b4e7b;
  font-size: inherit;
}
.layer-detail-tel .layer-detail-tel__button-block {
  margin-top: 15px;
}
.layer-detail-tel .layer-detail-tel__button {
  display: inline-block;
  padding: 0 28px;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  background: #ffcc02;
  border-radius: 17px;
  text-decoration: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.layer-detail-tel .swiper-pagination {
  position: relative;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0;
  padding: 13px 0;
  text-align: center;
  font-size: 0;
}
.layer-detail-tel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #cdcac9;
}
.layer-detail-tel .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: #ffcc02;
}
.layer-detail-tel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

/*진단중고차*/
.buy .s-carmd-info-d .s-newcar-info .diag-mark {
  font-size: 15px;
  color: #222;
  position: relative;
  padding: 20px 0 35px 20px;
  margin-top: 35px;
  font-weight: 600;
  background: #ebebeb;
  letter-spacing: -0.5px;
  color: #222;
}
.buy .s-carmd-info-d .s-newcar-info .diag-mark.diag-mark--has-video {
  margin-top: 0;
}
.buy .s-carmd-info-d .s-newcar-info .diag-mark b {
  color: #2666c6;
}
.buy .s-carmd-info-d .s-newcar-info .diag-mark:after {
  content: "";
  display: block;
  width: 84px;
  height: 61px;
  background: url("../images/sub/diag_mark_stamp.png") no-repeat;
  background-size: 84px 61px;
  position: absolute;
  top: 50%;
  right: 7px;
  z-index: 1;
  margin-top: -38px;
}
.buy .s-carmd-info-d .s-newcar-info .newcar-txt.diag-mark-add {
  margin: -15px 0 0 0;
  border-radius: 15px 15px 0 0;
  padding: 30px 15px 0 15px;
  background: #fff;
}

/* 진단중고차 수정 2020.02.03 */
.diagnosis-content {
  padding: 20px 15px 30px;
  background: #fff;
}
.diagnosis-content h2 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.diagnosis-content h2 .h_line {
  font-size: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff0b3));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff0b3 50%);
}
.diagnosis-content .sub-tit {
  display: block;
  margin-bottom: 10px;
}
.diagnosis-content .sub-txt {
  color: #222;
  line-height: 1.5;
}
.diagnosis-content .diag-process-img {
  max-width: 100%;
}
.diagnosis-content .diag-tel {
  margin-top: 20px;
  text-align: center;
}
.diagnosis-content .diag-tel .diag-tel__block {
  display: inline-block;
  padding: 20px;
  background: #ebf0fd;
  color: #2572f6;
  border-radius: 10px;
  font-size: 18px;
}
.diagnosis-content .diag-tel .diag-tel__block small {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
}
.diagnosis-content .diagnosis-tb {
  margin-top: 15px;
  border-top: 1px solid #ddd;
}
.diagnosis-content .diagnosis-tb table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.diagnosis-content .diagnosis-tb table thead th {
  padding: 10px 0;
  color: #222;
  background: #f1f1f1;
  text-align: center;
}
.diagnosis-content .diagnosis-tb table tbody th,
.diagnosis-content .diagnosis-tb table tbody td {
  text-align: left;
  color: #222;
  padding: 10px;
  font-weight: 400;
}
.diagnosis-content .diagnosis-tb table tbody th {
  border-bottom: 1px solid #ddd;
}
.diagnosis-content .diagnosis-tb table tbody td {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.diagnosis-content .diagnosis-tb table tbody td img {
  width: 100%;
}
.diagnosis-content .diagnosis-tb .exp {
  color: #999;
  margin: 15px 0 0 15px;
  text-indent: -15px;
}
.diagnosis-content .scale-list li {
  color: #666;
  padding-left: 8px;
  text-indent: -8px;
  line-height: 1.5;
}
.diagnosis-content .scale-list li .diagnosis-tb {
  margin-left: -8px;
}
.diagnosis-content .diag-report {
  padding: 0;
}
.diagnosis-content .diag-program {
  position: relative;
  min-height: 75px;
  margin: 10px 0 0 0;
  padding: 15px 15px 80px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.diagnosis-content .diag-program .diag-program-txt strong {
  font-size: 16px;
}
.diagnosis-content .diag-program .diag-program-txt strong span {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  color: #2666c6;
}
.diagnosis-content .diag-program .diag-program-txt ul {
  margin-top: 10px;
}
.diagnosis-content .diag-program .diag-program-txt ul li {
  position: relative;
  color: #222;
  line-height: 1.5;
  padding: 0 0 10px 10px;
}
.diagnosis-content .diag-program .diag-program-txt ul li:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #222;
  position: absolute;
  left: 0;
  top: 10px;
}
.diagnosis-content .diag-program .diag-program-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.diagnosis-content .diag-program .diag-program-icon-verify {
  width: 41px;
  height: 40px;
  background: url("../images/sub/diag-program01.png") no-repeat 0 0;
  background-size: 41px 40px;
}
.diagnosis-content .diag-program .diag-program-icon-as {
  width: 74px;
  height: 38px;
  background: url("../images/sub/diag-program02.png") no-repeat 0 0;
  background-size: 74px 38px;
}
.diagnosis-content .btn-m {
  display: block;
  -webkit-box-flex: 1;
  height: 50px;
  border: 1px solid #2666c6;
  background: #2666c6;
  color: #fff;
  border-radius: 4px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.diagnosis-content ol li {
  font-size: 14px;
}
.diagnosis-content ol ul {
  padding-left: 15px;
}

.btn-arr-link {
  text-decoration: none;
}
.btn-arr-link span {
  color: #2666c6;
  font-size: 13px;
  font-weight: 500;
}
.btn-arr-link span .arrow {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
}
.btn-arr-link span .arrow:after, .btn-arr-link span .arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.btn-arr-link span .arrow:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #2666c6;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-arr-link span .arrow:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.diag-report {
  padding: 30px 15px;
}
.diag-report .tit-btn-area span.report-date {
  display: inline-block;
  font-size: 12px;
  color: #364f7f;
  padding: 5px 0;
}
.diag-report .tit-btn-area a.report-date {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #364f7f;
  padding: 2px 10px 5px 0;
  text-decoration: none;
}
.diag-report .tit-btn-area a.report-date:after {
  content: "";
  background: url("../images/sub/sprite_buy.png") no-repeat -25px -25px;
  background-size: 250px;
  width: 5px;
  height: 8px;
  position: absolute;
  top: 6px;
  right: 0;
}
.diag-report h3.s-sub-tit {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}
.diag-report .report-cont {
  margin-top: 50px;
}
.diag-report .report-cont .diag-master {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.diag-report .report-cont .diag-master .img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.diag-report .report-cont .diag-master .img img {
  width: 100%;
  height: 100%;
}
.diag-report .report-cont .diag-master .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.diag-report .report-cont .diag-master .txt .master-name {
  font-weight: bold;
  font-size: 18px;
}
.diag-report .report-cont .diag-master .txt .master-name strong {
  font-size: 18px;
}
.diag-report .report-cont .diag-master .txt .master-duty {
  font-weight: 600;
}
.diag-report .report-cont .diag-master .txt .master-career span {
  position: relative;
  color: #999;
  padding-right: 15px;
}
.diag-report .report-cont .diag-master .txt .master-career span:after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background: #999;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -4px;
}
.diag-report .report-cont .diag-master .txt .master-career span:last-child:after {
  display: none;
}
.diag-report .report-cont .diag-master .txt .master-sign {
  position: absolute;
  right: 0;
  top: 10%;
}
.diag-report .report-cont .diag-master .txt .master-sign img {
  width: 50px;
  height: auto;
}
.diag-report .report-cont .master-result {
  position: relative;
  background: #2666c6;
  padding: 15px 0;
  margin-top: 15px;
  text-align: center;
  color: #fff;
  border-radius: 7px;
}
.diag-report .report-cont .master-result strong {
  font-weight: 600;
}
.diag-report .report-cont .master-result:after {
  content: "";
  position: absolute;
  left: 25px;
  top: -7px;
  display: block;
  width: 10px;
  height: 7px;
  background: url("../images/common/bg_tooltip_blue.png") no-repeat;
  background-size: 100px 40px;
  background-position: -40px -20px;
}
.diag-report .report-cont .diag-confirm li {
  position: relative;
  padding: 5px 0 5px 23px;
}
.diag-report .report-cont .diag-confirm li b {
  color: #2666c6;
}
.diag-report .report-cont .diag-confirm li:after {
  content: "";
  display: block;
  width: 18px;
  height: 15px;
  background: url("../images/sub/ico_checkpoint.png") no-repeat 0 0;
  background-size: 18px 15px;
  position: absolute;
  top: 7px;
  left: 0;
}
.diag-report .report-cont .btn-m {
  display: block;
  height: 50px;
  border: 1px solid #2666c6;
  color: #2666c6;
  border-radius: 4px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  margin-top: 10px;
}
.diag-report .report-cont .btn-m.on {
  background: #2666c6;
  color: #fff;
}
.diag-report .diag-grade-slide .swiper-slide {
  width: 100%;
  height: 180px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.diag-report .diag-grade-slide .swiper-slide .img-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diag-report .diag-grade-slide .swiper-slide .img-thum img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.diag-report .diag-grade-slide [class*=swiper-button-] {
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background: url("../images/sub/btn_diag_swiper.png");
  background-size: 16px 14px;
  outline: 0;
}
.diag-report .diag-grade-slide .swiper-button-prev {
  background-position: 0 0;
}
.diag-report .diag-grade-slide .swiper-button-next {
  background-position: -8px 0;
}
.diag-report .diag-grade-txt {
  text-align: left;
  margin-top: 20px;
}
.diag-report .diag-grade-txt strong {
  display: block;
  line-height: 1.5;
  margin-bottom: 10px;
}
.diag-report .diag-grade-txt p, .diag-report .diag-grade-txt ul.guide-bul > li {
  color: #666;
}
.diag-report .repair-result {
  font-size: 16px;
}
.diag-report .repair-result span {
  font-weight: bold;
  font-size: 16px;
}
.diag-report .repair-item {
  margin-top: 20px;
}
.diag-report .repair-item span {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 30px;
}
.diag-report .car-repaire-items {
  text-align: center;
}
.diag-report .car-repaire-items span {
  position: relative;
  color: #666;
  padding-right: 12px;
}
.diag-report .car-repaire-items span.on {
  color: #2666c6;
  font-weight: 600;
}
.diag-report .car-repaire-items span:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #666;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -5px;
}
.diag-report .car-repaire-items span:last-child {
  padding-right: 0;
}
.diag-report .car-repaire-items span:last-child:after {
  display: none;
}
.diag-report .car-part-list {
  border-top: 1px solid #ddd;
}
.diag-report .car-part-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.diag-report .car-point .img {
  width: 100%;
  height: 180px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 15px;
}
.diag-report .car-point .img .img-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diag-report .car-point .img .img-thum img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.diag-report .car-point strong {
  display: block;
  line-height: 1.5;
  margin: 15px 0 10px;
}
.diag-report .car-point p, .diag-report .car-point ul.guide-bul > li {
  color: #666;
}
.diag-report .compensate-area {
  background: #f1f1f1;
  padding: 20px 15px;
  margin-top: 30px;
}
.diag-report .compensate-area strong {
  line-height: 1.5;
}
.diag-report .compensate-area span {
  display: block;
  margin: 15px 0;
  font-size: 13px;
  color: #999;
}
.diag-report .compensate-area a {
  color: #2666c6;
  font-weight: 600;
  text-decoration: none;
}

.page-pop {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  z-index: 2;
}
.page-pop .btn-close {
  position: absolute;
  right: 15px;
  top: -3px;
}
.page-pop .btn-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.page-pop .btn-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}

.check-record {
  background: #fff;
  padding: 15px;
}
.check-record img {
  width: 100%;
}

body.show-movie {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

body.show-movie .layer-movie {
  display: block;
}

.layer-movie {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 1000;
}

.layer-movie__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100vh;
}

.layer-movie__wrap iframe,
.layer-movie__wrap object,
.layer-movie__wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.layer-movie__close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  text-indent: -9999em;
  overflow: hidden;
}

.layer-movie__close:after {
  content: "×";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: inherit;
  font-size: 40px;
  line-height: 50px;
  text-indent: 0;
  cursor: pointer;
}

.layer-movie.movie-rotate {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 1000;
}
.layer-movie.movie-rotate .layer-movie__wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.layer-movie.movie-rotate .layer-movie__wrap iframe,
.layer-movie.movie-rotate .layer-movie__wrap object,
.layer-movie.movie-rotate .layer-movie__wrap embed {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vh;
  height: 100vw;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  border: 0;
}
.layer-movie.movie-rotate .video-car-info {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 36px;
  height: calc(100dvh - 56px);
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.layer-movie.movie-rotate .video-car-info__inner {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(90deg) translateY(-100%);
      -ms-transform: rotate(90deg) translateY(-100%);
          transform: rotate(90deg) translateY(-100%);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #fff;
  padding: 0 12px 0 16px;
  width: calc(100dvh - 56px);
  height: 36px;
}
.layer-movie.movie-rotate .video-car-info__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.layer-movie.movie-rotate .video-car-info__meta .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #888;
  border-radius: 2px;
  padding: 1px 3px;
}
.layer-movie.movie-rotate .video-car-info__title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layer-movie.movie-rotate .video-car-info__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  color: #fff;
  gap: 4px;
  position: relative;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.layer-movie.movie-rotate .video-car-info__price::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon/icon16-arrow-right-white.svg") no-repeat center;
  background-size: 100% auto;
}
.layer-movie.movie-rotate .video-car-info__price .price {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
}
.layer-movie.movie-rotate .layer-movie__close {
  position: absolute;
  right: 8px;
  top: auto;
  bottom: 8px;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
}
.layer-movie.movie-rotate .layer-movie__close:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/common/icon/icon-vedio-close.svg") no-repeat center;
  background-size: 100% auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 공통 작업 */
/* [20210923] new 진단상세
======================================== */
/* button */
.btn-round, .new-content-body .btn-round {
  display: inline-block;
  height: 2.8rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 0 0.8rem;
  line-height: 2.6rem;
  text-align: center;
  border-radius: 1.4rem;
}
.btn-round.bg-yellow {
  background: #ffcc00;
  border: 1px solid #ffcc00;
  color: #222;
}
.btn-round.bg-gray {
  background: #eee;
  border: 1px solid #eee;
  color: #222;
}
.btn-round.bg-light {
  background: #fff;
  border: 1px solid #fff;
  color: #222;
}
.btn-round.line-white {
  border: 1px solid #fff;
  color: #fff;
}
.btn-round.line-normal {
  border: 1px solid #ddd;
  color: #222;
  background: #fff;
}
.btn-round.size-m {
  font-weight: bold;
  line-height: 32px;
  height: 32px;
  padding: 0 15px;
  border-radius: 16px;
}
.btn-round.size-36 {
  font-weight: 400;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 18px;
}
.btn-round.size-l {
  font-weight: bold;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  border-radius: 20px;
}
.btn-round .icon-arrow-r {
  margin-left: 8px;
}
.btn-round .icon12 {
  margin-top: -2px;
}
.btn-round .icon12:last-child {
  margin-right: -4px;
}
.btn-round.type-line-dark {
  height: 30px;
  line-height: 30px;
  border: 1px solid #222;
  color: #222;
  font-weight: 700;
  padding: 0 16px;
}
.btn-round--arrow {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 100px;
  color: #222;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  gap: 4px;
  height: auto;
  background-color: #fff;
}
.btn-round--arrow > * {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.btn-round--arrow::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon16-arrow-right-black-bold.svg") no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.btn-icon, .new-content-body .btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.8rem;
  background: none;
  border: 0;
}

.bottom-space {
  width: 100%;
  height: 64px;
}

.btn-base {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.025em;
  line-height: 1.4;
  border: 0;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.btn-base > span {
  font: inherit;
  color: inherit;
}
.btn-base > span .icon16, .btn-base > span .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .btn-base > span .ico-confirm:after {
  margin-right: 0.6rem;
}
.btn-base .txt-point {
  font: inherit;
  color: #2589ff;
}
.btn-base.size-s {
  padding: 6px 20px;
  font-size: 13px;
  border-radius: 4px;
  min-height: 32px;
}
.btn-base.size-m {
  padding: 13px 10px 10px;
  font-size: 13px;
  border-radius: 8px;
  min-height: 44px;
}
.btn-base.size-l {
  padding: 1.2rem 1rem;
  font-size: 1.6rem;
  border-radius: 1.2rem;
  min-height: 4.8rem;
}
.btn-base.size-xl {
  min-height: 5.6rem;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  border-radius: 0.6rem;
  font-weight: 700;
}
.btn-base.fs-sm {
  font-size: 16px;
}
.btn-base.type-normal {
  border: 1px solid #666;
  color: #222;
  background: #fff;
}
.btn-base.type-primary {
  background: #fc0;
  color: #222;
}
.btn-base.type-primary:focus {
  background-color: #e4b602;
}
.btn-base.type-primary.disabled, .btn-base.type-primary[disabled] {
  background-color: #f8f8f8;
  color: #888;
}
.btn-base.type-primary-sub {
  background: #fc0;
  color: #574600;
  font-weight: 700;
}
.btn-base.type-secondary {
  background: transparent;
  border: 1px solid #666;
  color: #222;
}
.btn-base.type-secondary:focus {
  background-color: rgba(0, 0, 0, 0.05);
}
.btn-base.type-secondary.size-l {
  padding-top: 12px;
  padding-bottom: 10px;
}
.btn-base.type-secondary.size-xl {
  padding-top: 15px;
  padding-bottom: 13px;
}
.btn-base.type-sub {
  background: #fff3bb;
  color: #222;
}
.btn-base .btn-base__desc {
  display: block;
  font-size: 14px;
  color: #2589ff;
  margin-top: 3px;
  font-weight: normal;
}
.btn-base.relative {
  position: relative;
}
.btn-base .balloon-box {
  position: absolute;
  bottom: 100%;
  right: 0;
}
.btn-base:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.btn-base .tag-new-ribbon {
  -webkit-animation: aniShowRibbon ease-in-out 0.8s both 0.2s;
          animation: aniShowRibbon ease-in-out 0.8s both 0.2s;
}
@-webkit-keyframes aniShowRibbon {
  0% {
    -webkit-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniShowRibbon {
  0% {
    -webkit-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.btn-base.overflow-hidden {
  overflow: hidden !important;
}

.btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 0 1.6rem;
}
.btn-area .btn-new {
  display: block;
  padding: 0 1.6rem;
  width: 100%;
  line-height: 5.6rem;
  text-align: center;
  text-decoration: none;
  border-radius: 0.4rem;
  color: #222;
}
.btn-area .btn-new span {
  vertical-align: middle;
  font-size: 1.8rem;
  font-weight: 500;
}
.btn-area .btn-new span.fw-bold {
  font-weight: 700;
}
.btn-area .btn-new.btn-primary {
  background: #ffd338;
}
.btn-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem calc(constant(safe-area-inset-bottom) + 1.6rem);
  padding: 2.4rem 1.6rem calc(env(safe-area-inset-bottom) + 1.6rem);
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #fff calc(constant(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, #fff calc(env(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  z-index: 99;
}

.tag-new-ribbon {
  z-index: 1;
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 3.7rem;
  height: 3.5rem;
  overflow: hidden;
  color: transparent;
  font-size: xx-small;
  background: url("../images/sub/bg-link-new.svg") 0 0/contain no-repeat;
}
.tag-new-ribbon.type-dark {
  background-image: url("../images/sub/bg-link-new-dark.svg");
}

.btn-help {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background: url("../images/sub/icon_tooltip.svg") center/16px no-repeat;
  margin: -2px -3px 0;
}

.btn-txt-link {
  display: block;
  margin-top: 10px;
  text-decoration: none;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  background: none;
  border: none;
}
.btn-txt-link > span {
  border-bottom: 1px solid #aaa;
  font: inherit;
}
.btn-txt-link:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #888;
  border-right: 3px solid #888;
  -webkit-transform: rotate(45deg) scale(0.5);
      -ms-transform: rotate(45deg) scale(0.5);
          transform: rotate(45deg) scale(0.5);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  vertical-align: middle;
  margin: -6px 0 0 5px;
  content: "";
}
.btn-txt-link.no-line > span {
  border: 0;
}

.btn-txt {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
  text-decoration: underline;
  letter-spacing: -0.025em;
  background: none;
  border: none;
}
.btn-txt .balloon-area {
  position: absolute;
  right: -6px;
  bottom: 100%;
  margin-bottom: 8px;
  white-space: nowrap;
}
.btn-txt .icon-arrow-right-black {
  margin: -2px 0 0 -2px;
}
.btn-txt.no-line {
  text-decoration: none;
}
.btn-txt.ui-in .balloon-area {
  -webkit-animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 0.5s;
          animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 0.5s;
}

.btn-txt-point {
  font-weight: 700;
  color: #2589ff;
  font-size: 16px;
  text-decoration: none;
}

.link-direct-price {
  display: block;
  margin-top: 20px;
  padding: 8px 0;
  text-align: center;
  color: #222;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
}
.link-direct-price > span {
  position: relative;
  display: inline-block;
  padding: 1px 0 1px 28px;
  text-align: left;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: -0.5px;
}
.link-direct-price > span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  margin-top: -2px;
  background-image: url("../images/common/icon24-warn-direct.svg");
}
.link-direct-price span.line-block {
  position: relative;
  padding-left: 2px;
  padding-right: 16px;
  font-size: inherit;
  line-height: 1.15;
  white-space: nowrap;
}
.link-direct-price span.line-block:after {
  position: absolute;
  right: -2px;
  top: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
  vertical-align: middle;
  background: url("../images/common/icon16-arrow-right-black.svg") no-repeat center/contain;
  content: "";
}
.link-direct-price span > strong {
  z-index: 0;
  position: relative;
}
.link-direct-price span > strong:before {
  z-index: -1;
  position: absolute;
  display: block;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  background: #fc0;
  content: "";
}

.btn-grid, .new-content-body .btn-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 24px 0 0;
}
.btn-grid + .btn-grid {
  margin-top: 8px;
}
.btn-grid.btn-grid--gap-s {
  margin-top: 8px;
}
.btn-grid .btn-base {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 10px;
}
.btn-grid .btn-base:first-child {
  margin-left: 0;
}
.btn-grid.btn-grid--divide {
  border-top: 1px solid #eee;
  padding-top: 16px;
  margin-top: 16px;
}
.btn-grid.btn-grid--col3 .btn-base {
  margin-left: 8px;
}
.btn-grid.btn-grid--col3 .btn-base:first-child {
  margin-left: 0;
}
.btn-grid.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 24px 16px calc(constant(safe-area-inset-bottom) + 16px);
  padding: 24px 16px calc(env(safe-area-inset-bottom) + 16px);
  width: 100%;
  background: linear-gradient(to top, #fff calc(constant(safe-area-inset-bottom) + 72px), rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, #fff calc(env(safe-area-inset-bottom) + 72px), rgba(255, 255, 255, 0) 100%);
  z-index: 99;
}

.btn-direct {
  position: relative;
  text-align: left;
  font-weight: bold;
  padding: 16px 35px 16px 20px;
  border: 1px solid #aaa;
  border-radius: 12px;
  font-size: 16px;
  font-weight: normal;
  color: #222;
}
.btn-direct > span {
  font: inherit;
  color: inherit;
  line-height: 1.4;
}
.btn-direct strong {
  font-size: 18px;
  font-weight: bold;
}
.btn-direct:after {
  display: block;
  width: 7px;
  height: 10px;
  background: url("../images/sub/icon16_arrow_r.svg") 0 0/contain no-repeat;
  content: "";
  position: absolute;
  right: 23px;
  top: 20px;
}

.direct-link {
  margin-top: 8px;
}
.direct-link > li {
  border-top: 1px solid #eee;
}
.direct-link > li:first-child {
  border-top: 0;
}
.direct-link > li.direct-link__banner {
  margin-top: 13px;
  border-top: 0;
}
.direct-link > li.direct-link__banner .direct-link__item {
  background: #fc0;
  border-radius: 12px;
  color: #222;
  padding: 20px;
}
.direct-link > li.direct-link__banner .direct-link__name strong {
  font-weight: bold;
}
.direct-link > li.direct-link__banner .direct-link__name span {
  color: #222;
}
.direct-link .direct-link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
  text-decoration: none;
}
.direct-link .direct-link__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 10px;
}
.direct-link .direct-link__name strong {
  display: block;
  font-size: 16px;
  color: #222;
}
.direct-link .direct-link__name span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #888;
}
.direct-link .direct-link__util {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  font-size: 16px;
  text-align: right;
  color: #222;
}
.direct-link .direct-link__util .balloon-area {
  right: -20px;
  bottom: 100%;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  white-space: nowrap;
  opacity: 0;
}
.direct-link .ui-in .balloon-area {
  -webkit-animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 1s;
          animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 1s;
}
@-webkit-keyframes aniBalloonUp {
  0% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
  90% {
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes aniBalloonUp {
  0% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
  90% {
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
}

/* icon */
.icon-filter {
  background: url("../images/sub/icon24-filter.svg") center/contain no-repeat;
}

.icon-percent, .icon-money {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 29px;
  margin: -4px 5px 0 0;
  background: url("../images/sub/icon_percent.png") 0 0/contain no-repeat;
}

.icon-money {
  background-image: url("../images/sub/icon_money.png");
}

.icon-percent-2 {
  margin: -2px 5px 0 0;
  background: url("../images/sub/icon_percent-2.png") 0 0/contain no-repeat;
}

.icon-money-2 {
  margin: -2px 5px 0 0;
  background: url("../images/sub/icon_money-2.png") 0 0/contain no-repeat;
}

.icon-reward {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  background: url("../images/sub/sp_icon_reward.png") 0 0/42px auto no-repeat;
}
.icon-reward.icon-reward--cs {
  background-position-y: -42px;
}
.icon-reward.icon-reward--qa {
  background-position-y: -84px;
}
.icon-reward.icon-reward--reward {
  background-position-y: -126px;
}

.icon-mail {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -4px 5px 0 0;
  background: url("../images/sub/icon_mail.svg") center/16px auto no-repeat;
}

.icon-call {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  background: url("../images/sub/icon_call.svg") center/16px auto no-repeat;
}

.icon-call-dark {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  background: url("../images/sub/icon_call_dark.svg") center/16px auto no-repeat;
}

.icon-arrow-r {
  display: block;
  width: 7px;
  height: 10px;
  background: url("../images/sub/icon16_arrow_r.svg") 0 0/contain no-repeat;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.icon-kb-diag {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  width: 25px;
  height: 25px;
  background: url("../images/sub/icon_kb_diag.svg") 0 0/contain no-repeat;
}

/* bullet */
.bul-check {
  display: block;
  margin-top: 6px;
  text-indent: -14px;
  padding-left: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.bul-check:before {
  display: inline-block;
  width: 7px;
  height: 4px;
  border-bottom: 1px solid #2589ff;
  border-left: 1px solid #2589ff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: -5px 5px 0 0;
  vertical-align: middle;
  content: "";
}

.bul-sub > li {
  position: relative;
  display: block;
  padding-left: 8px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  color: #888;
  text-align: left;
}
.bul-sub > li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #888;
  content: "";
}
.bul-sub.size-xs > li {
  margin-top: 7px;
  padding-left: 6px;
  font-size: 12px;
  letter-spacing: -0.05em;
}
.bul-sub.size-xs > li:before {
  top: 7px;
}
.bul-sub.size-xs.ta-c > li {
  text-align: center;
  text-indent: -6px;
}
.bul-sub.size-xs.ta-c > li:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 3px 0 0;
}

.bul-num {
  margin: 8px 0;
  counter-reset: list-number;
}
.bul-num > li {
  position: relative;
  padding-left: 14px;
  counter-increment: list-number;
  font-size: 12px;
  color: #666;
}
.bul-num > li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-align: left;
  letter-spacing: -0.05em;
  content: counter(list-number) ". ";
}

.list-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 19px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.list-step > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  text-align: center;
}
.list-step > li:first-child .list-step__icon:before {
  display: none;
}
.list-step .list-step__icon {
  position: relative;
  display: block;
}
.list-step .list-step__icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 15px;
  height: 12px;
  background: url("../images/sub/icon_step_arrow.png") 0 0/contain no-repeat;
  content: "";
}
.list-step .list-step__icon i {
  display: inline-block;
  height: 42px;
}
.list-step .list-step__name-area {
  margin: 10px 0 0;
}
.list-step .list-step__name {
  display: block;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.highlight-box {
  margin: 28px 0;
  background: #e9f3ff;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 15px 13px;
  color: #222;
}
.highlight-box:first-child {
  margin-top: 0;
}
.highlight-box:last-child {
  margin-bottom: 0;
}
.highlight-box .highlight-box__point {
  font: inherit;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
}
.highlight-box .highlight-box__sub {
  display: block;
  margin: 6px 0;
  font-size: 12px;
  color: #666;
}
.highlight-box .highlight-box__sub:first-child {
  margin-top: 0;
}
.highlight-box .highlight-box__sub:last-child {
  margin-bottom: 0;
}

.cmm-table .bul-notice,
.table-type .bul-notice {
  margin-top: 13px;
  padding: 0 0 0 18px;
}
.cmm-table .bul-notice + .bul-notice,
.table-type .bul-notice + .bul-notice {
  margin-top: 8px;
}

.bul-notice {
  margin-top: 16px;
  font-size: 12px;
  color: #888;
  padding-left: 18px;
  text-indent: -18px;
  font-weight: 300;
  line-height: 1.6;
}
.bul-notice:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon/notice.svg") center/contain no-repeat;
  margin: -4px 5px 0 0;
  vertical-align: middle;
  content: "";
}
.bul-notice + .bul-notice {
  margin-top: 8px;
}
.bul-notice.size-l {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

.bul-coin {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #222;
  font-weight: 400;
}
.bul-coin:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  background: url("../images/sub/icon_coin1.svg") 0 0/contain no-repeat;
  content: "";
}

.report-area__answer:nth-of-type(2) .report-area__answer-link .bul-coin:before {
  width: 20px;
  background-image: url("../images/sub/icon_coin2.svg");
}
.report-area__answer:nth-of-type(3) .report-area__answer-link .bul-coin:before {
  width: 24px;
  background-image: url("../images/sub/icon_coin3.svg");
}

.balloon-area {
  position: absolute;
  display: inline-block;
  background: #434c53;
  font-size: 12px;
  color: #fff;
  padding: 4px 10px 4px;
  border-radius: 12px;
  font-weight: normal;
}
.balloon-area:after {
  position: absolute;
  top: 1005;
  right: 13px;
  width: 12px;
  height: 9px;
  display: block;
  background: url("../images/sub/img_balloon_tip.svg") 0 0/contain no-repeat;
  content: "";
}

.popup-tit {
  display: block;
  font-weight: bold;
  line-height: 1.4;
}
.popup-tit.popup-tit--d1 {
  font-size: 24px;
  margin: 32px 0 15px;
}
.popup-tit.popup-tit--d1:first-child {
  margin-top: 0;
}
.popup-tit.popup-tit--d1.gap-l {
  margin-bottom: 30px;
}
.popup-tit.popup-tit--d1 + .popup-tit--d2 {
  margin-top: 15px;
}
.popup-tit.popup-tit--d1 .txt-highlight {
  position: relative;
  z-index: 0;
}
.popup-tit.popup-tit--d1 .txt-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0;
  height: 8px;
  background: #ffcc00;
  display: block;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
  content: "";
}
@-webkit-keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.popup-tit.popup-tit--d2 {
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 1.4;
}
.popup-tit.popup-tit--d2 .txt-highlight {
  display: inline-block;
}
.popup-tit.popup-tit--d3 {
  font-size: 16px;
  margin: 32px 0 16px;
}
.popup-tit.popup-tit--sub {
  font-size: 20px;
  margin-bottom: 16px;
}

.popup-desc {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #222;
}
.popup-desc.popup-desc--d1 {
  margin: -5px 0 30px;
}
.popup-desc.popup-desc--normal {
  font-size: 16px;
}
.popup-desc.popup-desc--normal.popup-warranty .desc-tit {
  margin-bottom: 8px;
  font-size: 18px;
}
.popup-desc.popup-desc--normal.popup-warranty .desc-txt {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.popup-desc.popup-desc--normal.popup-warranty .desc-txt em {
  text-decoration: underline;
}
.popup-desc.popup-desc--normal.popup-warranty .desc-txt:nth-of-type(2) {
  margin-bottom: 8px;
}
.popup-desc.popup-desc--normal.popup-warranty .bullet-list.xs li {
  padding-left: 0.9rem;
  font-size: 12px;
  font-weight: 400;
}
.popup-desc.popup-desc--normal.popup-warranty .bullet-list.xs li::before {
  width: 0.3rem;
  height: 0.3rem;
}

.popup-box {
  /* dummy styles */
  min-height: 100px;
  background: #d8d8d8;
  margin: 10px 0;
}
.popup-box img {
  width: 100%;
  height: auto;
}

.popup-text {
  display: block;
  margin: 8px 0;
  color: #666;
  line-height: 1.5;
}
.popup-text.size-l {
  margin-top: 13px;
  font-size: 16px;
}
.popup-text.size-m {
  font-size: 14px;
}
.popup-text.size-s {
  font-size: 12px;
}
.popup-text .popup-text__point {
  font-weight: bold;
}
.popup-text .popup-text__point2 {
  color: #2589ff;
}

.popup-line {
  border: 0;
  border-top: 1px solid #eee;
  margin: 28px 0;
}

.col-grid.col-grid--s {
  width: 20%;
}
.col-grid.col-grid--l {
  width: 60%;
}
.col-grid.col-grid--xl {
  width: 80%;
}

.tbl-base {
  margin: 8px 0;
}
.tbl-base > table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.tbl-base > table th,
.tbl-base > table td {
  word-break: break-all;
}
.tbl-base > table thead th {
  padding: 7px 7px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-align: center;
  background: #f8f8f8;
  border-top: 1px solid #eee;
}
.tbl-base > table tbody th {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #666;
  padding: 14px 7px 12px;
  border-bottom: 1px solid #eee;
}
.tbl-base > table tbody td {
  padding: 14px 7px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
  border-bottom: 1px solid #eee;
}

/* page style */
.buy-new {
  z-index: 0;
  position: relative;
  background: #fff;
}
.buy-new .fxd-area {
  bottom: 85px;
}
.buy-new .etc-info {
  display: block;
}
.buy-new .etc-info .etc-info-list {
  padding: 0 0 5px;
  border: 0;
}
.buy-new .etc-info .etc-info-list dl dt span, .buy-new .etc-info .etc-info-list dl .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .buy-new .etc-info .etc-info-list dl dd span,
.buy-new .etc-info .etc-info-list dl dd.column > div strong,
.buy-new .etc-info .etc-info-list dl dd.align strong,
.buy-new .etc-info .etc-info-list dl dd.esti .safety-grade strong {
  color: #2589ff;
}
.buy-new .etc-info .direct-bnr {
  margin-top: 15px;
}
.buy-new .etc-info .detail-tit.detail-tit--d2 {
  font-size: 20px;
  margin: 17px 0 16px;
}
.buy-new .etc-info .detail-tit.detail-tit--d2 .detail-tit__subject {
  font-size: 20px;
}
.buy-new .etc-info .direct-bnr {
  display: none;
}
.buy-new .etc-info .list li:last-child {
  margin-bottom: 0;
}
.buy-new .etc-info .list a {
  font-size: 0;
}
.buy-new .etc-info .list a .img {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.buy-new .etc-info .list a .txt {
  display: inline-block;
  width: calc(100% - 110px);
  padding: 0 0 0 15px;
  vertical-align: middle;
}
.buy-new .etc-info .list a .txt .name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.buy-new .tg-srch .s-sellcar-list {
  margin: 0;
}
.buy-new .tg-srch .s-sellcar-list a {
  margin-bottom: 15px;
}
.buy-new .tg-srch .s-sellcar-list a .s-car-img {
  background: #d8d8d8;
  border-radius: 12px;
}
.buy-new .tg-srch .s-sellcar-list a dl dt, .buy-new .tg-srch .s-sellcar-list a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy-new .tg-srch .s-sellcar-list a dl dd {
  margin: 0;
  font-size: 14px;
  color: #222;
}
.buy-new .tg-srch .s-sellcar-list a dl dd.s-car-price {
  margin-top: 4px;
  font-size: 14px;
  color: #2589ff;
}
.buy-new .tg-srch .direct-bnr {
  margin-top: 13px;
}

.diag-link {
  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;
  background: #2f2f2f;
  color: #fff;
  padding: 6px 12px;
}
.diag-link .diag-link__badge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 4px;
}
.diag-link .diag-link__util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 10px;
}
.diag-link > p, ul.diag-link.guide-bul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 12px;
  padding-top: 2px;
}
.diag-link > p strong, ul.diag-link.guide-bul > li strong {
  font-weight: 700;
  color: #fff;
}
.diag-link > p .txt-s, ul.diag-link.guide-bul > li .txt-s {
  font-size: 12px;
}
.diag-link .bbadge-category--vertical-img {
  width: 18px;
  height: 18px;
}
.diag-link .btn-round {
  z-index: 2;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.diag-link .btn-round > span {
  font-size: 0;
}
.diag-link:after {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  color: transparent;
  overflow: hidden;
  border: none;
  background: url("../images/common/icon16-arrow-right-white.svg") center right/contain no-repeat;
  content: "";
}
.diag-link.ty-2 {
  background: #222;
  padding: 8px 10px 8px 12px;
}
.diag-link.ty-2 > p, ul.diag-link.ty-2.guide-bul > li {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  padding-top: 0;
}
.diag-link.ty-2:after {
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.section-detail {
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 8px solid #f8f8f8;
}
.section-detail.s-section {
  padding: 32px 16px;
  margin: 0;
}
.section-detail.s-carmd-info-d {
  z-index: -1;
  position: -webkit-sticky;
  position: sticky;
  top: 44px;
  border-top: none;
  padding: 0;
}
.section-detail.s-carmd-info-d.non-sticky {
  position: relative !important;
  top: auto;
}
.section-detail.section-detail--cover {
  border-top: 0;
  z-index: 1;
  position: relative;
}
.section-detail.section-detail--cover .detail-tit__subject {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.section-detail.section-detail--cover .subcont-link-box {
  padding: 20px 20px 16px;
}
.section-detail.section-detail--bg {
  background: #fff;
}
.section-detail.section-detail--bg.section-detail--cover {
  padding-top: 22px;
  padding-bottom: 22px;
}
.section-detail.section-detail--bg.section-detail--cover:before {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  display: block;
  height: 1px;
  background: #eee;
  content: "";
}
.section-detail .detail-cont {
  padding: 0;
}
.section-detail .detail-cont .btn-option-notice {
  border-radius: 10px;
  background: #f6f8f9;
}
.section-detail .detail-cont .btn-option-notice .btn-txt {
  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;
  padding: 0.6rem 1rem;
  font-size: 1.2rem;
}
.section-detail .detail-cont .btn-option-notice .btn-txt span:after {
  display: none;
}
.section-detail .detail-cont .btn-option-notice .btn-txt .txt-notice {
  color: #666;
}
.section-detail .detail-cont .btn-option-notice .btn-txt .txt-notice.bul-notice {
  margin-top: 0;
}
.section-detail .detail-cont .btn-option-notice .btn-txt .txt-notice.bul-notice:before {
  margin: -1px 4px 0 0;
}
.section-detail .detail-cont .btn-option-notice .btn-txt .txt-more {
  font-size: 1.2rem;
  font-weight: 700;
  color: #666;
  text-align: right;
}
.section-detail .detail-cont .btn-option-notice .btn-txt .txt-more .icon-arrow-right-gray {
  margin-top: -2px;
  margin-left: -2px;
}
.section-detail .detail-cont .option-area.type-white .option-area__icon {
  background: none;
  border: 1px solid #eee;
}
.section-detail .detail-cont .select-option-box {
  position: relative;
  padding: 16px 20px;
  border-radius: 8px;
  background: #f8f8f8;
}
.section-detail .detail-cont .select-option-box .subject {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.section-detail .detail-cont .select-option-box .btn-txt {
  margin-top: -35px;
  float: right;
  text-decoration: none;
  font-size: 12px;
  color: #222;
}
.section-detail .detail-cont .select-option-box .btn-txt .txt-more {
  font-size: 12px;
  font-weight: 700;
}
.section-detail .detail-cont .select-option-box .btn-txt .txt-more::after {
  display: none;
}
.section-detail .detail-cont .select-option-box .option-list {
  padding: 0;
  background: none;
}
.section-detail .detail-cont .select-option-box .option-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}
.section-detail .detail-cont .select-option-box .option-list li .txt {
  position: relative;
  padding-left: 7px;
  font-weight: 300;
}
.section-detail .detail-cont .select-option-box .option-list li .txt::before {
  content: "∙";
  position: absolute;
  left: 0;
}
.section-detail .detail-cont .select-option-box .option-list li .price {
  font-weight: 500;
}
.section-detail .detail-cont .rolling-banner {
  margin-top: 50px;
}

.detail-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.detail-tit .score-area {
  display: inline-block;
  vertical-align: middle;
  margin: -5px 0 0 3px;
}
.detail-tit .detail-tit__subject {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 20px;
  font-weight: bold;
  color: #222;
  word-break: break-all;
}
.detail-tit .detail-tit__subject.is-normal {
  font-weight: normal;
}
.detail-tit .detail-tit__subject.is-normal em {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
}
.detail-tit .detail-tit__subject span {
  font: inherit;
}
.detail-tit .detail-tit__subject .inner-highlight {
  position: relative;
}
.detail-tit .detail-tit__subject .inner-highlight > span {
  z-index: 1;
  position: relative;
}
.detail-tit .detail-tit__subject .inner-highlight:before {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 8px;
  background: #fc0;
  content: "";
}
.detail-tit .detail-tit__util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  min-height: 24px;
}
.detail-tit.detail-tit--d2 {
  margin: 24px 0 8px;
}
.detail-tit.detail-tit--d2 .detail-tit__subject {
  font-size: 16px;
}

.detail-stit {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.63;
  letter-spacing: -0.089rem;
  color: #222;
}
.detail-stit .btn-help {
  float: right;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -0.3rem;
  margin-left: 0.2rem;
  background-size: 2rem;
}
.detail-stit:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/sub/icon14-check-round.svg") center/contain no-repeat;
  vertical-align: middle;
  margin: -2px 4px 0 0;
  content: "";
}
.detail-stit:after {
  display: block;
  clear: both;
  content: "";
}

.certified-section ~ .certified-section {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #eee;
}
.certified-section + .btn-grid {
  margin-top: 3.2rem;
}
.certified-section .accident-free {
  margin: 0;
}

.accident-free {
  margin-top: 0.9rem;
}
.accident-free ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.accident-free .accident-free-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 35%;
  height: 13rem;
  padding: 1.6rem;
  border-radius: 1.6rem;
  background: #f6f8f9;
}
.accident-free .accident-free-item .icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.accident-free .accident-free-item .icon-accident {
  background: url("../images/sub/icon_accident.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .icon-performance {
  background: url("../images/sub/icon_performance.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .icon-insurance {
  background: url("../images/sub/icon_insurance.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .icon-cs {
  background: url("../images/sub/icon_cs.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .icon-contract {
  background: url("../images/sub/icon_contract.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .icon-gohome {
  background: url("../images/sub/icon_gohome.svg") no-repeat 0 0;
}
.accident-free .accident-free-item .txt {
  margin-top: 0.8rem;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.023rem;
  color: #222;
}
.accident-free .accident-free-item .result {
  position: absolute;
  bottom: 1.8rem;
  left: 0;
  display: block;
  right: 0;
  padding-right: 1.6rem;
  text-align: right;
  font-size: 2rem;
  line-height: 0.9;
  letter-spacing: -0.033rem;
  color: #222;
}
.accident-free .accident-free-item .result .system {
  font-size: 2rem;
  line-height: 0.9;
}
.accident-free .accident-free-item .result .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.accident-free.size-s .accident-free-item .result {
  font-size: 16px;
  line-height: 1.4;
}

.homeservice-desc {
  margin-top: 24px;
  font-size: 16px;
  color: #222;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
.homeservice-desc strong {
  font-weight: 700;
}
.homeservice-desc p, .homeservice-desc ul.guide-bul > li {
  margin: 0 0 10px;
  font: inherit;
}

.inspection {
  position: relative;
  margin-top: 2.4rem;
}
.inspection .subject {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.089rem;
  color: #222;
}
.inspection .result {
  position: absolute;
  right: 0;
  top: 0.4rem;
  padding-left: 1.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.023rem;
  color: #2589ff;
}
.inspection .result::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url("../images/sub/icon_inspection_check.svg") no-repeat 0 0;
}
.inspection .result.no-bullet:before {
  display: none;
}
.inspection .txt {
  margin-top: 0.9rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.067rem;
  color: #888;
}

.assurance {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.8rem;
  padding: 2.6rem 0;
  border-radius: 1.6rem;
  text-align: center;
  background-color: #f6f8f9;
}
.assurance .icon {
  width: 3rem;
  height: 3rem;
  margin: 0 0.8rem 0 1.2rem;
  background: url("../images/sub/icon_assurance_plus.svg") no-repeat 0 0;
}
.assurance .assurance-item {
  color: #222;
}
.assurance .assurance-item p, .assurance .assurance-item ul.guide-bul > li {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.078rem;
}
.assurance .assurance-item em {
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.089rem;
}
.assurance .assurance-item .small {
  display: inline;
  font: inherit;
  font-weight: 400;
}
.assurance .assurance-item .desc {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #888;
  line-height: 1.4;
  letter-spacing: -0.05em;
}

.rolling-info {
  position: relative;
  padding: 0 16px 24px;
  background: #2f2f2f;
}
.rolling-info .rolling-info__track {
  position: relative;
  height: 32px;
  overflow: hidden;
}
.rolling-info .rolling-info__panel {
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 32px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s;
  background: #2f2f2f;
}
.rolling-info .rolling-info__panel.rolling-info__panel--current {
  z-index: 2;
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.rolling-info .rolling-info__panel.rolling-info__panel--prev {
  z-index: 1;
  opacity: 0;
}
.rolling-info .rolling-info__panel strong {
  color: #ffc23c;
}
.rolling-info .rolling-info__panel span,
.rolling-info .rolling-info__panel strong {
  font: inherit;
}
.rolling-info .swiper-pagination--car-img {
  display: inline-block;
  left: auto;
  right: 16px;
  top: 8px;
  width: auto;
  min-width: 39px;
  text-align: center;
  position: absolute;
  height: 15px;
  border-radius: 8px;
  padding: 0 3px;
  line-height: 18px;
  background: #222;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #888;
}
.rolling-info .swiper-pagination--car-img strong {
  color: #fff;
}
.rolling-info .swiper-pagination--car-img span {
  font: inherit;
}
.rolling-info.type-new {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), color-stop(0%, rgba(0, 0, 0, 0.00673917)), color-stop(139.16%, rgba(0, 0, 0, 0.997071)), color-stop(139.57%, #000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.00673917) 0%, rgba(0, 0, 0, 0.997071) 139.16%, #000000 139.57%);
  padding: 0 60px 0 12px;
}
.rolling-info.type-new .rolling-info__panel {
  background: none;
}

.swiper-container--car-img .swiper-slide.videowrapper {
  padding-bottom: 75% !important;
}
.swiper-container--car-img .swiper-pagination--car-img {
  display: inline-block;
  left: auto;
  right: 16px;
  top: 8px;
  width: auto;
  min-width: 39px;
  text-align: center;
  position: absolute;
  height: 15px;
  border-radius: 8px;
  padding: 0 3px;
  line-height: 18px;
  background: #222;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #888;
}
.swiper-container--car-img .swiper-pagination--car-img strong {
  color: #fff;
}
.swiper-container--car-img .swiper-pagination--car-img span {
  font: inherit;
}
.swiper-container--car-img .btn-video.type-new {
  z-index: 3;
  bottom: 70px !important;
}

.layer-coach-marks {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(34, 34, 34, 0.6);
  color: #fff;
  display: none;
}
.layer-coach-marks .layer-coach-marks__container {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
}
.layer-coach-marks .layer-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 30px;
  height: 30px;
  border: none;
  background: url("../images/sub/icon_layer_coachmarks_close.svg") no-repeat 50% 50%;
  background-size: 24px;
}
.layer-coach-marks .layer-close-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
}
.layer-coach-marks .cm-wrap {
  overflow: hidden;
  text-align: center;
  padding: 0 16px;
}
.layer-coach-marks .cm-wrap.is-animated .cm-item {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.layer-coach-marks .cm-wrap .cm-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  will-change: transform;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item1 {
  position: absolute;
  top: 10px;
  right: 73px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: right;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item1 .text {
  margin-top: 10px;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item2 {
  margin-top: 54vw;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item2 .text {
  margin-top: 12px;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item3 {
  margin-top: 20vw;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item3 .text {
  min-width: 100%;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.53px;
  text-align: center;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item3 .text strong {
  margin-bottom: 6px;
  font-size: 24px;
  line-height: normal;
  color: #fc0;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item4 {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.layer-coach-marks .cm-wrap .cm-item.cm-item4 .text {
  margin-top: 12px;
}
.layer-coach-marks .cm-wrap .text {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.31px;
  text-align: center;
  color: #fff;
}

.mark-area {
  color: #666;
  font-size: 0;
}
.mark-area .mark-area__tag {
  font-size: 14px;
}
.mark-area .mark-area__tag:after {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #666;
  vertical-align: middle;
  margin: -2px 4px 0;
  content: "";
}
.mark-area .mark-area__tag:last-child:after {
  display: none;
}
.mark-area .mark-area__tag.mark-area__tag--primary {
  color: #2589ff;
}

.car-intro {
  margin-top: -24px;
  padding: 32px 16px;
  background: #fff;
  border-radius: 24px 24px 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0 16px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 16px;
}
.car-intro .car-intro__name-area {
  position: relative;
}
.car-intro .car-intro__name-area .btn-txt {
  position: absolute;
  top: 0;
  right: 0;
}
.car-intro .car-intro__name-area .btn-icon {
  position: absolute;
  top: -8px;
  right: -8px;
}
.car-intro .car-intro__name {
  font-size: 20px;
  font-weight: bold;
}
.car-intro .mark-area {
  margin-top: 6px;
}
.car-intro .car-intro__lease-box {
  display: block;
  border-radius: 12px;
  background: #f6f8f9;
  padding: 20px;
  margin-top: 16px;
}
.car-intro .car-intro__lease-box .car-intro__cost {
  margin: 0;
}
.car-intro .car-intro__lease-box .car-intro__cost > span:before,
.car-intro .car-intro__lease-box .car-intro__cost .car-intro__cost-highlight:before {
  bottom: 4px;
  height: 6px;
}
.car-intro .car-intro__lease-box .car-intro__cost > span strong,
.car-intro .car-intro__lease-box .car-intro__cost .car-intro__cost-highlight strong {
  font-size: 24px;
}
.car-intro .car-intro__lease-box + .contract-box {
  margin-top: 8px;
}
.car-intro .car-intro__lease-box + .car-linkbox {
  margin-top: 11px;
}
.car-intro .car-intro__lease-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.car-intro .car-intro__lease-data > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-right: 10%;
}
.car-intro .car-intro__lease-data > div:last-child {
  padding-right: 0;
}
.car-intro .car-intro__lease-data > div > dt, .car-intro .dealer-detail .car-intro__lease-data.dealer-detail__status > div > dd, .dealer-detail .car-intro .car-intro__lease-data.dealer-detail__status > div > dd {
  margin-bottom: 3px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.car-intro .car-intro__lease-data > div > dd {
  font-size: 16px;
  color: #222;
  font-weight: bold;
  word-break: break-all;
}
.car-intro .car-intro__cost {
  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-top: 17px;
}
.car-intro .car-intro__cost > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  z-index: 0;
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
}
.car-intro .car-intro__cost > span:before {
  content: "";
  z-index: -1;
  position: absolute;
  display: block;
  bottom: 6px;
  left: 0;
  width: 100px;
  height: 8px;
  background: #fc0;
}
.car-intro .car-intro__cost > span strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
}
.car-intro .car-intro__cost .car-intro__cost-util {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.car-intro .car-intro__cost .car-intro__cost-util .btn-round.bg-yellow, .car-intro .car-intro__cost .car-intro__cost-util .btn-round.type-line-dark {
  min-width: 135px;
  white-space: nowrap;
  padding: 0 10px;
}
.car-intro .car-intro__cost .car-intro__cost-util .btn-txt {
  color: #222;
}
.car-intro .car-intro__cost .car-intro__cost-cont {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  z-index: 0;
  display: inline-block;
}
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-highlight,
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-disclosure {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-highlight:before,
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-disclosure:before {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 0;
  height: 8px;
  background: #fc0;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
}
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-highlight strong {
  display: inline-block;
  vertical-align: baseline;
  font-size: 34px;
}
.car-intro .car-intro__cost .car-intro__cost-cont .car-intro__cost-disclosure strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}
.car-intro .car-intro__cost.ui-in > span:before, .car-intro .car-intro__cost.ui-in .car-intro__cost-highlight:before, .car-intro .car-intro__cost.ui-in .car-intro__cost-disclosure:before {
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.car-intro.type-new {
  border-radius: 20px 20px 0 0;
  padding-top: 20px;
}
.car-intro.type-new .car-intro__name {
  font-size: 16px;
}
.car-intro.type-new .car-intro__cost {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.car-intro.type-new .car-linkbox .car-linkbox__tit {
  margin-bottom: 0;
}
.car-intro.type-new .car-linkbox .car-linkbox__desc {
  font-size: 14px;
}
.car-intro.type-new .car-linkbox__item > a {
  padding-top: 8px;
  padding-bottom: 8px;
}
.car-intro.type-new .car-linkbox__item > a:before {
  margin-bottom: 2px;
}
.car-intro.type-new .car-linkbox__item.car-linkbox__item.car-linkbox__item--newcar > a:after {
  top: 25px;
}
.car-intro.type-new .car-linkbox__item.car-linkbox__item-km > a:after {
  top: 17px;
}
.car-intro .contract-box {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin-top: 16px;
}

.price-regular {
  position: relative;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #888;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.price-regular:after {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #888;
  display: block;
  content: "";
}

.car-linkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 27px -5px 0;
}
.car-linkbox.ui-in .car-linkbox__item.car-linkbox__item-km > a:after {
  -webkit-animation: aniPinMove 2s both 0.5s;
          animation: aniPinMove 2s both 0.5s;
}
@-webkit-keyframes aniPinMove {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  60% {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
  70% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes aniPinMove {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  60% {
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
  }
  70% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  80% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  90% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.car-linkbox.ui-in .car-linkbox__item.car-linkbox__item--newcar > a:after {
  width: 19px;
}
.car-linkbox .car-linkbox__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  padding: 5px 5px;
  width: 25%;
}
.car-linkbox .car-linkbox__item.car-linkbox__item--check > a:before {
  background-image: url("../images/sub/icon-link-check.png");
}
.car-linkbox .car-linkbox__item.car-linkbox__item--history > a:before {
  background-image: url("../images/sub/icon-link-history.png");
}
.car-linkbox .car-linkbox__item.car-linkbox__item-km > a:before {
  background-image: url("../images/sub/icon-link-km1.png");
}
.car-linkbox .car-linkbox__item.car-linkbox__item-km > a:after {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -3px;
  display: block;
  width: 6px;
  height: 17px;
  background: url("../images/sub/icon-link-km2.png") center/contain no-repeat;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  content: "";
}
.car-linkbox .car-linkbox__item.car-linkbox__item--newcar > a:before {
  background-image: url("../images/sub/icon-link-newcar1.png");
}
.car-linkbox .car-linkbox__item.car-linkbox__item--newcar > a:after {
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 0;
  height: 7px;
  background: #aaa;
  -webkit-transition: width cubic-bezier(0.14, 0.99, 0.58, 1) 1.5s 1.5s;
  transition: width cubic-bezier(0.14, 0.99, 0.58, 1) 1.5s 1.5s;
  content: "";
}
.car-linkbox .car-linkbox__item > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
  text-decoration: none;
  text-align: center;
  padding: 10px 5px 8px;
  border-radius: 12px;
}
.car-linkbox .car-linkbox__item > a:before {
  display: block;
  width: 46px;
  height: 32px;
  margin: 0 auto 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
.car-linkbox .car-linkbox__tit {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 3px;
}
.car-linkbox .car-linkbox__desc {
  display: block;
  font-size: 16px;
  color: #222;
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item {
  padding-left: 3px;
  padding-right: 3px;
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item.car-linkbox__item--check a:before {
  background-image: url("../images/sub/icon-link-check-sm.svg");
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item.car-linkbox__item--history a:before {
  background-image: url("../images/sub/icon-link-history-sm.svg");
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item.car-linkbox__item-km a:before {
  background-image: url("../images/sub/icon-link-km-sm.svg");
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item.car-linkbox__item--newcar a:before {
  background-image: url("../images/sub/icon-link-newcar-sm.svg");
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item.car-linkbox__item--kbcare a:before {
  background-image: url("../images/sub/icon-link-kbcare-sm.svg");
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item > a:before {
  width: 30px;
  height: 20px;
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item > a:after {
  display: none;
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item .car-linkbox__tit {
  margin-top: 4px;
  font-size: 10px;
  color: #666;
}
.car-linkbox.car-linkbox--grid5 .car-linkbox__item .car-linkbox__desc {
  font-size: 12px;
}

.manager-thumb {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(151, 151, 151, 0.38);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.manager-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manager-thumb.manager-thumb--full {
  position: relative;
  border-radius: 0;
  display: inline-block;
  width: auto;
  height: auto;
  padding-top: 45px;
  text-align: center;
  border: 0;
}
.manager-thumb.manager-thumb--full img {
  max-width: 100%;
  max-height: 80vh;
  width: auto;
  height: auto;
}

.dialog-dim .dialog-wrap.dialog-wrap--empty .manager-thumb--full .dialog__btn-close {
  top: 0;
  bottom: auto;
  right: 0;
}

.manager-area {
  text-align: center;
}
.manager-area.manager-area--cs {
  margin-top: 30px;
  overflow: hidden;
}
.manager-area.manager-area--cs .manager-thumb {
  width: 64px;
  height: 64px;
  margin-bottom: 15px;
}
.manager-area.manager-area--cs .manager-area__name {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.manager-area.manager-area--cs .manager-area__name--link a:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  margin: -3px 0 0 6px;
  content: "";
}
.manager-area.manager-area--cs .manager-area__desc {
  display: block;
  font-size: 14px;
  color: #888;
  font-weight: normal;
  margin: 8px 0 16px;
}
.manager-area.manager-area--cs ~ .popup-text,
.manager-area.manager-area--cs ~ .popup-desc {
  text-align: center;
}
.manager-area .manager-thumb {
  margin: 0 auto 8px;
}
.manager-area .manager-area__name {
  display: block;
  font-size: 14px;
  color: #666;
}
.manager-area .manager-area__name a {
  font: inherit;
  text-decoration: none;
  color: inherit;
}
.manager-area .manager-area__name span {
  font: inherit;
  color: inherit;
}
.manager-area .manager-area__badge {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: -2px 0 0 2px;
  background: url("../images/sub/icon_badge.svg") center/contain no-repeat;
}
.manager-area .manager-area__num {
  display: block;
  margin-top: 3px;
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
.manager-area .manager-area__added > div {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  color: #666;
}
.manager-area .manager-area__added > div > dt,
.manager-area .manager-area__added > div > dd {
  display: inline-block;
  vertical-align: middle;
}
.manager-area .manager-area__added .score-area {
  margin-top: 0.4rem;
}
.manager-area .manager-area__added-point {
  font-size: 1.6rem;
  color: #222;
}

.dealer-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dealer-detail .manager-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
}
.dealer-detail .dealer-detail__cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 15px;
}
.dealer-detail .dealer-detail__region {
  font-size: 14px;
  color: #666;
}
.dealer-detail .dealer-detail__status {
  margin-top: 6px;
}
.dealer-detail .dealer-detail__status > div {
  display: inline-block;
  vertical-align: middle;
}
.dealer-detail .dealer-detail__status > div:after {
  display: inline-block;
  width: 1px;
  height: 1px;
  vertical-align: middle;
  background: #888;
  margin: -2px 2px 0;
  content: "";
}
.dealer-detail .dealer-detail__status > div:last-child:after {
  display: none;
}
.dealer-detail .dealer-detail__status > div dt, .dealer-detail .dealer-detail__status > div dd {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  font-size: 14px;
  color: #888;
}
.dealer-detail .dealer-detail__status > div dd {
  color: #2589ff;
}
.dealer-detail .dealer-detail__util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 10px;
}
.dealer-detail.dealer-detail--lease {
  position: relative;
  padding-top: 1.6rem;
}
.dealer-detail.dealer-detail--lease .dealer-detail__position {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.dealer-detail.dealer-detail--lease .dealer-detail__name {
  display: block;
  margin-top: 2px;
  font-size: 22px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
}
.dealer-detail.dealer-detail--nophoto .dealer-detail__cont {
  padding-left: 0;
}

.personal-tit {
  margin: 16px 0;
  text-align: center;
}
.personal-tit .personal-tit__subject {
  font-size: 16px;
  font-weight: 400;
}
.personal-tit span {
  font: inherit;
  font-weight: bold;
}

.report-area.ui-in .report-area__item--first .report-area__question,
.report-area.ui-in .report-area__item--first .report-area__answer--loading {
  -webkit-animation: aniShowBalloon ease-in-out 0.4s both 0.2s;
          animation: aniShowBalloon ease-in-out 0.4s both 0.2s;
}
.report-area.ui-in .report-area__item--first .report-area__answer--loading {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.report-area.all-show .report-area__item .report-area__question,
.report-area.all-show .report-area__item .report-area__answer {
  display: block;
}
.report-area.all-show .report-area__item .report-area__answer--loading {
  display: none;
}
.report-area .report-area__question.ui-in,
.report-area .report-area__answer.ui-in {
  -webkit-animation: aniShowBalloon ease-in-out 0.4s both 0.1s;
          animation: aniShowBalloon ease-in-out 0.4s both 0.1s;
}
@-webkit-keyframes aniShowBalloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(-5px);
            transform: scale(0.7) translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes aniShowBalloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(-5px);
            transform: scale(0.7) translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
.report-area .report-area__item {
  margin-top: 24px;
}
.report-area .report-area__item:after {
  display: block;
  clear: both;
  content: "";
}
.report-area .report-area__item.report-area__item--first .report-area__question {
  display: block;
}
.report-area .report-area__question {
  display: none;
  clear: both;
  float: right;
  padding: 8px 15px 7px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px 0 16px 16px;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: scale(0.7) translateY(-5px);
      -ms-transform: scale(0.7) translateY(-5px);
          transform: scale(0.7) translateY(-5px);
  opacity: 0;
}
.report-area .report-area__question:first-child {
  margin-top: 0;
}
.report-area .report-area__answer--loading + .report-area__answer,
.report-area .report-area__answer:first-of-type {
  margin-top: 16px;
}
.report-area .report-area__answer {
  display: none;
  clear: both;
  float: left;
  width: 100%;
  padding: 20px 20px 18px;
  margin-top: 10px;
  background: #e9f3ff;
  border-radius: 0 16px 16px 16px;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0.7) translateY(-5px);
      -ms-transform: scale(0.7) translateY(-5px);
          transform: scale(0.7) translateY(-5px);
  opacity: 0;
}
.report-area .report-area__answer .report-area__answer-link {
  margin: -20px -20px -18px;
  padding: 20px 42px 18px 20px;
}
.report-area .report-area__answer.report-area__answer--loading {
  display: inline-block;
  width: auto;
  padding: 14px 20px;
  line-height: 1;
  font-size: 0;
}
.report-area .report-area__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #c3deff;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 6px 0 0;
  -webkit-animation: aniLoadDot ease-in-out 0.8s infinite;
          animation: aniLoadDot ease-in-out 0.8s infinite;
}
.report-area .report-area__dot:first-child {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.report-area .report-area__dot:nth-child(2) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.report-area .report-area__dot:last-child {
  margin-right: 0;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes aniLoadDot {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
  16.666% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    background: #afd3fe;
  }
  33.333% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
}
@keyframes aniLoadDot {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
  16.666% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    background: #afd3fe;
  }
  33.333% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
}
.report-area .report-area__answer-link {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  padding-right: 35px;
}
.report-area .report-area__answer-link:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_arrow_r.svg") center/contain no-repeat;
  margin-top: -12px;
  content: "";
}

.report-box {
  margin-top: 15px;
  background: #fff;
  border-radius: 12px;
  padding: 13px 18px 10px;
}
.report-box .report-box__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
}
.report-box .report-box__data > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.report-box .report-box__data dt, .report-box .report-box__data .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .report-box .report-box__data dd {
  font-size: 12px;
  font-weight: normal;
  color: #2589ff;
}
.report-box .report-box__data dd {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.report-box .diag-report {
  width: auto;
  margin: 0 -5px;
  padding: 0;
}
.report-box .diag-report .repair-item {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  margin: 3px 0 7px;
}
.report-box .diag-report .repair-item span {
  margin: 2px 0;
  font-weight: normal;
}
.report-box .diag-report .car-history-img {
  margin: 0 auto;
}
.report-box .diag-report .car-repaire-items {
  width: 110%;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  text-align: left;
}
.report-box .diag-report .car-repaire-items span {
  white-space: nowrap;
  font-weight: normal;
}
.report-box .diag-report .car-repaire-items span:after {
  margin-top: -8px;
}

@media screen and (min-width: 440px) {
  .report-box .diag-report .car-history-img {
    margin: 0;
  }
}
.buy.buy-new .usedcar-service ul li {
  padding-left: 52px;
  padding-right: 32px;
}
.buy.buy-new .usedcar-service ul li.overlay:after {
  display: none;
}
.buy.buy-new .usedcar-service ul li:before {
  left: 0;
}
.buy.buy-new .usedcar-service ul li:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_arrow_r.svg") center/contain no-repeat;
  margin-top: -12px;
  content: "";
  right: 0;
  opacity: 0.5;
}
.buy.buy-new .usedcar-service ul li.type-premium {
  position: relative;
  overflow: hidden;
  border: 1px solid #ffcc00;
  border-radius: 12px;
  padding: 20px 80px 20px 72px;
}
.buy.buy-new .usedcar-service ul li.type-premium .tag-new-ribbon {
  position: absolute;
  top: 0;
  left: 0;
}
.buy.buy-new .usedcar-service ul li.type-premium dl dt, .buy.buy-new .usedcar-service ul li.type-premium dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .buy.buy-new .usedcar-service ul li.type-premium dl dd {
  font-size: 16px;
}
.buy.buy-new .usedcar-service ul li.type-premium dl dd {
  font-size: 12px;
}
.buy.buy-new .usedcar-service ul li.type-premium:before {
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.buy.buy-new .usedcar-service ul li.type-premium:after {
  display: none;
}
.buy.buy-new .usedcar-service ul li.type-premium .btn-round {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.report-vehicle-item {
  padding: 2rem;
  background: #f8f8f8;
  border-radius: 1.6rem;
}
.report-vehicle-item .vehicle-item__desc {
  padding: 0;
}
.report-vehicle-item .vehicle-item__desc .vehicle-item__number {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
}
.report-vehicle-item .vehicle-item__desc .vehicle-item__name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
}
.report-vehicle-item .vehicle-item__desc .vehicle-item__info span {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.marketprice-area {
  margin: 0 0 24px;
}

.marketprice-cost {
  text-align: center;
  margin-bottom: 15px;
}
.marketprice-cost .marketprice-cost__name {
  display: block;
  font-size: 14px;
  color: #666;
}
.marketprice-cost .marketprice-cost__num {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.marketprice-graph {
  position: relative;
  padding-top: 45px;
}
.marketprice-graph.ready .marketprice-graph__safe-bar {
  width: 0 !important;
}
.marketprice-graph.ui-in .marketprice-graph__dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.marketprice-graph.ui-in .marketprice-graph__mark:before {
  top: 26px;
}
.marketprice-graph.ui-in .marketprice-graph__mark span {
  opacity: 1;
  margin-top: 0;
}
.marketprice-graph .marketprice-graph__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.marketprice-graph .marketprice-graph__grid li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #666;
  font-size: 12px;
  text-align: center;
}
.marketprice-graph .marketprice-graph__bar {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #eee;
  overflow: hidden;
}
.marketprice-graph .marketprice-graph__safe-bar {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #2589ff;
  -webkit-transition: width ease-in-out 1s 0.6s;
  transition: width ease-in-out 1s 0.6s;
}
.marketprice-graph .marketprice-graph__mark-grid {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 19px;
}
.marketprice-graph .marketprice-graph__dot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  border: 2px solid #fff;
  background: #888;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.marketprice-graph .marketprice-graph__mark {
  position: absolute;
  bottom: 0;
  width: 76px;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
.marketprice-graph .marketprice-graph__mark:before {
  position: absolute;
  top: 100%;
  left: 50%;
  bottom: 10px;
  width: 1px;
  margin-left: -2px;
  border-right: 2px dotted #888;
  -webkit-transition-property: opacity, top;
  transition-property: opacity, top;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  content: "";
}
.marketprice-graph .marketprice-graph__mark span {
  z-index: 1;
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  color: #222;
  border-radius: 13px;
  margin-top: -5px;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition-property: opacity, margin;
  transition-property: opacity, margin;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.marketprice-graph .marketprice-graph__mark span:before {
  display: inline-block;
  width: 22px;
  height: 18px;
  vertical-align: middle;
  margin: -2px 3px 0 0;
  content: "";
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low:before {
  border-color: #888;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low .marketprice-graph__dot {
  background-color: #888;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span {
  background: #e8e8e8;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span:before {
  background: url("../images/sub/icon_price_low.svg") center/contain no-repeat;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal:before {
  border-color: #26b1e2;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal .marketprice-graph__dot {
  background-color: #26b1e2;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span {
  background: #d4eff9;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span:before {
  background: url("../images/sub/icon_price_normal.svg") center/contain no-repeat;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high:before {
  border-color: #2589ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high .marketprice-graph__dot {
  background-color: #2589ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span {
  background: #e9f3ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span:before {
  background: url("../images/sub/icon_price_high.svg") center/contain no-repeat;
}

.option-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 24px -8px 0;
}
.option-area.option-area--detail li:not(.on) .option-area__icon {
  background: none;
}
.option-area.option-area--detail li:not(.on) .option-area__icon img {
  opacity: 0.2;
}
.option-area.option-area--detail li:not(.on) .option-area__name {
  color: #aaa;
}
.option-area.option-area--detail li:not(.on) .option-area__sub-name span {
  display: inline;
}
.option-area.option-area--detail li:not(.on) .option-area__sub-name span + span:before {
  display: inline;
  content: ",";
}
.option-area > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  margin-bottom: 16px;
  text-align: center;
}
.option-area > li.disabled {
  position: relative;
}
.option-area > li.disabled .option-area__icon {
  background-color: #f6f8f9;
}
.option-area > li.disabled .option-area__icon img {
  opacity: 0.1;
}
.option-area > li.disabled .option-area__name {
  color: #aaa;
}
.option-area .option-area__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  padding-top: 2px;
  border-radius: 12px;
  margin: 0 auto 8px;
  background: #f6f8f9;
}
.option-area .option-area__icon img {
  width: 40px;
}
.option-area .option-area__name {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #222;
  line-height: 1.4;
}
.option-area .option-area__name .disabled {
  color: #aaa;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
}
.option-area .option-area__sub-name {
  display: block;
  font: inherit;
  color: inherit;
}
.option-area .option-area__sub-name span {
  display: none;
  font: inherit;
  color: inherit;
}
.option-area .option-area__sub-name span.on {
  display: inline;
}
.option-area .option-area__sub-name span.on + .on:before {
  display: inline;
  content: ",";
}

.car-option-nodata {
  text-align: center;
  padding: 60px 0 40px;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}
.car-option-nodata:before {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  background: url("../images/common/icon48-nodata.svg") center/contain no-repeat;
  content: "";
}

.option-tit {
  display: block;
  margin: 30px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.option-tit strong {
  font: inherit;
}
.option-tit strong.on {
  color: #2589ff;
}

.score-area {
  position: relative;
  display: block;
  width: 64px;
  height: 12px;
  background: red;
}
.score-area .score-area__bar {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: yellow;
  width: 100%;
  height: 100%;
}

.dealer-box {
  position: relative;
  border-radius: 12px;
  background: #e9f3ff;
  color: #666;
  font-size: 14px;
  padding: 20px;
  overflow: hidden;
}
.dealer-box.dealer-box--open {
  border-radius: 12px;
  overflow: hidden;
}
.dealer-box.dealer-box--open:before, .dealer-box.dealer-box--open:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  display: block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(233, 243, 255, 0)), to(#e9f3ff));
  background: linear-gradient(to top, rgba(233, 243, 255, 0), #e9f3ff 100%);
  border-radius: 12px;
  content: "";
}
.dealer-box.dealer-box--open:before {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dealer-box.dealer-box--open .dealer-box__cont {
  max-height: none;
}
.dealer-box.dealer-box--open .dealer-box__cont > p, .dealer-box.dealer-box--open ul.dealer-box__cont.guide-bul > li {
  max-height: none;
  line-clamp: unset;
  -webkit-line-clamp: unset;
}
.dealer-box.dealer-box--open .btn-base.type-normal:after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.dealer-box .btn-base.type-normal {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.dealer-box .btn-base.type-normal:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: 2px;
  margin-bottom: -2px;
  background: url("../images/common/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  content: "";
}
.dealer-box .btn-txt {
  display: none;
  margin-top: 8px;
}
.dealer-box .dealer-box__cont {
  max-height: 343px;
  word-break: break-all;
  overflow: auto;
  outline: none;
}
.dealer-box .dealer-box__cont > p, .dealer-box ul.dealer-box__cont.guide-bul > li {
  max-height: 4.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.4;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cmm-txt-list.type-new {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.cmm-txt-list.type-new .list-area {
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.cmm-txt-list.type-new .list-area:first-child {
  margin-top: 0;
}
.cmm-txt-list.type-new .list-area > .tit {
  min-height: 56px;
  font-size: 16px;
  font-weight: normal;
  padding: 18px 40px 15px 20px;
  color: #222;
}
.cmm-txt-list.type-new .list-area > .tit:after {
  display: block;
  width: 7px;
  height: 10px;
  background: url("../images/sub/icon16_arrow_r.svg") 0 0/contain no-repeat;
  content: "";
  position: absolute;
  right: 23px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.cmm-txt-list.type-new .list-area > .tit.on:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cmm-txt-list.type-new .cmm-list-cnt {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  color: #888;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash {
  list-style: disc;
  margin: 0 0 0 15px;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li {
  list-style: disc;
  color: inherit;
  margin: 6px 0 0 0;
  padding: 0;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li:after {
  display: none;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li > ul {
  list-style: circle;
  margin: 0 0 0 8px;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li > ul > li {
  position: relative;
  margin-top: 3px;
  list-style: circle;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li > ul > li:after {
  display: none;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li strong {
  font-weight: normal;
}
.cmm-txt-list.type-new .cmm-list-cnt .cmm-bl-dash > li sup {
  font-size: 8px;
  margin-left: 2px;
}
.cmm-txt-list.type-new .cmm-tit-sub {
  display: block;
  margin: 20px 0 8px;
  color: #222;
  font-size: 14px;
  font-weight: normal;
}
.cmm-txt-list.type-new .btn-txt {
  margin-top: 15px;
  color: #666;
}

.cmm-txt-list.type-new.type-new-cmm-txt-list {
  margin-top: 14px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list a {
  color: #666;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .list-area > .tit::after {
  margin-top: -6px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt {
  padding: 16px 16px 34px 16px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
  border-top: 1px solid #d9d9d9;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .red-color {
  font-weight: 700;
  color: #f23f3f;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .cmm-bl-dash {
  margin: 11px 0 0 0;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .cmm-bl-dash > li {
  list-style: none;
  position: relative;
  padding-left: 8px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .cmm-bl-dash > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #666;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .form-checkbox {
  margin-top: 24px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .form-checkbox .icon {
  width: 18px;
  height: 18px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .form-checkbox .txt {
  margin-top: 3px;
  margin-left: 0;
  font-size: 14px;
  font-weight: 300;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .form-checkbox {
  margin-top: 24px;
}
.cmm-txt-list.type-new.type-new-cmm-txt-list .cmm-list-cnt .form-checkbox .txt {
  margin-top: 0.4rem;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.header.type-new {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 44px;
  height: auto;
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.header.type-new.content-header {
  padding: 0 8px;
}
.header.type-new.content-header.content-header-main {
  padding-left: 12px;
  min-height: 56px;
  position: relative;
}
.header.type-new.content-header.content-header-main .btn-header-wrap {
  font-size: 0;
}
.header.type-new.content-header.content-header-main .btn-header-wrap button {
  height: 40px;
}
.header.type-new.content-header.content-header-main .btn-header-wrap button .new {
  top: 8px;
  right: 9px;
  width: 3px;
  height: 3px;
  background: #f23f3f;
}
.header.type-new.content-header.content-header-main .btn-header-wrap button span {
  font-size: 0;
  text-indent: -9999px;
}
.header.type-new.content-header.content-header-main .btn-header-wrap button .header-icon {
  left: 0.7rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0;
  background-color: transparent;
  margin: 0;
}
.header.type-new[data-toggle-fixed=false] .filter-bar:after {
  opacity: 0;
}
.header.type-new.is-hide {
  -webkit-transform: translateY(-4.4rem);
      -ms-transform: translateY(-4.4rem);
          transform: translateY(-4.4rem);
}
.header.type-new.buy-header-p + div {
  margin-top: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.header.type-new.buy-header-p h1 {
  font-size: 20px;
}
.header.type-new.buy-header-p .header-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
.header.type-new.buy-header-p > .header-txt:first-child {
  padding-left: 16px;
}
.header.type-new.buy-header-p .header-txt-link {
  text-decoration: none;
}
.header.type-new.buy-header-p .btn-top {
  top: 0;
  right: 13px;
}
.header.type-new.buy-header-p .btn-top .btn-car-view {
  width: 30px;
  height: 30px;
  margin: 7px 0 0 0;
  vertical-align: top;
  border: none;
  background-image: url("../images/sub/icon_car_view_vertical.svg");
  background-color: transparent;
  background-size: 19px;
  background-position: center;
  background-repeat: no-repeat;
}
.header.type-new.buy-header-p .btn-top .btn-car-view ~ a {
  margin-left: 0;
}
.header.type-new.buy-header-p .btn-top .btn-car-view:after {
  display: none;
}
.header.type-new.buy-header-p .btn-top .interest {
  margin: 7px 0 0 8px;
  width: 30px;
  height: 30px;
  padding: 0;
  background-position: center;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-image: url("../images/sub/icon_like_off.svg");
}
.header.type-new.buy-header-p .btn-top .interest:after {
  display: none;
}
.header.type-new.buy-header-p .btn-top .interest.on {
  background-image: url("../images/sub/icon_like_on.svg");
}
.header.type-new.buy-header-p .btn-top .share {
  margin: 7px 0 0 8px;
  width: 30px;
  height: 30px;
  padding: 0;
  background-position: center;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-image: url("../images/sub/icon_share.svg");
}
.header.type-new.buy-header-p .btn-top .share:after {
  display: none;
}
.header.type-new.buy-header-p .btn-top .close {
  margin: 7px 0 0 8px;
  width: 30px;
  height: 30px;
  padding: 0;
  background-position: center;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-image: url("../images/sub/icon_page_close.svg");
}
.header.type-new.buy-header-p .btn-top .close:after {
  display: none;
}
.header.type-new .header-btn-util {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 0.8rem;
}
.header.type-new .pre-page {
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 44px;
  padding: 8px 0 0 46px;
}
.header.type-new .pre-page:after {
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_arrow_back.svg") center/contain no-repeat;
}
.header.type-new .header__more-area {
  z-index: -1;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 12px 16px 12px;
  opacity: 0;
  background: #fff;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  pointer-events: none;
}
.header.type-new .header__more-area:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}
.header.type-new .header__more-area.show {
  opacity: 1;
  pointer-events: auto;
}
.header.type-new .price-regular {
  font-size: 14px;
}

.score-area {
  position: relative;
  display: block;
  width: 61px;
  height: 12px;
  background: url("../images/sub/icon-star-bg.png") 0 0/61px auto no-repeat;
}
.score-area .score-area__bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  background: url("../images/sub/icon-star-score.png") 0 0/61px auto no-repeat #fff;
}
.score-area.score-area--big {
  width: 7.7rem;
  height: 1.4rem;
  margin: 0 auto;
  background: url("../images/sub/icon-star-dealer.svg") 0 -15px/auto 30px no-repeat;
}
.score-area.score-area--big .score-area__bar {
  background: url("../images/sub/icon-star-dealer.svg") 0 0/auto 30px no-repeat #fff;
}

.cost-highlight {
  z-index: 0;
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  line-height: 1.4;
}
.cost-highlight:before {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 4px;
  display: block;
  width: 100%;
  height: 4px;
  background: #ffcc00;
  content: "";
}
.cost-highlight span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
  margin-right: 2px;
  font-size: 16px;
}

/* [Popup] 금융상담 신청
====================== */
.tag-area {
  display: block;
  margin: 0;
  font-size: 0;
}
.tag-area .tag-area__item {
  display: inline-block;
  border-radius: 8px;
  background: #f8f8f8;
  font-size: 14px;
  color: #666;
  padding: 5px 8px;
  margin: 5px 10px 0 0;
}
.tag-area .tag-area__item:last-child {
  margin-right: 0;
}

.databox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 24px 0 30px;
}
.databox-list > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0 12px 0 0;
  background: rgba(255, 204, 0, 0.12);
  padding: 14px 20px;
  border-radius: 12px;
}
.databox-list > div:last-child {
  margin-right: 0;
}
.databox-list > div > dt, .dealer-detail .databox-list.dealer-detail__status > div > dd {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px;
}
.databox-list > div > dd {
  font-size: 18px;
  color: #222;
}
.databox-list > div > dd strong {
  font-size: 24px;
  font-weight: bold;
}

.layer-pop-btm.layer-pop-btm--glass,
.layer-pop-btm.layer-pop-btm--glass.new-content-body {
  border-radius: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  text-align: center;
  font-size: 26px;
  color: #fff;
  opacity: 1;
  padding: 0;
}
.layer-pop-btm.layer-pop-btm--glass > .mask,
.layer-pop-btm.layer-pop-btm--glass.new-content-body > .mask {
  z-index: -1;
  background: none;
}
.layer-pop-btm.layer-pop-btm--glass > .popup-dim,
.layer-pop-btm.layer-pop-btm--glass.new-content-body > .popup-dim {
  z-index: -1;
}
.layer-pop-btm.layer-pop-btm--glass .scroll-wrap,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .scroll-wrap {
  margin: 0;
}
.layer-pop-btm.layer-pop-btm--glass .tit-pop,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop {
  padding: 0;
  height: 30px;
}
.layer-pop-btm.layer-pop-btm--glass .tit-pop .btn-close,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop .btn-close {
  width: 25px;
  height: 25px;
}
.layer-pop-btm.layer-pop-btm--glass .tit-pop .btn-close a,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop .btn-close a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
}
.layer-pop-btm.layer-pop-btm--glass .tit-pop .btn-close a:after, .layer-pop-btm.layer-pop-btm--glass .tit-pop .btn-close a:before,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop .btn-close a:after,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop .btn-close a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  display: block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 0 0 -10px;
  content: "";
}
.layer-pop-btm.layer-pop-btm--glass .tit-pop .btn-close a:after,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .tit-pop .btn-close a:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.layer-pop-btm.layer-pop-btm--glass .layer-pop-inner,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .layer-pop-inner {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  max-height: 100vh;
  padding: 0 16px;
}
.layer-pop-btm.layer-pop-btm--glass .content-pop,
.layer-pop-btm.layer-pop-btm--glass.new-content-body .content-pop {
  max-height: calc(100vh - 100px);
  padding: 0 !important;
  overflow: auto;
}
.layer-pop-btm.layer-pop-btm--glass.ps-center,
.layer-pop-btm.layer-pop-btm--glass.new-content-body.ps-center {
  opacity: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.layer-pop-btm.layer-pop-btm--glass.ps-center.layer-pop-btm--open,
.layer-pop-btm.layer-pop-btm--glass.new-content-body.ps-center.layer-pop-btm--open {
  opacity: 1;
}

.sns-pop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  margin-top: 8vmin;
}
.sns-pop-list .sns-pop-list__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 10px;
  width: 50%;
}
.sns-pop-list .sns-pop-list__item:first-child {
  margin-top: 0;
}
.sns-pop-list .sns-pop-list__item.sns-pop-list__item--half {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: calc(50% - 4px);
}
.sns-pop-list .sns-pop-list__item.sns-pop-list__item--half .sns-pop-list__link {
  padding-left: 30px;
}
.sns-pop-list .sns-pop-list__link {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}
.sns-pop-list .sns-pop-list__link span {
  font: inherit;
  color: inherit;
}
.sns-pop-list .sns-pop-list__link .sns-icon {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 16px;
}
.sns-pop-list .sns-pop-list__link.sns-pop-list__link--naver {
  border-color: #19ce60;
}
.sns-pop-list .sns-pop-list__link.sns-pop-list__link--kakao {
  border-color: #fae100;
}

.sns-icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sns-icon.sns-icon--naver {
  background-image: url("../images/sub/sns-icon-naver.svg");
}
.sns-icon.sns-icon--kakao {
  background-image: url("../images/sub/sns-icon-kakao.svg");
}
.sns-icon.sns-icon--apple {
  background-image: url("../images/sub/sns-icon-apple.png");
}
.sns-icon.sns-icon--facebook {
  background-image: url("../images/sub/sns-icon-facebook.svg");
}
.sns-icon.sns-icon--google {
  background-image: url("../images/sub/sns-icon-google.svg");
}

.sns-pop-logo {
  margin-bottom: 8.5vmin;
}

.sns-pop-footer {
  padding-top: 10vmin;
  border-top: 1px solid #666;
  margin-top: 10vmin;
}
.sns-pop-footer.sns-pop-footer--no-line {
  border: 0;
  padding-top: 0;
  margin-top: 0;
}
.sns-pop-footer .sns-pop-footer__desc {
  font-size: 16px;
  font-weight: 500;
  color: #aaa;
}
.sns-pop-footer .sns-pop-footer__desc strong {
  font: inherit;
  color: #fff;
}
.sns-pop-footer .sns-pop-footer__login-area {
  margin-top: 16px;
  font-size: 14px;
  color: #eee;
}
.sns-pop-footer .sns-pop-footer__login-link {
  color: #fc0;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  margin-left: 10px;
}

.price--selling {
  color: #999 !important;
}

/* [Popup] 보험료조회 */
.isr-calc-link li a.isr-hyndai .isr-logo {
  width: 92px;
  height: 15px;
  background: url("../images/sub/isr-hyundai.png") no-repeat 0 0/contain;
}

.isr-calc-link li a.isr02 .isr-logo {
  width: 170px;
  height: 20px;
  margin: -4px 0 2px;
  vertical-align: middle;
  background: url("../images/sub/isr-samsungfire.png") no-repeat 0 0/contain;
}

.fade-toggle {
  position: relative;
  display: inline-block;
  text-align: center;
}
.fade-toggle .fade-toggle__text {
  display: inline-block;
  line-height: 1.4;
  -webkit-animation: aniToggleFadeText linear 5s infinite;
          animation: aniToggleFadeText linear 5s infinite;
}
.fade-toggle .fade-toggle__text.fade-toggle__text--after {
  opacity: 0;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.fade-toggle .fade-toggle__text.fade-toggle__text--short {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fade-toggle.fade-toggle--triple .fade-toggle__text {
  -webkit-animation-name: aniToggleFadeTextTriple;
          animation-name: aniToggleFadeTextTriple;
  -webkit-animation-duration: 7.5s;
          animation-duration: 7.5s;
}
.fade-toggle.fade-toggle--triple .fade-toggle__text.fade-toggle__text--middle {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  opacity: 0;
}
.fade-toggle.fade-toggle--triple .fade-toggle__text.fade-toggle__text--after {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  opacity: 0;
}

.buy.buy-new .s-carmd-info .s-newcar-info {
  position: relative;
  min-height: auto;
  background: url("../images/common/noimage.jpg") center/contain no-repeat #f8f8f8;
}

.finance-link {
  display: block;
  text-decoration: none;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  padding: 26px 20px;
  color: inherit;
}
.finance-link .finance-link__desc {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  color: #888;
  font-weight: 500;
  line-height: 1.4;
}
.finance-link .finance-link__desc img {
  margin-bottom: 10px;
}
.finance-link .finance-link__tit {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.finance-link .finance-link__added {
  margin-top: 20px;
}

div.graph-list {
  padding: 16px;
}

.graph-list {
  background: #f6f8f9;
  padding: 16px 16px 24px;
  border-radius: 12px;
  text-align: left;
  font-family: inherit;
}
.graph-list.ready .graph-gauge {
  width: 0 !important;
}
.graph-list.screenon .graph-gauge.type-end {
  opacity: 1;
}
.graph-list.screenon .graph-gauge.type-endless {
  width: 100%;
}
.graph-list.screenon .graph-gauge .balloon-area {
  opacity: 1;
  -webkit-transform: translateX(40%) scale(0.8);
      -ms-transform: translateX(40%) scale(0.8);
          transform: translateX(40%) scale(0.8);
}
.graph-list > div {
  margin-top: 32px;
}
.graph-list > div:first-child {
  margin-top: 0;
}
.graph-list > div:after {
  display: block;
  clear: both;
  content: "";
}
.graph-list > div:nth-of-type(1) .graph-gauge {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.graph-list > div:nth-of-type(1) .graph-gauge .balloon-area {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.graph-list > div:nth-of-type(2) .graph-gauge {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.graph-list > div:nth-of-type(2) .graph-gauge .balloon-area {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.graph-list > div:nth-of-type(3) .graph-gauge {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.graph-list > div:nth-of-type(3) .graph-gauge .balloon-area {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.graph-list > div:nth-of-type(4) .graph-gauge {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.graph-list > div:nth-of-type(4) .graph-gauge .balloon-area {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.graph-list > div:nth-of-type(5) .graph-gauge {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.graph-list > div:nth-of-type(5) .graph-gauge .balloon-area {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}
.graph-list dt, .graph-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .graph-list dd {
  float: left;
  width: 50px;
  font-size: 16px;
  font-weight: 700;
}
.graph-list dd {
  float: left;
  width: calc(100% - 50px);
  margin-top: 5px;
  position: relative;
}
.graph-list .graph-subject {
  margin-bottom: 10px;
}
.graph-list .graph-subject dt, .graph-list .graph-subject .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .graph-list .graph-subject dd {
  float: none;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
}
.graph-list .graph-item {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #eee;
}
.graph-list .graph-gauge {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 0;
  -webkit-transition: width ease-in-out 1.5s;
  transition: width ease-in-out 1.5s;
  border-radius: 4px;
  background: #fc0;
}
.graph-list .graph-gauge.type-end {
  background: #aaa;
  left: auto;
  right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 1.5s;
  transition: opacity ease-in-out 1.5s;
}
.graph-list .graph-gauge.type-endless {
  background: #2589ff;
}
.graph-list .graph-gauge .balloon-area {
  bottom: 100%;
  right: 0;
  margin: 0 0 0 0;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(5px) translateX(40%) scale(0.8);
      -ms-transform: translateY(5px) translateX(40%) scale(0.8);
          transform: translateY(5px) translateX(40%) scale(0.8);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: opacity ease-in-out 0.4s 1.3s, -webkit-transform ease-in-out 0.4s 1.3s;
  transition: opacity ease-in-out 0.4s 1.3s, -webkit-transform ease-in-out 0.4s 1.3s;
  transition: opacity ease-in-out 0.4s 1.3s, transform ease-in-out 0.4s 1.3s;
  transition: opacity ease-in-out 0.4s 1.3s, transform ease-in-out 0.4s 1.3s, -webkit-transform ease-in-out 0.4s 1.3s;
}
.graph-list .graph-data {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 8px;
  display: inline-block;
  background: #fff;
  font-size: 12px;
  color: #222;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 0 8px;
}
.graph-list.size-s > div {
  margin-top: 14px;
}
.graph-list.size-s > div:first-child {
  margin-top: 0;
}
.graph-list.size-s dt, .graph-list.size-s .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .graph-list.size-s dd {
  font-size: 12px;
}

.dialog-wrap.buy-leakage .scroll-wrap {
  max-height: calc(100vh - 300px);
  margin-left: -11px;
  margin-right: -11px;
}
.dialog-wrap.buy-leakage .alert-tit {
  margin: 0 0 4px;
}

.dialog-wrap.buy-leakage2 {
  margin-top: 46px !important;
}
.dialog-wrap.buy-leakage2 .scroll-wrap {
  max-height: calc(85vh - 230px);
  overflow: auto;
  padding-bottom: 15px;
}
.dialog-wrap.buy-leakage2 .dialog__foot {
  margin-top: 0 !important;
}
.dialog-wrap.buy-leakage2 .alert-header-visual {
  height: 120px;
  margin-top: -70px;
}
.dialog-wrap.buy-leakage2 .dialog__btn-close--outer {
  margin-bottom: 40px;
}
.dialog-wrap.buy-leakage2 .dialog__btn-additional {
  margin-bottom: 43px;
}

.layer-pop-btm.buy-leakage {
  overflow: visible;
  background: none;
  height: 100%;
}
.layer-pop-btm.buy-leakage .alert-tit {
  margin: 0 0 4px;
}
.layer-pop-btm.buy-leakage .alert-tit > .txt {
  margin-top: 0 !important;
}
.layer-pop-btm.buy-leakage .dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  padding: 0 !important;
}
.layer-pop-btm.buy-leakage .dialog__body .tit-pop {
  position: absolute;
  right: 0;
  top: 44px;
  margin-top: 20px;
}
.layer-pop-btm.buy-leakage .dialog__body .tit-pop .btn-close {
  right: 0;
}
.layer-pop-btm.buy-leakage .dialog__body .alert-header-visual {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.layer-pop-btm.buy-leakage .dialog__body .alert-header-visual img {
  z-index: 0;
  right: 0;
  margin: 0 auto;
}
.layer-pop-btm.buy-leakage .dialog__body .alert-header-visual:after {
  z-index: -1;
  position: absolute;
  left: -16px;
  right: -16px;
  bottom: 0;
  display: block;
  height: 68px;
  border-radius: 24px 24px 0 0;
  background-color: #fff;
  content: "";
}
.layer-pop-btm.buy-leakage .dialog__body .scroll-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  background: #fff;
  margin: -65px -16px 0;
  padding: 68px 16px 100px;
  border-radius: 24px 24px 0 0;
  max-height: calc(100% - 120px);
}
.layer-pop-btm.buy-leakage .alert-header-visual {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.alert-header-visual {
  position: relative;
  width: 250px;
  height: 137px;
  text-align: center;
  margin: -82px auto 0;
}
.alert-header-visual img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  height: 100%;
  -webkit-animation: aniShowHeaderCar ease-in-out 0.8s both 0.2s;
          animation: aniShowHeaderCar ease-in-out 0.8s both 0.2s;
}
@-webkit-keyframes aniShowHeaderCar {
  0% {
    opacity: 0;
    -webkit-transform: translate(45%, -10%);
            transform: translate(45%, -10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniShowHeaderCar {
  0% {
    opacity: 0;
    -webkit-transform: translate(45%, -10%);
            transform: translate(45%, -10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

/* icon
=================== */
.icon-arrow-right-black {
  background: url("../images/sub/icon16_arrow_right_black.svg") no-repeat center/contain;
}

.icon12.icon-arrow-right-black {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE1OTMyIDIuMTM5MjhDMy45NTEzIDIgMy45NDYzNCAyLjY0MTE4IDQuMTQ4MjQgMi44MzY2Mkw3LjUxNTE3IDYuMDk1NzBMNC4xNTk1IDkuMTUyODJDMy45NTEzOCA5LjM0MjQyIDMuOTQ2MjYgOS42NTQ2MyA0LjE0ODA4IDkuODUwMTVDNC4zNDk4OSAxMC4wNDUgNC42ODIyIDEwLjA1MDUgNC44OTAzMiA5Ljg2MDg4TDkgNi4xMTY4NEw0LjkwMTU3IDIuMTQ5NjhDNC42OTk2NiAxLjk1NDI0IDQuMzY3MzUgMS45NDk1OCA0LjE1OTMyIDIuMTM5MjhaIiBmaWxsPSIjMjIyMjIyIi8+Cjwvc3ZnPg==") no-repeat center/contain;
}

.icon-arrow-right-gray {
  background: url("../images/sub/icon16_arrow_right_gray.svg") no-repeat center/contain;
}

.icon-plus-bold {
  background: url("../images/sub/icon24-plus-bold.svg") no-repeat center/contain;
}

.icon24, .new-content-body .icon24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon16, .type-mydata .inp-box .ico-confirm:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
}

.icon-plus {
  background-image: url("../images/common/icon32-plus.svg");
}

.link-more-box {
  display: block;
  background: #f6f8f9;
  border-radius: 12px;
  text-align: left;
  padding: 18px 20px;
  font-size: 0;
  margin-top: 10px;
}
.link-more-box .link-more-box__icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fc0;
  line-height: 40px;
  text-align: center;
}
.link-more-box .link-more-box__cont {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
  padding-left: 12px;
  color: #222;
  text-decoration: none;
}
.link-more-box .link-more-box__cont > strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.link-more-box .link-more-box__cont > span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
}

.icon-emoji-thinking {
  background-image: url("../images/sub/emoji_thinking.png");
  background-size: 2.4rem;
  margin-top: -4px;
}

.icon-emoji-smile {
  background-image: url("../images/sub/emoji_smile.png");
  background-size: 2.4rem;
  margin-top: -4px;
}

@-webkit-keyframes aniToggleFadeText {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes aniToggleFadeText {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes aniToggleFadeTextTriple {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniToggleFadeTextTriple {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.banner-direct-insurance {
  margin-bottom: 40px;
}
.banner-direct-insurance .inner-link {
  display: block;
  border-radius: 14px;
  background: url("../images/sub/banner-direct-insurance.png") right 16px center/123px auto no-repeat #f9fbff;
  padding: 16px 160px 16px 16px;
}
.banner-direct-insurance .inner-tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.banner-direct-insurance .inner-desc {
  display: block;
  font-size: 14px;
}

.tooltip.tp03 {
  margin: 0;
  vertical-align: middle;
  margin: -2px 0 0;
}
.tooltip.tp03 .tip-tit {
  margin: 0;
  vertical-align: middle;
  position: relative;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_tooltip.svg") center/20px auto no-repeat;
}
.tooltip.tp03 .tip-tit:after {
  display: none;
}
.tooltip.tp03 .tip-con {
  width: 50vw;
}
.tooltip.tp03 .tip-con.ps-bottom {
  top: 100%;
  left: 0;
  margin-top: 5px;
}
.tooltip.tp03 .tip-con:after {
  display: none;
}
.tooltip.tp03 .tip-con .sub {
  display: inline-block;
  background: #fff;
  color: #666;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.tooltip.tp03 .tip-con .tip-close {
  left: auto;
  top: 8px;
  right: 8px;
}
.tooltip.tp03 .tip-con .tip-close:after {
  background: url("../images/sub/btn_busy_diag.png") center/contain no-repeat;
}

.banner-send-car {
  display: block;
  background: url("../images/sub/banner-send-car.png") center/auto 100% no-repeat #434c53;
  width: 100%;
  padding: 1.2rem 1rem 1rem;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.banner-send-car strong {
  color: #ff744f;
}

.banner-kbcare {
  z-index: 2;
  position: relative;
  margin: -22px -16px 22px;
  word-break: break-all;
}
.banner-kbcare .banner-kbcare__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16px;
  background: #434c53;
  color: #fff;
  padding: 20px 16px 16px 16px;
  min-height: 46px;
  -webkit-transition: margin ease-in-out 0.25s, border-radius ease-in-out 0.25s;
  transition: margin ease-in-out 0.25s, border-radius ease-in-out 0.25s;
}
.banner-kbcare .banner-kbcare__header-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 73px;
  height: 26px;
  background: url("../images/sub/banner-kbcare.svg") 0 center/contain no-repeat;
}
.banner-kbcare .banner-kbcare__header-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  line-height: 1.4;
}
.banner-kbcare .banner-kbcare__header-cont > strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.banner-kbcare .banner-kbcare__header-tags {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 -1px;
}
.banner-kbcare .banner-kbcare__header-tags > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-weight: 700;
  border-radius: 7px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #fff;
  padding: 0 5px;
  margin: 0 1px;
}
.banner-kbcare .banner-kbcare__header-tags > span.disabled {
  opacity: 0.2;
}
.banner-kbcare .banner-kbcare__body {
  z-index: 2;
  position: relative;
  display: none;
  background: #fff;
  padding: 0 16px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
}
.banner-kbcare .banner-kbcare__body-row {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px 0;
}
.banner-kbcare .banner-kbcare__body-row .btn-round {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.banner-kbcare .banner-kbcare__body-row:first-child {
  border-top: 0;
}
.banner-kbcare .banner-kbcare__category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 10px;
  margin-right: 12px;
}
.banner-kbcare .banner-kbcare__category > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 700;
  color: #1e1eff;
  border: 1px solid #8b8bff;
  background: #ececff;
  border-radius: 10px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  text-align: left;
}
.banner-kbcare .banner-kbcare__category.banner-kbcare__category--refund > span {
  color: #0075ff;
  border-color: #0075ff;
  background: #e0f0ff;
}
.banner-kbcare .banner-kbcare__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.banner-kbcare .banner-kbcare__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
}
.banner-kbcare .banner-kbcare__desc {
  font-size: 14px;
  font-weight: 300;
}
.banner-kbcare .banner-kbcare__cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.banner-kbcare .banner-kbcare__cost > del,
.banner-kbcare .banner-kbcare__cost > strong {
  display: inline-block;
  vertical-align: middle;
}
.banner-kbcare .banner-kbcare__cost .join-fee {
  margin-right: 4px;
  font-size: 12px;
  font-weight: 700;
}
.banner-kbcare .banner-kbcare__discount {
  color: #888;
  margin-right: 4px;
}
.banner-kbcare .banner-kbcare__additional {
  display: inline-block;
  background: #f8f8f8;
  padding: 5px 10px 3px;
  border-radius: 12px;
  font-size: 10px;
  color: #222;
  margin-top: 10px;
  font-weight: 500;
}
.banner-kbcare .banner-kbcare__additional .icon-plcc {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("../images/sub/icon-plcc.svg") center/contain no-repeat;
  margin: -2px 4px 0 0;
}
.banner-kbcare .banner-kbcare__additional span {
  font: inherit;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__header {
  margin: 0;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__header-tags {
  display: none;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__body {
  padding-bottom: 16px;
  background: #f8f8f8;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__body .banner-kbcare__body-row {
  margin-top: 8px;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__body .banner-kbcare__body-row:first-child {
  margin-top: 0;
}
.banner-kbcare.banner-kbcare--open .banner-kbcare__body .desc {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #888888;
}

.txt-sale {
  text-decoration: line-through;
}

.cost-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
  text-align: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cost-data .cost-data__tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 14px;
  color: #666;
  margin-right: 10px;
}
.cost-data .cost-data__tit.size-l {
  font-size: 16px;
}
.cost-data .cost-data__cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  color: #222;
}
.cost-data .cost-data__cont > span,
.cost-data .cost-data__cont > strong {
  font: inherit;
  vertical-align: middle;
}
.cost-data .cost-data__cont > strong {
  font-weight: 700;
  color: #222;
}
.cost-data .cost-data__cont .txt-large {
  font-size: 20px;
}
.cost-data .cost-data__cont .txt-sale {
  font-size: 16px;
  margin-right: 4px;
  color: #888;
}
.cost-data .cost-data__cont .txt-sale.size-s {
  font-size: 14px;
}
.cost-data .cost-data__added {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  padding-left: 10px;
}
.cost-data .cost-data__added:before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  content: "";
}
.cost-data .cost-data__added .txt-highlight:before {
  height: 2px;
}
.cost-data.cost-data--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cost-data.cost-data--center .cost-data__cont {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.scroll-fixed.type-new {
  z-index: 99;
  -webkit-transition: none;
  transition: none;
  padding: 0;
}

.btn-txt-util {
  position: relative;
  display: inline-block;
  padding: 0;
  background: none;
  border: none;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
}
.btn-txt-util:first-child {
  margin-left: 0;
}
.btn-txt-util .icon16, .btn-txt-util .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .btn-txt-util .ico-confirm:after {
  margin: 0 2px 0 0;
}
.btn-txt-util > span {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  color: #222;
}
.btn-txt-util.size-l {
  line-height: 44px;
  height: 44px;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
.btn-txt-util.size-l .icon24 {
  margin-right: 8px;
}
.btn-txt-util.size-l span {
  display: inline-block;
  font: inherit;
  vertical-align: middle;
}
.btn-txt-util.btn-txt-util--active > span {
  font-weight: 700;
}

.icon-time {
  background: url("../images/sub/icon16-time.svg") center/contain no-repeat;
}

.icon-compare {
  background: url("../images/sub/sp-icon16-compare.svg") 0 0/16px auto no-repeat;
}

.icon-like {
  background: url("../images/sub/sp-icon16-like.svg") 0 0/16px auto no-repeat;
}

.icon-sort {
  background: url("../images/sub/icon16-sort.svg") center/contain no-repeat;
}

.icon-sort-bold {
  background: url("../images/sub/icon24-sort.svg") center/contain no-repeat;
}

.icon-sort-bold {
  background: url("../images/sub/icon24-sort.svg") center/contain no-repeat;
}
.active .icon-sort-bold {
  background-image: url("../images/sub/icon24-sort-yellow.svg");
}

.filter-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 52px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  padding: 8px 0;
  font-size: 0;
}
.filter-bar:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0));
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  content: "";
}
.filter-bar .filter-bar__cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  padding: 0 0 0 16px;
  font-size: 0;
}
.filter-bar .filter-bar__txt {
  display: inline-block;
  padding: 12px 0 10px;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
}
.filter-bar .filter-bar__util {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  padding: 0 16px 0 0;
  white-space: nowrap;
}
.filter-bar .btn-txt-util {
  position: relative;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
}
.filter-bar .btn-txt-util:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 30px;
  background: #eee;
  margin: -15px 0 0;
  content: "";
}
.filter-bar .btn-txt-util:first-of-type {
  padding-left: 0 !important;
}
.filter-bar .btn-txt-util:last-of-type {
  padding-right: 0 !important;
}
.filter-bar .btn-txt-util:last-of-type:after {
  display: none;
}
.filter-bar.filter-bar--size-s .btn-txt-util {
  padding: 0 8px;
}
.filter-bar .num-alert {
  margin: -0.2rem 0 0 0.3rem;
}

.dropmenu-area {
  position: relative !important;
}

.dropmenu-toggle {
  top: 100%;
  right: 0;
  position: absolute;
  border-radius: 12px;
  width: 180px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 0;
  opacity: 0;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.dropmenu-toggle.active {
  z-index: 99;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.dropmenu-list > li {
  border-top: 1px solid #eee;
}
.dropmenu-list > li:first-child {
  border-top: 0;
}
.dropmenu-list .dropmenu-btn {
  display: block;
  text-align: left;
  padding: 12px 16px;
  font-size: 16px;
  text-decoration: none;
  color: #222;
  white-space: normal;
  word-break: break-all;
  letter-spacing: -0.05em;
}
.dropmenu-list .dropmenu-btn > .icon16, .dropmenu-list .type-mydata .inp-box .dropmenu-btn > .ico-confirm:after, .type-mydata .inp-box .dropmenu-list .dropmenu-btn > .ico-confirm:after {
  margin-right: 4px;
}
.dropmenu-list .dropmenu-btn > span {
  vertical-align: middle;
  font: inherit;
}
.dropmenu-list .dropmenu-btn.form-radio, .dropmenu-list .dropmenu-btn.form-checkbox {
  padding-left: 52px;
}
.dropmenu-list .dropmenu-btn.form-radio .txt, .dropmenu-list .dropmenu-btn.form-checkbox .txt {
  margin-left: 0;
}
.dropmenu-list .dropmenu-btn.form-radio .icon, .dropmenu-list .dropmenu-btn.form-checkbox .icon {
  top: 50%;
  margin-top: -12px;
  left: 20px;
}

/* _radio.scss
  =============== */
/* 라디오 */
.form-radio {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  min-height: 24px;
  font-size: 0;
  vertical-align: middle;
}
.form-radio input, .form-radio .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .form-radio .ico-confirm, .form-radio .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .form-radio .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-radio input:checked ~ .icon, .form-radio .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-radio .ico-confirm:checked ~ .icon, .form-radio .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-radio .ico-confirm:checked ~ .icon {
  border: 0;
  background-image: url("../images/common/icon-radio-on.svg");
}
.form-radio input:checked ~ .icon:before, .form-radio .new-content-body .inp-box .ico-confirm:checked ~ .icon:before, .new-content-body .inp-box .form-radio .ico-confirm:checked ~ .icon:before, .form-radio .type-mydata .inp-box .ico-confirm:checked ~ .icon:before, .type-mydata .inp-box .form-radio .ico-confirm:checked ~ .icon:before {
  background: #ffcc00;
}
.form-radio input[disabled] ~ .icon, .form-radio .new-content-body .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-radio [disabled].ico-confirm ~ .icon, .form-radio .type-mydata .inp-box [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .form-radio [disabled].ico-confirm ~ .icon, .form-radio input:disabled ~ .icon, .form-radio .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .icon, .form-radio .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-radio .ico-confirm:disabled ~ .icon {
  border: 1px solid #ddd;
  background: #f8f8f8;
}
.form-radio input[disabled] ~ .icon:before, .form-radio .new-content-body .inp-box [disabled].ico-confirm ~ .icon:before, .new-content-body .inp-box .form-radio [disabled].ico-confirm ~ .icon:before, .form-radio .type-mydata .inp-box [disabled].ico-confirm ~ .icon:before, .type-mydata .inp-box .form-radio [disabled].ico-confirm ~ .icon:before, .form-radio input:disabled ~ .icon:before, .form-radio .new-content-body .inp-box .ico-confirm:disabled ~ .icon:before, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .icon:before, .form-radio .type-mydata .inp-box .ico-confirm:disabled ~ .icon:before, .type-mydata .inp-box .form-radio .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-radio input:checked[disabled] ~ .icon, .form-radio .new-content-body .inp-box .ico-confirm:checked[disabled] ~ .icon, .new-content-body .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon, .form-radio .type-mydata .inp-box .ico-confirm:checked[disabled] ~ .icon, .type-mydata .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon, .form-radio input:checked:disabled ~ .icon, .form-radio .new-content-body .inp-box .ico-confirm:checked:disabled ~ .icon, .new-content-body .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon, .form-radio .type-mydata .inp-box .ico-confirm:checked:disabled ~ .icon, .type-mydata .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon {
  border-width: 2px;
}
.form-radio input:checked[disabled] ~ .icon:before, .form-radio .new-content-body .inp-box .ico-confirm:checked[disabled] ~ .icon:before, .new-content-body .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon:before, .form-radio .type-mydata .inp-box .ico-confirm:checked[disabled] ~ .icon:before, .type-mydata .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon:before, .form-radio input:checked:disabled ~ .icon:before, .form-radio .new-content-body .inp-box .ico-confirm:checked:disabled ~ .icon:before, .new-content-body .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon:before, .form-radio .type-mydata .inp-box .ico-confirm:checked:disabled ~ .icon:before, .type-mydata .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon:before {
  display: block;
  background: #ddd;
}
.form-radio .icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/common/icon-radio-off.svg") center/contain no-repeat #fff;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0.1rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.form-radio .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form-radio .txt {
  display: inline-block;
  font-size: 16px;
  color: #222;
  margin-left: 8px;
  margin-top: 2px;
  line-height: 24px;
  vertical-align: middle;
}
.form-radio .txt small {
  font-size: 14px;
  vertical-align: middle;
}
.form-radio .txt .new-tag {
  margin: -0.3rem 0 0 0.3rem;
}
.form-radio .txt-sub {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-top: 4px;
}
.form-radio input:disabled ~ .txt, .form-radio .new-content-body .inp-box .ico-confirm:disabled ~ .txt, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .txt, .form-radio .type-mydata .inp-box .ico-confirm:disabled ~ .txt, .type-mydata .inp-box .form-radio .ico-confirm:disabled ~ .txt {
  color: #aaa !important;
}
.form-radio input:disabled ~ .txt .txt-sub, .form-radio .new-content-body .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .txt .txt-sub, .form-radio .type-mydata .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .type-mydata .inp-box .form-radio .ico-confirm:disabled ~ .txt .txt-sub {
  color: #aaa !important;
}
.form-radio input:checked ~ .txt .txt-highlight-sm, .form-radio .new-content-body .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm, .new-content-body .inp-box .form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm, .form-radio .type-mydata .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm, .type-mydata .inp-box .form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm {
  font-weight: 700;
}
.form-radio input:checked ~ .txt .txt-highlight-sm:before, .form-radio .new-content-body .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .new-content-body .inp-box .form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .form-radio .type-mydata .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .type-mydata .inp-box .form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm:before {
  display: block;
}
.form-radio input:checked ~ .balloon-box, .form-radio .new-content-body .inp-box .ico-confirm:checked ~ .balloon-box, .new-content-body .inp-box .form-radio .ico-confirm:checked ~ .balloon-box, .form-radio .type-mydata .inp-box .ico-confirm:checked ~ .balloon-box, .type-mydata .inp-box .form-radio .ico-confirm:checked ~ .balloon-box {
  display: block;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.form-radio.type-check input:checked ~ .icon, .form-radio.type-check .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon, .form-radio.type-check .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon {
  border-color: #ffcc00;
  background: #fc0;
}
.form-radio.type-check input:checked ~ .icon:before, .form-radio.type-check .new-content-body .inp-box .ico-confirm:checked ~ .icon:before, .new-content-body .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon:before, .form-radio.type-check .type-mydata .inp-box .ico-confirm:checked ~ .icon:before, .type-mydata .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.form-radio.type-check .icon {
  border: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-radio.type-check .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url("../images/common/icon-check-black.svg") no-repeat !important;
  background-size: cover !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.form-radio.size-xs {
  padding-left: 18px;
  min-height: 23px;
}
.form-radio.size-xs .icon {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.form-radio.size-xs .txt {
  color: #666;
  font-size: 14px;
  margin-top: 3px;
  color: #222;
}
.form-radio.is-all .txt {
  font-weight: 700;
}
.form-radio .txt-highlight-sm {
  font-weight: 400;
}
.form-radio .txt-highlight-sm:before {
  display: none;
}
.form-radio .balloon-box {
  position: absolute;
  white-space: nowrap;
  bottom: 100%;
  left: 0;
  margin-bottom: 5px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.form-radio .balloon-box:before {
  right: auto;
  left: 55%;
}
.form-radio .balloon-box.ps-right {
  left: auto;
  right: 0;
}
.form-radio.size-l {
  min-height: 28px;
}
.form-radio.size-l .icon {
  top: 2px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.form-radio.size-l .txt {
  line-height: 1.4;
  font-size: 18px;
  font-weight: 700;
  color: #666;
  font-weight: 400;
}
.form-radio.size-l input:checked ~ .txt, .form-radio.size-l .new-content-body .inp-box .ico-confirm:checked ~ .txt, .new-content-body .inp-box .form-radio.size-l .ico-confirm:checked ~ .txt, .form-radio.size-l .type-mydata .inp-box .ico-confirm:checked ~ .txt, .type-mydata .inp-box .form-radio.size-l .ico-confirm:checked ~ .txt {
  color: #222;
  font-weight: 700;
}

.data-list2 {
  display: table;
  width: 100%;
  margin-top: 4rem;
}
.data-list2 > div {
  display: table-row;
}
.data-list2 > div:first-child {
  padding-top: 0;
}
.data-list2 > div.divide dt, .data-list2 > div.divide .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .data-list2 > div.divide dd {
  padding-top: 3.3rem;
}
.data-list2 > div.divide dd {
  padding-top: 3.2rem;
}
.data-list2 > div > dt, .dealer-detail .data-list2.dealer-detail__status > div > dd {
  display: table-cell;
  width: 20%;
  vertical-align: top;
  padding-top: 1.5rem;
  padding-right: 1rem;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list2 > div > dt .skeleton-loading, .dealer-detail .data-list2.dealer-detail__status > div > dd .skeleton-loading {
  height: 1.4rem;
  margin-right: 2.5rem;
  margin-top: 0.1rem;
}
.data-list2 > div > dt .skeleton-loading:before, .dealer-detail .data-list2.dealer-detail__status > div > dd .skeleton-loading:before {
  background: #f8f8f8;
}
.data-list2 > div > dd {
  display: table-cell;
  padding-top: 1.4rem;
  text-align: left;
  font-weight: 400;
  word-break: break-all;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.data-list2 > div > dd .skeleton-loading {
  width: 19rem;
}
.data-list2 > div .info-desc {
  display: block;
  margin-top: 0.8rem;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list2 > div .info-desc + .info-desc {
  margin-top: 0.2rem;
}
.data-list2.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.data-list2.col2::after {
  display: block;
  clear: both;
  content: "";
}
.data-list2.col2 > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}
.data-list2.col2 > div > dd {
  padding-right: 0.5rem;
}
.data-list2.type-bg {
  padding: 12px 20px 16px;
  border-radius: 12px;
  margin: 0;
  background: #f6f8f9;
}
.data-list2.type-bg dt, .data-list2.type-bg .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .data-list2.type-bg dd {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.data-list2.size-s > div {
  margin-top: 6px;
}
.data-list2.size-s dt, .data-list2.size-s .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .data-list2.size-s dd {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  white-space: normal;
  width: auto;
  padding-top: 6px;
}
.data-list2.size-s dd {
  font-size: 14px;
  color: #888;
  padding-top: 6px;
  font-weight: 400;
}

.data-total > div {
  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;
}
.data-total > div > dt, .dealer-detail .data-total.dealer-detail__status > div > dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.data-total > div > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.data-total > div .tit {
  display: inline-block;
  border-radius: 12px;
  background: #222;
  color: #fff;
  padding: 2px 10px;
  vertical-align: middle;
}
.data-total > div .tit span {
  display: inline-block;
  vertical-align: middle;
}
.data-total > div .num {
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  font-weight: 700;
  color: #222;
}
.data-total > div .unit {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.buy.search-new {
  background: #fff;
}
.buy.search-new .visualImage,
.buy.search-new .theme-top {
  padding-bottom: 0;
}
.buy.search-new .s-section {
  margin: 32px 0 0;
  padding-top: 16px;
  padding-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 8px solid #f8f8f8;
  border-radius: 0;
}
.buy.search-new .s-section:first-child, .buy.search-new .s-section:first-of-type {
  border-top: 0;
  margin-top: 0;
}
.buy.search-new .theme-item__image-block,
.buy.search-new .direct-bnr {
  font-size: 0;
}
.buy.search-new .theme-banner--in-list {
  margin: 32px 0;
}
.buy.search-new .certify-usedcar:first-child,
.buy.search-new .direct-bnr:first-child {
  margin-top: 0 !important;
}
.buy.search-new .theme-top + .s-section {
  padding-top: 32px;
}
.buy.search-new .result-box {
  padding: 14rem 0;
  text-align: center;
}
.buy.search-new .result-box .icon-nodata {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  vertical-align: middle;
  background: url(../images/sub/icon48-nodata.svg) no-repeat center/contain;
}
.buy.search-new .result-box .txt {
  margin-top: 1.2rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.buy.search-new .result-box .btn-wrap {
  margin-top: 2.4rem;
}
.buy.search-new .result-box .btn-wrap .btn {
  display: block;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  width: 100%;
  border-radius: 1.2rem;
  text-align: center;
  border: 1px solid #ffcc00;
  background: #ffcc00;
}
.buy.search-new .result-box .btn-wrap::after {
  display: none;
}
.buy.search-new .conditions-info-box {
  z-index: 10;
  position: fixed;
  top: 10rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.buy.search-new .conditions-info-box .inner {
  padding: 0.7rem 1.6rem;
  border-radius: 10rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #222;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.0784313725);
}
.buy.search-new .conditions-info-box .inner em {
  margin-right: 0.1rem;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}
.buy.search-new .conditions-info-box .tooltip {
  position: relative;
  display: inline-block;
  margin-left: 0.1rem;
  margin-top: -0.1rem;
  vertical-align: top;
}
.buy.search-new .conditions-info-box .tooltip .tip-tit {
  border: none;
  background: none;
}
.buy.search-new .conditions-info-box .tooltip .tip-con {
  position: absolute;
  padding: 1.6rem 4rem 1.6rem 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.04);
          box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.04);
  z-index: 10;
}
.buy.search-new .conditions-info-box .tooltip .tip-con .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.buy.search-new .conditions-info-box .tooltip .tip-con .tip-close {
  position: absolute;
  top: 1.6rem;
  right: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/sub/icon-close-gray.svg) no-repeat center/contain;
  outline: none;
  border: 0;
}
.buy.search-new .conditions-info-box .tooltip .tip-con .tip-close::after {
  display: none;
}
.buy.search-new .conditions-info-box .tooltip .tip-con.ps-center-right {
  right: 50%;
  -webkit-transform: translate(7.8rem, 1rem);
      -ms-transform: translate(7.8rem, 1rem);
          transform: translate(7.8rem, 1rem);
}
.buy.search-new .conditions-info-box .tooltip .tip-con::after {
  display: none;
}

.bottom-divide {
  margin-top: 2.3rem;
  padding-top: 2.5rem;
  border-top: 0.1rem solid #eee;
}
.bottom-divide .txt-benefit {
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.036rem;
  text-align: center;
  color: #222;
}
.bottom-divide .txt-benefit .highlight {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.5;
}
.bottom-divide .txt-benefit .highlight::before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -0.2rem;
  right: -0.2rem;
  display: block;
  content: "";
  height: 0.8rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 204, 0, 0.38)));
  background: linear-gradient(180deg, rgba(255, 204, 0, 0.38) 50%);
}

.visit-reward {
  padding-bottom: 2.7rem;
}
.visit-reward .visit-txt {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.036rem;
  color: #222;
}
.visit-reward .reward-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
  font-size: 0;
  text-align: center;
}
.visit-reward .reward-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  width: 120px;
  height: 120px;
  font-size: 0;
  border-radius: 50%;
  background: rgba(170, 170, 170, 0.1);
}
.visit-reward .reward-list li:nth-child(2) {
  margin: 0 -2rem;
}
.visit-reward .reward-list li .icon {
  display: inline-block;
  height: 3.7rem;
}
.visit-reward .reward-list li .icon.is-step {
  width: 3.4rem;
  background: url("../images/sub/icon_reward_step.svg") no-repeat 50% 50%;
  background-size: 3.4rem;
}
.visit-reward .reward-list li .icon.is-care {
  width: 4rem;
  height: 4rem;
  background: url("../images/sub/icon_reward_care.svg?202309") center/contain no-repeat;
}
.visit-reward .reward-list li .icon.is-price {
  width: 3.2rem;
  background: url("../images/sub/icon_reward_price.svg") no-repeat 50% 50%;
  background-size: 3.2rem;
}
.visit-reward .reward-list li span {
  display: block;
  margin-top: 0.7rem;
  font-size: 1.4rem;
  line-height: 1.86;
  letter-spacing: -0.031rem;
  text-align: center;
  color: #222;
}

.txt-desc {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #888;
}

.txt-emoji {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: -1px 4px 0 0;
}

.data-between {
  display: table;
  width: 100%;
}
.data-between > div {
  display: table-row;
  word-break: break-all;
  white-space: normal;
}
.data-between > div > dt, .dealer-detail .data-between.dealer-detail__status > div > dd {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  padding: 8px 8px 8px 0;
  font-size: 16px;
  font-weight: 400;
  color: #888;
}
.data-between > div > dd {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  text-align: right;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.data-between > div.inner-divide > dt:before,
.data-between > div.inner-divide > dd:before {
  display: block;
  width: 100%;
  height: 1px;
  background: #eee;
  margin-bottom: 16px;
  content: "";
}

.checkbox-list > li {
  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;
  min-height: 40px;
  margin-top: 8px;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 12px 15px 11px;
}
.checkbox-list > li > .icon20 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 10px;
}
.checkbox-list > li > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  letter-spacing: -0.05em;
  font-weight: 500;
}
.checkbox-list > li:first-child {
  margin-top: 0;
}

.icon-calendar {
  background-image: url("../images/sub/icon-calendar.svg");
}

.icon-seller {
  background-image: url("../images/sub/icon-seller.svg");
}

.icon-talk {
  background-image: url("../images/sub/icon-talk.svg");
}

.icon-touch {
  background-image: url("../images/sub/icon-touch.svg");
}

.service-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.service-step > li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding-left: 16px;
}
.service-step > li:before {
  position: absolute;
  top: 32px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon16-arrow-right-black.svg") center/contain no-repeat;
  content: "";
}
.service-step > li:first-child {
  padding-left: 0;
}
.service-step > li:first-child:before {
  display: none;
}
.service-step .service-step__icon {
  background: #f7f7f7;
  border-radius: 50%;
  width: 74px;
  height: 74px;
  margin-bottom: 10px;
  line-height: 74px;
}
.service-step .service-step__cont {
  font-size: 14px;
  color: #666;
  line-height: 1.2em;
}

.intro-visual {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa4c6), to(#ff9db0));
  background: linear-gradient(to bottom, #ffa4c6, #ff9db0);
  text-align: center;
  padding: 32px 16px;
}
.layer-pop-btm .intro-visual {
  margin-left: -16px;
  margin-right: -16px;
}
.intro-visual .intro-visual__desc {
  font-size: 18px;
  color: #222;
  margin-bottom: 6px;
}
.intro-visual .intro-visual__tit {
  font-size: 24px;
}

.intro-visual-ew {
  position: relative;
  width: 250px;
  height: 240px;
  margin: 10px auto 0;
}
.intro-visual-ew .intro-visual-ew__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt1 {
  background-image: url("../images/sub/friend-ew-visual-bolt1.png?ver=202309");
  -webkit-animation: springBolt1 ease-in-out 0.4s 0.3s both;
          animation: springBolt1 ease-in-out 0.4s 0.3s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt2 {
  background-image: url("../images/sub/friend-ew-visual-bolt2.png?ver=202309");
  -webkit-animation: springBolt2 ease-in-out 0.4s 0.35s both;
          animation: springBolt2 ease-in-out 0.4s 0.35s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--car {
  background-image: url("../images/sub/friend-ew-visual-car.png?ver=202309");
  -webkit-animation: ewCarShow ease-in-out 1s 0.3s both;
          animation: ewCarShow ease-in-out 1s 0.3s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--hand {
  background-image: url("../images/sub/friend-ew-visual-hand.png?ver=202309");
  -webkit-animation: ewHandShow ease-in-out 0.4s 0.7s both;
          animation: ewHandShow ease-in-out 0.4s 0.7s both;
}
@-webkit-keyframes springBolt1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(10%) rotate(45deg);
            transform: translateY(30%) translateX(10%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes springBolt1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(10%) rotate(45deg);
            transform: translateY(30%) translateX(10%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes springBolt2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(-10%) rotate(-45deg);
            transform: translateY(30%) translateX(-10%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes springBolt2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(-10%) rotate(-45deg);
            transform: translateY(30%) translateX(-10%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes ewCarShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%) translateX(-50%);
            transform: translateY(-30%) translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes ewCarShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%) translateX(-50%);
            transform: translateY(-30%) translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes ewHandShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes ewHandShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.plcc-toast {
  z-index: 9999;
  position: fixed;
  bottom: 52px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 1;
  padding: 0 24px;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.plcc-toast.has-dockbar {
  bottom: 84px;
}
.plcc-toast.is-hide {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
  pointer-events: none;
}
.plcc-toast .plcc-toast__cont {
  position: relative;
  display: inline-block;
  background: #222;
  border-radius: 28px;
  padding: 10px 70px 8px 16px;
  text-align: center;
}
.plcc-toast .plcc-toast__txt {
  font-size: 14px;
  font-weight: 500;
  display: inline;
  vertical-align: bottom;
  color: #fff;
  font-weight: 500;
}
.plcc-toast .plcc-toast__txt strong {
  font: inherit;
  color: #d07bef;
}
.plcc-toast .plcc-toast__img {
  position: absolute;
  right: 8px;
  bottom: 0;
  width: 56px;
  -webkit-transform: translateY(20%);
      -ms-transform: translateY(20%);
          transform: translateY(20%);
}
.plcc-toast .plcc-toast__img img {
  width: 100%;
}
.plcc-toast .plcc-toast__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  border: none;
  text-indent: -999px;
}
.plcc-toast .plcc-toast__close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 24px;
  height: 24px;
  margin: 0 0 -4px -4px;
  background: url("../images/sub/icon22-plcc-close.svg") center/22px auto no-repeat;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
  border: none;
}

.car-parts {
  position: relative;
  height: 41vw;
  max-height: 240px;
  background: url("../images/sub/car_parts/parts--frame.png") center/contain no-repeat;
  margin: 50px 0 30px;
  -webkit-transform: scale(1.45) translateX(5%);
      -ms-transform: scale(1.45) translateX(5%);
          transform: scale(1.45) translateX(5%);
  pointer-events: none;
}
.section .car-parts {
  margin-left: -16px;
  margin-right: -16px;
}
.car-parts .car-parts__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.car-parts .car-parts__item.car-parts__item--trunk {
  background-image: url("../images/sub/car_parts/parts--trunk.png");
}
.car-parts .car-parts__item.car-parts__item--trunk.active {
  -webkit-animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
          animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--fender-right {
  background-image: url("../images/sub/car_parts/parts--fender-right.png");
}
.car-parts .car-parts__item.car-parts__item--fender-right.active {
  -webkit-animation: aniRightFenderPartActive ease-in-out 0.4s 0.4s both;
          animation: aniRightFenderPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--door-front-right {
  background-image: url("../images/sub/car_parts/parts--door-front-right.png");
}
.car-parts .car-parts__item.car-parts__item--door-front-right.active {
  -webkit-animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
          animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--door-back-right {
  background-image: url("../images/sub/car_parts/parts--door-back-right.png");
}
.car-parts .car-parts__item.car-parts__item--door-back-right.active {
  -webkit-animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
          animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--bg {
  background-image: url("../images/sub/car_parts/parts--bg.png");
}
.car-parts .car-parts__item.car-parts__item--door-back-left {
  background-image: url("../images/sub/car_parts/parts--door-back-left.png");
}
.car-parts .car-parts__item.car-parts__item--door-back-left.active {
  -webkit-animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
          animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--door-front-left {
  background-image: url("../images/sub/car_parts/parts--door-front-left.png");
}
.car-parts .car-parts__item.car-parts__item--door-front-left.active {
  -webkit-animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
          animation: aniLeftPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--fender-left {
  background-image: url("../images/sub/car_parts/parts--fender-left.png");
}
.car-parts .car-parts__item.car-parts__item--fender-left.active {
  -webkit-animation: aniLeftFenderPartActive ease-in-out 0.4s 0.4s both;
          animation: aniLeftFenderPartActive ease-in-out 0.4s 0.4s both;
}
.car-parts .car-parts__item.car-parts__item--bonnet {
  background-image: url("../images/sub/car_parts/parts--bonnet.png");
}
.car-parts .car-parts__item.car-parts__item--bonnet.active {
  -webkit-animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
          animation: aniRightPartActive ease-in-out 0.4s 0.4s both;
}
@-webkit-keyframes aniLeftPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-5%) translateX(3%);
            transform: translateY(-5%) translateX(3%);
  }
}
@keyframes aniLeftPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-5%) translateX(3%);
            transform: translateY(-5%) translateX(3%);
  }
}
@-webkit-keyframes aniRightPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-5%) translateX(-3%);
            transform: translateY(-5%) translateX(-3%);
  }
}
@keyframes aniRightPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-5%) translateX(-3%);
            transform: translateY(-5%) translateX(-3%);
  }
}
@-webkit-keyframes aniLeftFenderPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-4%) translateX(2%);
            transform: translateY(-4%) translateX(2%);
  }
}
@keyframes aniLeftFenderPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-4%) translateX(2%);
            transform: translateY(-4%) translateX(2%);
  }
}
@-webkit-keyframes aniRightFenderPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-8%) translateX(-5%);
            transform: translateY(-8%) translateX(-5%);
  }
}
@keyframes aniRightFenderPartActive {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: translateY(-8%) translateX(-5%);
            transform: translateY(-8%) translateX(-5%);
  }
}

.btn-list-view {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: url("../images/sub/icon24-view-list.svg") center center/24px auto no-repeat;
  border: none;
}
.btn-list-view > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  display: block;
  height: 1px;
  overflow: hidden;
  color: transparent;
  font-size: xx-small;
}
.btn-list-view.btn-list-view--grid {
  background-image: url("../images/sub/icon24-view-grid.svg");
}

.btn-copy {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
  color: #222;
  text-align: center;
  border: 1px solid #979797;
  height: 24px;
  line-height: 23px;
  border-radius: 12px;
  padding: 0 5px;
  margin-top: -2px;
}
.btn-copy:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/sub/icon10-copy.svg") center/contain no-repeat;
  vertical-align: middle;
  margin-top: -2px;
  content: "";
}
.btn-copy > span {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

/* 체크박스 */
.form-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  min-height: 24px;
  font-size: 0;
  vertical-align: middle;
}
.form-checkbox input, .form-checkbox .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .form-checkbox .ico-confirm, .form-checkbox .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .form-checkbox .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-checkbox input:checked ~ .icon, .form-checkbox .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked ~ .icon, .form-checkbox .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-checkbox .ico-confirm:checked ~ .icon {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.form-checkbox input:checked ~ .icon:before, .form-checkbox .new-content-body .inp-box .ico-confirm:checked ~ .icon:before, .new-content-body .inp-box .form-checkbox .ico-confirm:checked ~ .icon:before, .form-checkbox .type-mydata .inp-box .ico-confirm:checked ~ .icon:before, .type-mydata .inp-box .form-checkbox .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.form-checkbox input[disabled] ~ .icon, .form-checkbox .new-content-body .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox [disabled].ico-confirm ~ .icon, .form-checkbox .type-mydata .inp-box [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .form-checkbox [disabled].ico-confirm ~ .icon, .form-checkbox input:disabled ~ .icon, .form-checkbox .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .icon, .form-checkbox .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-checkbox .ico-confirm:disabled ~ .icon {
  border-color: #ddd;
  background: url("../images/common/icon-check-white.svg") no-repeat #ddd;
  background-size: cover;
}
.form-checkbox input[disabled] ~ .icon:before, .form-checkbox .new-content-body .inp-box [disabled].ico-confirm ~ .icon:before, .new-content-body .inp-box .form-checkbox [disabled].ico-confirm ~ .icon:before, .form-checkbox .type-mydata .inp-box [disabled].ico-confirm ~ .icon:before, .type-mydata .inp-box .form-checkbox [disabled].ico-confirm ~ .icon:before, .form-checkbox input:disabled ~ .icon:before, .form-checkbox .new-content-body .inp-box .ico-confirm:disabled ~ .icon:before, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .icon:before, .form-checkbox .type-mydata .inp-box .ico-confirm:disabled ~ .icon:before, .type-mydata .inp-box .form-checkbox .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-checkbox input:checked[disabled] ~ .icon, .form-checkbox .new-content-body .inp-box .ico-confirm:checked[disabled] ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked[disabled] ~ .icon, .form-checkbox .type-mydata .inp-box .ico-confirm:checked[disabled] ~ .icon, .type-mydata .inp-box .form-checkbox .ico-confirm:checked[disabled] ~ .icon, .form-checkbox input:checked:disabled ~ .icon, .form-checkbox .new-content-body .inp-box .ico-confirm:checked:disabled ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked:disabled ~ .icon, .form-checkbox .type-mydata .inp-box .ico-confirm:checked:disabled ~ .icon, .type-mydata .inp-box .form-checkbox .ico-confirm:checked:disabled ~ .icon {
  background-color: #aaa !important;
  border-color: #aaa !important;
}
.form-checkbox .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url("../images/common/icon-check-gray.svg") no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url("../images/common/icon-check-black.svg") no-repeat;
  background-size: cover;
}
.form-checkbox .txt {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
.form-checkbox .txt.depth {
  position: relative;
  padding-left: 20px;
}
.form-checkbox .txt.depth:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon16-depth.svg") no-repeat center/contain;
}
.form-checkbox .txt .icon-depth {
  vertical-align: middle;
  margin-right: 3px;
}
.form-checkbox.sm input:checked ~ .icon, .form-checkbox.sm .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox.sm .ico-confirm:checked ~ .icon, .form-checkbox.sm .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-checkbox.sm .ico-confirm:checked ~ .icon {
  background-color: transparent;
}
.form-checkbox.sm input[disabled] ~ .icon, .form-checkbox.sm .new-content-body .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox.sm [disabled].ico-confirm ~ .icon, .form-checkbox.sm .type-mydata .inp-box [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .form-checkbox.sm [disabled].ico-confirm ~ .icon, .form-checkbox.sm input:disabled ~ .icon, .form-checkbox.sm .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox.sm .ico-confirm:disabled ~ .icon, .form-checkbox.sm .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-checkbox.sm .ico-confirm:disabled ~ .icon {
  background: url("../images/common/icon-check-gray-sm.svg") no-repeat transparent;
}
.form-checkbox.sm .icon {
  border: none;
}
.form-checkbox.sm .icon:before {
  background: url("../images/common/icon-check-black-sm.svg") no-repeat;
}
.form-checkbox.xs input:checked ~ .icon, .form-checkbox.xs .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox.xs .ico-confirm:checked ~ .icon, .form-checkbox.xs .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-checkbox.xs .ico-confirm:checked ~ .icon {
  background-color: transparent;
}
.form-checkbox.xs input[disabled] ~ .icon, .form-checkbox.xs .new-content-body .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox.xs [disabled].ico-confirm ~ .icon, .form-checkbox.xs .type-mydata .inp-box [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .form-checkbox.xs [disabled].ico-confirm ~ .icon, .form-checkbox.xs input:disabled ~ .icon, .form-checkbox.xs .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox.xs .ico-confirm:disabled ~ .icon, .form-checkbox.xs .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-checkbox.xs .ico-confirm:disabled ~ .icon {
  background: url("../images/common/icon-check-gray-sm.svg") no-repeat transparent;
}
.form-checkbox.xs .icon {
  border: none;
}
.form-checkbox.xs .icon:before {
  background: url("../images/common/icon-check-black-sm.svg") no-repeat;
}

@media screen and (max-width: 340px) {
  .filter-bar .btn-txt-util {
    padding: 5px 8px;
    height: auto;
    line-height: 1.4;
  }
  .filter-bar .btn-txt-util:after {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  .header.type-new .btn-copy {
    width: 24px;
  }
  .header.type-new .btn-copy > span {
    display: none;
  }
}
.pd-container .car-intro.type-new {
  margin-top: -1px;
  padding-top: 25px;
}
.pd-container .tcar-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8f8f8;
  padding: 10px 5px;
  gap: 12px;
}
.pd-container .tcar-banner > img {
  height: 20px;
}

.financial-consult {
  background: #fff;
  padding: 30px 15px 90px 15px;
}

/* 공통 작업 */
.login-select {
  background: url("../images/sub/bg_login.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
}
.login-select .header {
  padding: 0;
}
.login-select .header h1 {
  padding: 0;
}
.login-select .header .btn-member-join {
  position: absolute;
  right: 15px;
  top: 17px;
  text-decoration: none;
  color: #222;
  padding: 0 0 0 23px;
}
.login-select .header .btn-member-join span {
  font-size: 18px;
  font-weight: 400;
}
.login-select .header .btn-member-join:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -325px -55px;
  width: 17px;
  height: 17px;
  left: 0;
  top: 4px;
}
.login-select .txt {
  position: absolute;
  left: 44px;
  top: 80px;
  font-size: 25px;
  font-weight: 600;
}
.login-select .btn-fixed-btm {
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0 15px;
}
.login-select .btn-fixed-btm a {
  position: relative;
  display: block;
  height: 54px;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 54px;
  margin-bottom: 10px;
  padding: 0 0 0 43px;
  text-decoration: none;
}
.login-select .btn-fixed-btm a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  right: 15px;
  top: 21px;
  width: 7px;
  height: 12px;
}
.login-select .btn-fixed-btm a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 15px;
  top: 20px;
}
.login-select .btn-fixed-btm a.btn-member:before {
  width: 14px;
  height: 15px;
  background-position: -77px -183px;
  left: 16px;
}
.login-select .btn-fixed-btm a.btn-dealer:before {
  width: 17px;
  height: 15.5px;
  background-position: -63px -154px;
}

.login-wrap {
  background: #fff;
}
.login-wrap .header {
  position: relative;
  padding: 0;
}
.login-wrap .header h1 {
  padding: 0;
}
.login-wrap .login-txt {
  padding: 105px 0 50px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
}
.login-wrap .login-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -137px;
  width: 60px;
  height: 60px;
  left: 15px;
  top: 85px;
}
.login-wrap .login-txt span {
  color: #2666c6;
  font-size: 24px;
  font-weight: 600;
}
.login-wrap .login-cnt {
  padding: 0 15px;
}
.login-wrap .login-cnt .kb-join {
  margin-bottom: 30px;
}
.login-wrap .login-cnt .kb-join dt, .login-wrap .login-cnt .kb-join .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .login-wrap .login-cnt .kb-join dd {
  font-size: 14px;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
}
.login-wrap .login-cnt .kb-join a {
  position: relative;
  display: block;
  border-radius: 4px;
  height: 64px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 64px;
  padding: 0 0 0 15px;
  background: #ffbc00;
}
.login-wrap .login-cnt .kb-join a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 15px;
  top: 26px;
  z-index: 0;
}
.login-wrap .login-cnt .sns-join dt, .login-wrap .login-cnt .sns-join .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .login-wrap .login-cnt .sns-join dd {
  font-size: 14px;
  color: #666;
  font-weight: 600;
  margin-bottom: 10px;
}
.login-wrap .login-cnt .sns-join dd {
  position: relative;
}
.login-wrap .login-cnt .sns-join dd ul {
  position: relative;
  display: -webkit-box;
}
.login-wrap .login-cnt .sns-join dd ul:after {
  content: "";
  clear: both;
  display: block;
}
.login-wrap .login-cnt .sns-join dd ul li {
  position: relative;
  -webkit-box-flex: 1;
  margin-left: 6px;
  height: 54px;
}
.login-wrap .login-cnt .sns-join dd ul li:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 23px;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -12px;
  background: url("../images/sub/sprite_mycar.png") no-repeat;
  background-size: 500px;
}
.login-wrap .login-cnt .sns-join dd ul li.naver:before {
  background-position: -452px 0;
}
.login-wrap .login-cnt .sns-join dd ul li.kakao:before {
  background-position: -452px -28px;
}
.login-wrap .login-cnt .sns-join dd ul li.facebook:before {
  background-position: -452px -56px;
}
.login-wrap .login-cnt .sns-join dd ul li.google:before {
  background-position: -452px -83px;
}
.login-wrap .login-cnt .sns-join dd ul li:first-child {
  margin: 0;
}
.login-wrap .login-cnt .sns-join dd ul li.apple2:before {
  width: 25px;
  height: 25px;
  background: url("../images/common/icon25-apple.svg") center/contain no-repeat;
}
.login-wrap .login-cnt .sns-join a {
  position: relative;
  display: block;
  border-radius: 4px;
  height: 64px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 64px;
  padding: 0 0 0 15px;
  height: 54px;
  border: 1px solid #ddd;
  padding: 0;
  text-indent: -999em;
}
.login-wrap .login-cnt .member-join {
  margin: 50px 0 0;
  padding: 0 0 30px;
  text-align: center;
}
.login-wrap .login-cnt .member-join a {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0 0 0 27px;
  color: #364f7f;
  font-size: 14px;
  text-decoration: none;
}
.login-wrap .login-cnt .member-join a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 17px;
  height: 16px;
  background-position: -63px -154px;
  left: 0;
  top: 0;
}
.login-wrap .login-cnt .member-join a:nth-child(2) {
  margin: 0 0 0 15px;
}
.login-wrap .login-cnt .member-join a:nth-child(2):after {
  background-position: -81px -154px;
}
.login-wrap .acc-area .acc-cnt {
  padding: 0 15px 65px;
}
.login-wrap .acc-area .acc-cnt .t-txt {
  margin-bottom: 13px;
  font-size: 18px;
  color: #666;
  line-height: 1.3;
}
.login-wrap .acc-area .acc-cnt .t-txt strong {
  display: block;
  color: #222;
}
.login-wrap .acc-area .acc-cnt .s-txt {
  color: #666;
  font-size: 14px;
  margin-bottom: 60px;
}
.login-wrap .acc-area .acc-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 60px;
}
.login-wrap .acc-area .acc-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -197px;
  left: 0;
  top: 56px;
  width: 60px;
  height: 60px;
}
.login-wrap .acc-area .acc-txt.join:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -257px;
  left: 0;
  top: 56px;
  width: 60px;
  height: 60px;
}
.login-wrap .acc-area .acc-txt.easy-login:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -317px;
  left: 0;
  top: 56px;
  width: 60px;
  height: 60px;
}
.login-wrap .acc-area .select-type {
  width: 90px;
}
.login-wrap .acc-area.trade .acc-txt:after {
  background-position: -60px -377px;
}
.login-wrap .entry-cnt {
  padding: 0 15px 64px;
}
.login-wrap .entry-cnt .acc-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -180px -437px;
}
.login-wrap .entry-cnt .dealer-area * {
  font-size: 18px;
}
.login-wrap .entry-cnt .dealer-area dt, .login-wrap .entry-cnt .dealer-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .login-wrap .entry-cnt .dealer-area dd {
  width: 170px;
}
.login-wrap .entry-cnt .dealer-area dd {
  padding: 0 0 5px 170px;
  color: #2666c6;
}
.login-wrap .acc-send-txt {
  position: fixed;
  bottom: 74px;
  left: 0;
  width: 100%;
  padding: 0 15px;
}
.login-wrap .acc-send-txt span {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background: #4c4c4c;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border-radius: 40px;
}
.login-wrap .kb-id-area {
  margin-bottom: 15px;
}
.login-wrap .kb-id-area * {
  font-size: 18px;
}
.login-wrap .kb-id-area .tit {
  color: #666;
  font-weight: 400;
}
.login-wrap .kb-id-area .id {
  color: #2666c6;
  font-weight: 600;
  margin-left: 10px;
}
.login-wrap .btn-blue a {
  position: relative;
  display: block;
  border-radius: 4px;
  height: 64px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 64px;
  padding: 0 0 0 15px;
  background: #364f7f;
  padding: 0 0 0 15px;
  color: #fff;
}
.login-wrap .btn-blue a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 15px;
  top: 26px;
  z-index: 0;
  background-position: -60px -170px;
}
.login-wrap .pw-txt {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}
.login-wrap .btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.login-wrap .security {
  position: absolute;
  right: 10px;
  top: 16px;
  font-size: 13px;
  line-height: 16px;
}
.login-wrap .security:after {
  content: "";
  position: absolute;
  left: -13px;
  top: 4px;
  width: 7px;
  height: 7px;
  border-radius: 7px;
}
.login-wrap .security.num1:after {
  background: #3ec729;
}
.login-wrap .security.num2:after {
  background: #10a8e5;
}
.login-wrap .security.num3:after {
  background: #fd665c;
}

.acc-btn {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.acc-btn a {
  display: inline-block;
  height: 50px;
  background: #ddd;
  color: #222;
  font-size: 14px;
  margin-left: 5px;
  padding: 0 9px;
  border-radius: 4px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
}
.acc-btn a.btn,
.acc-btn button.btn {
  font-size: 14px;
  font-weight: 400;
}
.acc-btn a.btn.disabled, .acc-btn a.btn:disabled,
.acc-btn button.btn.disabled,
.acc-btn button.btn:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}

.acc-input {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fdfdfd;
}
.acc-input .input-type {
  height: 48px;
  line-height: 46px;
  border: 0;
}
.acc-input .time {
  position: absolute;
  right: 10px;
  top: 16px;
  color: #fd665c;
  font-size: 13px;
}
.acc-input.input-disable {
  background: #ececec;
}

.accept-terms {
  margin: 30px 0 12px;
  font-size: 14px;
}
.accept-terms .total {
  background: #f1f1f1;
  height: 50px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.accept-terms .total label {
  position: relative;
  display: block;
  height: auto;
  padding: 13px 60px 13px 35px;
  line-height: 1.6;
  z-index: 1;
}
.accept-terms .total label:after {
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
.accept-terms .list-accept > div {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.accept-terms .list-accept > div label {
  position: relative;
  display: block;
  height: auto;
  padding: 17px 60px 17px 35px;
  line-height: 1.6;
  z-index: 1;
}
.accept-terms .list-accept > div label:after {
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
.accept-terms .list-accept > div a {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  display: inline-block;
  text-indent: -999em;
  z-index: 2;
}
.accept-terms .list-accept > div a:after {
  content: "";
  position: absolute;
  left: 70%;
  top: 50%;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}
.accept-terms .list-accept > div.cmm-radio-acc {
  padding: 17px 60px 17px 35px;
}
.accept-terms .list-accept > div.cmm-radio-acc .ra-ck label {
  padding: 0 0 0 35px;
}
.accept-terms .list-accept .in-check {
  margin-top: -10px;
  padding: 0 65px 0 25px;
}
.accept-terms .list-accept .in-check label {
  padding: 4px 0 4px 35px;
}
.accept-terms .list-accept .in-check .ck-list-in {
  margin: 0;
  padding: 0 0 15px 15px;
}

.error-txt {
  font-size: 13px;
  color: #fd665c;
}

.step-area ol {
  display: -webkit-box;
  -webkit-box-pack: end;
}
.step-area ol li {
  position: relative;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  background: #cdcdcd;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-left: 5px;
  overflow: hidden;
  line-height: 20px;
}
.step-area ol li.on {
  background: #999;
  width: auto;
  padding: 0 8px;
}
.step-area ol li.on:after {
  display: none;
}
.step-area ol li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #cdcdcd;
  font-weight: 600;
  color: #fff;
}
.step-area ol li:nth-child(1):after {
  content: "1";
}
.step-area ol li:nth-child(2):after {
  content: "2";
}
.step-area ol li:nth-child(3):after {
  content: "3";
}
.step-area ol li:nth-child(4):after {
  content: "4";
}
.step-area ol li:nth-child(5):after {
  content: "5";
}
.step-area ol li:nth-child(6):after {
  content: "6";
}
.step-area ol li:nth-child(7):after {
  content: "7";
}
.step-area ol li:nth-child(8):after {
  content: "8";
}
.step-area ol li:nth-child(9):after {
  content: "9";
}

.info-input {
  padding: 0 15px 100px;
}

.box-area .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #222;
}
.box-area .tit .s-txt {
  font-size: 15px;
  color: #666;
  font-weight: 400;
}
.box-area .s-tit {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
}
.box-area .h-box {
  position: relative;
  margin-top: 35px;
  margin-bottom: 10px;
}
.box-area .h-box > div:last-child {
  -webkit-box-pack: start;
  text-align: left;
}
.box-area .h-box .v-box {
  margin-top: 0;
  margin-bottom: 0;
}
.box-area .h-box .bg-num {
  position: relative;
}
.box-area .h-box .bg-num:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -415px -32px;
  position: absolute;
  left: 40px;
  top: 50%;
  width: 85px;
  height: 7px;
  margin-top: -4px;
}
.box-area .input-box .certify {
  position: absolute;
  right: 10px;
  top: 12px;
  padding: 0 0 0 27px;
  font-size: 18px;
  color: #2666c6;
  line-height: 25px;
}
.box-area .input-box .certify:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -167px -29px;
  width: 17px;
  height: 17px;
  left: 0;
  top: 4px;
}
.box-area .input-box .referee-link {
  position: relative;
  width: 90px;
  font-size: 15px;
  font-weight: 600;
  color: #364f7f;
  text-decoration: none;
  line-height: 47px;
}
.box-area .input-box .referee-link:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 18px;
  width: 1px;
  height: 10px;
  background: #364f7f;
}
.box-area .input-box .btn-addr {
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -999em;
  background: none;
  width: 35px;
  height: 49px;
  border: 0;
}
.box-area .input-box .btn-addr:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -115px -57px;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -8px 0 0 -8px;
}
.box-area .input-box.datepicker {
  position: relative;
}
.box-area .input-box.datepicker .input-type {
  position: relative;
  background: transparent;
  padding: 0 45px 0 10px;
  z-index: 2;
}
.box-area .input-box.datepicker:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -248px;
  width: 15px;
  height: 15px;
  right: 15px;
  top: 50%;
  margin-top: -7px;
  z-index: 0;
}
.box-area .input-box.datepicker + .bl {
  width: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 45px;
}
.box-area .btn {
  display: inline-block;
  height: 50px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  line-height: 46px;
  color: #222;
}
.box-area .btn.on {
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
}
.box-area .btn.btn-arrow {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0 0 0 15px;
}
.box-area .btn.btn-arrow:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}
.box-area .btn.btn-arrow.on:after {
  background-position: -60px -169.5px;
}
.box-area .btn:disabled, .box-area .btn.disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.box-area .btn:disabled.on, .box-area .btn.disabled.on {
  background: #ddd;
  border-color: #ddd;
  color: #222;
  font-weight: 400;
}
.box-area .flex-n {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.box-area .error-txt {
  font-size: 13px;
  color: #fd665c;
}
.box-area .v-box {
  position: relative;
  margin-top: 35px;
  margin-bottom: 10px;
}
.box-area .v-box .h-box {
  margin-top: 0;
}
.box-area .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-area .btn-wrap > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
}
.box-area .tool-tip {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.box-area .tool-tip button {
  position: relative;
  width: 24px;
  padding: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  border: 0;
}
.box-area .tool-tip button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 2px;
  top: 4px;
  width: 18px;
  height: 18px;
  background-position: -60px -289px;
}
.box-area .tit-right {
  position: absolute;
  right: 0;
  top: 0;
}
.box-area .tit-right.tooltip.tp01 {
  top: 3px;
}
.box-area .layer-tooltip {
  display: none;
  position: absolute;
  width: 80%;
  background: #ffbc00;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  padding: 15px 10px;
  z-index: 5;
}
.box-area .layer-tooltip:after {
  right: -7px;
  top: 13px;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -309px;
  width: 7px;
  height: 9px;
}
.box-area .layer-tooltip li {
  position: relative;
  margin-top: 10px;
  padding: 0 0 0 9px;
  line-height: 1.4;
}
.box-area .layer-tooltip li:nth-child(1) {
  margin: 0;
}
.box-area .layer-tooltip li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #fff;
}
.box-area .gray-txt {
  color: #666;
  font-size: 14px;
  margin-bottom: 15px;
}

.bl-circle {
  position: relative;
  color: #999;
  font-size: 14px;
  padding: 0 0 0 8px;
}
.bl-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  background: #fd665c;
  border-radius: 4px;
}
.bl-circle.blue {
  color: #222;
}
.bl-circle.blue:after {
  background: #2666c6;
}
.bl-circle.sky:after {
  background: #aad1d9;
}

.bl-list li {
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 12px;
  padding: 0 0 0 8px;
  color: #999;
}
.bl-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  background: #aad1d9;
  border-radius: 4px;
}

.btn-type {
  position: relative;
  display: block;
  border-radius: 4px;
  height: 64px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 64px;
  padding: 0 0 0 15px;
  padding: 0;
  border: 1px solid #ddd;
  background: #fff;
}
.btn-type:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 15px;
  top: 26px;
  z-index: 0;
}
.btn-type.yellow {
  background: #ffbc00;
  border-color: #ffbc00;
}
.btn-type a {
  position: relative;
  display: block;
  padding: 0 0 0 15px;
  color: #222;
  text-decoration: none;
  z-index: 2;
}

.complete-area {
  position: relative;
  padding: 0 15px 30px;
}
.complete-area .tit-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
}
.complete-area .tit-txt span {
  font-size: 24px;
  color: #ffbc00;
  line-height: 1;
}
.complete-area .tit-txt span strong {
  display: block;
  font-size: 40px;
}
.complete-area .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -377px;
  left: 0;
  top: 56px;
  width: 60px;
  height: 60px;
}
.complete-area .tit-txt .blue {
  color: #2666c6;
  font-size: 24px;
  margin-right: 10px;
}
.complete-area.sns .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: 0 -437px;
  left: 0;
  top: 56px;
  width: 60px;
  height: 60px;
  top: 32px;
}
.complete-area.sns .s-txt:after {
  background-position: -461px -148px;
}
.complete-area .s-txt {
  position: relative;
  margin-bottom: 15px;
  font-size: 18px;
  color: #666;
  line-height: 1.4;
}
.complete-area .s-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -353px;
  width: 15px;
  height: 15px;
  bottom: 6px;
  margin-left: 5px;
}
.complete-area .s-txt strong {
  color: #222;
}
.complete-area .s-txt.ic-none:after {
  display: none;
}
.complete-area .txt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.complete-area .txt span {
  color: #2666c6;
  font-size: 18px;
}
.complete-area .login-prev {
  text-align: center;
}
.complete-area .login-prev a {
  position: relative;
  padding: 0 0 0 26px;
  font-size: 18px;
  color: #2666c6;
  text-decoration: none;
}
.complete-area .login-prev a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 3px;
  background-position: -60px -183px;
  width: 17px;
  height: 17px;
}
.complete-area.dealer .tit-txt:after {
  background-position: -60px -437px;
}
.complete-area:after {
  content: "";
  position: absolute;
  right: 26px;
  top: -55px;
  background: url("../images/temp/bg_login.png") no-repeat;
  background-size: 126px 205px;
  width: 126px;
  height: 205px;
}

.type-new-complete-area {
  padding: 5px 20px 40px 20px;
}
.type-new-complete-area .visual img {
  width: 90%;
  height: 90%;
}
.type-new-complete-area .tit-txt {
  padding: 46px 0 0;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 32px;
}
.type-new-complete-area .tit-txt .name {
  line-height: 32px;
  color: #222;
}
.type-new-complete-area .tit-txt:after {
  display: none;
}
.type-new-complete-area .sub-txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.type-new-complete-area .bottom-fixed {
  margin: 0;
}
.type-new-complete-area .bottom-fixed .btn-base {
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  border-radius: 4px;
}
.type-new-complete-area:after {
  display: none;
}

.dealer-area {
  margin-bottom: 25px;
}
.dealer-area * {
  font-size: 14px;
}
.dealer-area dt, .dealer-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .dealer-area dd {
  float: left;
  width: 60px;
  margin-bottom: 5px;
  color: #666;
}
.dealer-area dd {
  padding: 0 0 5px 75px;
  color: #222;
  font-weight: 600;
}

.black-txt {
  font-size: 14px;
  color: #222 !important;
  line-height: 1.4;
}

.red-txt {
  font-size: 14px;
  color: #fd665c !important;
  line-height: 1.4;
}

.blue-txt {
  font-size: 14px;
  color: #364f7f !important;
  line-height: 1.4;
}

.yello-txt {
  font-size: 14px;
  color: #ffcc00 !important;
  line-height: 1.4;
}

.inquiry {
  position: relative;
  color: #fd665c;
  font-size: 18px;
  margin-top: 12px;
  padding: 0 0 0 25px;
}
.inquiry:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 6px;
  background-position: -60px -201px;
  width: 17px;
  height: 16px;
}

.file-box {
  position: relative;
  display: block;
}
.file-box label {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 0 0 39px;
  line-height: 50px;
  font-weight: 600;
  vertical-align: middle;
}
.file-box input[type=file], .file-box .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .file-box [type=file].ico-confirm, .file-box .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .file-box [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.file-box:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 16px;
  top: 50%;
  background-position: -60px -233px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
}
.file-box:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}

.file-txt-list {
  padding: 10px 15px 0;
}
.file-txt-list .file-img {
  position: relative;
  display: inline-block;
  margin: 0 24px 10px 0;
}
.file-txt-list .file-img .img {
  display: inline-block;
  width: 72.5px;
  height: 50px;
  border: 1px solid #ddd;
}
.file-txt-list .file-img .img img {
  width: 100%;
}
.file-txt-list .file-img a {
  position: absolute;
  right: -20px;
  top: 0;
  display: inline-block;
  margin: 0;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  background-position: -36px -35px;
  text-indent: -999em;
}
.file-txt-list .file-txt {
  position: relative;
  margin: 0 0 0 15px;
  padding: 0 30px 0 24px;
  font-size: 14px;
  color: #999;
}
.file-txt-list .file-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 13px;
  height: 13px;
  background-position: -60px -263px;
  left: 0;
  top: 3px;
}
.file-txt-list .file-txt a {
  display: inline-block;
  margin: 5px 0 0 10px;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  background-position: -36px -35px;
  text-indent: -999em;
}

.photo-shoot {
  margin-bottom: 15px;
}
.photo-shoot a {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 0 0 39px;
  line-height: 50px;
  font-weight: 600;
  vertical-align: middle;
  text-decoration: none;
}
.photo-shoot a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -277px;
  width: 15px;
  height: 12px;
  left: 16px;
  top: 50%;
  margin-top: -6px;
}
.photo-shoot a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}

.payment-guide h2.bl-tit {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  padding: 0 0 0 8px;
}
.payment-guide h2.bl-tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  background: #fd665c;
  border-radius: 4px;
}
.payment-guide .txt {
  margin-bottom: 15px;
  padding: 0 0 0 8px;
  color: #999;
  font-size: 14px;
}

.table-type,
.cmm-table {
  overflow: hidden;
}
.table-type table,
.cmm-table table {
  width: 100%;
  border-collapse: collapse;
  margin-left: -1px;
}
.table-type *,
.cmm-table * {
  font-size: 14px;
  padding: 13px 14px;
  text-align: left;
}
.table-type thead th,
.table-type tbody th,
.cmm-table thead th,
.cmm-table tbody th {
  background: #f1f1f1;
  color: #666;
  font-weight: 100;
  border: 1px solid #ddd;
  border-right: 0;
}
.table-type tbody td,
.cmm-table tbody td {
  font-weight: 600;
  border: 1px solid #ddd;
  border-right: 0;
}
.table-type tbody th + td,
.cmm-table tbody th + td {
  border-left: 0;
}
.table-type table.text-center tbody th,
.table-type table.text-center tbody td,
.cmm-table table.text-center tbody th,
.cmm-table table.text-center tbody td {
  text-align: center;
}

.table-type2 table {
  width: 100%;
  border-collapse: collapse;
}
.table-type2 table thead th {
  height: 40px;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.table-type2 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 9px 0;
  text-align: center;
  font-weight: 400;
}

.fixed-table {
  overflow: hidden;
  width: 100%;
}
.fixed-table thead {
  display: table;
  overflow: auto;
  width: 100%;
}
.fixed-table thead tr {
  position: relative;
}
.fixed-table tbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 100px;
}
.fixed-table tbody tr {
  display: block;
  width: 100%;
}
.fixed-table tbody tr .blue-txt {
  width: 28%;
}
.fixed-table tbody tr td {
  display: inline-block;
}
.fixed-table tbody tr td.col-txt {
  display: block;
  text-align: center;
  font-weight: 400;
}

.recommender-id {
  background: #ececec;
  color: #999;
  font-size: 16px;
  text-align: center;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 50px;
}

.ap-search {
  position: relative;
}
.ap-search a {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 0 0 39px;
  line-height: 50px;
  font-weight: 600;
  vertical-align: middle;
  text-decoration: none;
}
.ap-search a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -183px;
  width: 14px;
  height: 15px;
  left: 16px;
  top: 50%;
  margin-top: -6px;
}
.ap-search a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}

.h-area {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px 15px;
}
.h-area .h-type {
  display: -webkit-box;
}
.h-area .h-type .tit {
  -webkit-box-flex: 1;
  color: #666;
  font-size: 14px;
  margin-bottom: 0;
  padding: 6px 0;
}
.h-area .h-type .txt {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 600;
}
.h-area .h-type.txt-l .tit {
  display: inline-block;
  width: 95px;
}
.h-area .h-type.txt-l .txt {
  -webkit-box-pack: start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.member-login .tab-type {
  margin-bottom: 40px;
}
.member-login .tab-type li a {
  text-decoration: none;
  font-size: 16px;
  color: #222;
}
.member-login .tab-type li.on a {
  font-weight: 600;
}
.member-login .tabs-con .member-cnt {
  padding: 0 15px;
}
.member-login .tabs-con .member-cnt .btn-type.yellow {
  text-align: center;
  padding: 0;
}
.member-login .tabs-con .member-cnt .btn-type.yellow:after {
  display: none;
}
.member-login .tabs-con .member-cnt .btn-type.yellow a {
  padding: 0;
}

.h-box.box-type .btn-area {
  width: 115px;
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 50px;
}
.h-box.box-type .btn-area button {
  position: relative;
  width: 100%;
  background: #fff;
  display: block;
  border: 0;
  border-radius: 4px;
  font-size: 14px;
}
.h-box.box-type .btn-area button.on {
  background: #2666c6;
  color: #fff;
}
.h-box.box-type .btn-area button.on:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -318px;
  width: 10px;
  height: 7px;
  left: 8px;
  top: 21px;
}

.member-login .login-select {
  display: -webkit-box;
  margin: 10px 0 40px;
  background: none;
  height: inherit;
}
.member-login .login-select a {
  position: relative;
  display: -webkit-box;
  -webkit-box-flex: 1;
  width: 100%;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  color: #222;
}
.member-login .login-select a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 10px;
  top: 11px;
}
.member-login .login-select .pattern {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 0 0 36px;
  margin-right: 10px;
}
.member-login .login-select .pattern:after {
  background-position: -60px -324px;
  width: 17px;
  height: 18px;
}
.member-login .login-select .pin {
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 0 0 36px;
}
.member-login .login-select .pin:after {
  background-position: -60px -342px;
  width: 21px;
  height: 11px;
  top: 15px;
}
.member-login h2.tit {
  font-size: 15px;
  padding: 0;
}
.member-login .sns-list {
  width: 100%;
  margin-bottom: 35px;
}
.member-login .sns-list:after {
  content: "";
  clear: both;
  display: block;
}
.member-login .sns-list li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.member-login .sns-list li a {
  display: block;
  position: relative;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 0 0 32px;
  text-decoration: none;
  color: #222;
  font-size: 13px;
  font-weight: 600;
}
.member-login .sns-list li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  height: 16px;
  left: 9px;
  top: 11px;
}
.member-login .sns-list li a.naver:after {
  width: 14px;
  background-position: -67px -138px;
}
.member-login .sns-list li a.kakao:after {
  width: 18px;
  height: 17px;
  background-position: -81px -137px;
}
.member-login .sns-list li a.facebook:after {
  width: 7px;
  left: 14px;
  background-position: -100px -138px;
}
.member-login .sns-list li a.google:after {
  width: 15px;
  background-position: -108px -138px;
}
.member-login .sns-list li:nth-child(odd) a {
  margin-right: 5px;
}
.member-login .sns-list li:nth-child(even) a {
  margin-left: 5px;
}

.mamber-find {
  padding: 20px 0;
  text-align: center;
}
.mamber-find a {
  position: relative;
  padding: 0 12px;
  font-size: 14px;
  color: #222;
  font-weight: 600;
  text-decoration: none;
}
.mamber-find a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 1px;
  height: 8px;
  background: #222;
}
.mamber-find a:first-child:after {
  display: none;
}

.withdrawal-arae {
  padding: 0 15px 120px;
}
.withdrawal-arae .tit-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
}
.withdrawal-arae .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -120px -437px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 56px;
}
.withdrawal-arae h2.tit {
  font-size: 18px;
  margin-bottom: 15px;
  padding: 0;
}
.withdrawal-arae h2.tit span {
  font-size: 14px;
}
.withdrawal-arae .inconvenience {
  margin-bottom: 30px;
}
.withdrawal-arae .inconvenience span {
  display: inline-block;
  height: 39px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 0 16px;
  font-size: 14px;
  line-height: 39px;
  border-radius: 39px;
  color: #666;
}
.withdrawal-arae .inconvenience span.on {
  background: #2666c6;
  color: #fff;
  border-color: #2666c6;
}
.withdrawal-arae .textarea-type {
  width: 100%;
  height: 150px;
  padding: 15px;
  margin-bottom: 40px;
}
.withdrawal-arae.complete .tit-txt {
  margin-bottom: 15px;
}
.withdrawal-arae.complete .tit-txt.dealer:after {
  background-position: -120px -257px;
}
.withdrawal-arae.complete .txt {
  font-size: 18px;
  color: #666;
  line-height: 1.4;
}

.id-find {
  padding: 0 15px;
}
.id-find .tit-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
}
.id-find .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -120px -377px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 56px;
}
.id-find dt, .id-find .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .id-find dd {
  float: left;
  width: 94px;
  color: #666;
  font-weight: 400;
  padding: 0 0 10px;
}
.id-find dd {
  padding: 0 0 10px 100px;
  color: #222;
  font-weight: 600;
}

.pw-reset .tit-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
}
.pw-reset .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -120px -317px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 56px;
}
.pw-reset .txt {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

.final-date {
  height: 40px;
  background: #f1f1f1;
  text-align: center;
  line-height: 40px;
  margin-top: 30px;
  margin-bottom: 50px;
}
.final-date * {
  font-size: 15px;
}
.final-date span {
  color: #666;
  margin-right: 17px;
}

.account-area .tit-txt {
  position: relative;
  padding: 125px 0 0;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.4;
}
.account-area .tit-txt:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -120px -197px;
  width: 60px;
  height: 60px;
  left: 0;
  top: 56px;
}

.photo-area {
  background: #222;
  color: #fff;
  padding: 92px 15px;
  height: 100vh;
}
.photo-area .photo-guide {
  height: 218px;
  background: #2d2d2d url("../images/sub/bg_photo.png") no-repeat center;
  background-size: contain;
}
.photo-area .txt {
  padding: 12px 0 55px;
  font-size: 18px;
  text-align: center;
}
.photo-area .btn-photo {
  text-align: center;
}
.photo-area .btn-photo button {
  position: relative;
  width: 40px;
  padding: 55px 0 0;
  border: 0;
  background: none;
  color: #fff;
}
.photo-area .btn-photo button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 40px;
  height: 40px;
  background-position: -123px -138px;
  left: 0;
  top: 0;
}
.photo-area .btn-photo button.crop {
  margin-right: 10px;
}
.photo-area .btn-photo button.rotate:after {
  background-position: -166px -138px;
}
.photo-area .btn-wrap {
  margin-top: 60px;
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 10px;
}
.photo-area .btn-wrap a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding: 10px;
}

.termsa-area .tab-con {
  padding: 30px 15px 0;
}
.termsa-area .tab-con .txt-con,
.termsa-area .tab-con .clause-area {
  padding: 20px 0;
}
.termsa-area .tab-con.no-space {
  margin: 0;
  padding: 0;
}
.termsa-area h2,
.termsa-area .cla-tit01 {
  font-size: 18px;
  font-weight: 600;
}
.termsa-area h3,
.termsa-area .cla-tit02,
.termsa-area .cla-tit03 {
  font-size: 18px;
  font-weight: 100;
  margin-top: 33px;
}
.termsa-area p, .termsa-area ul.guide-bul > li,
.termsa-area .cla-txt,
.termsa-area .cla-txt02 {
  margin-top: 12px;
  text-align: justify;
}
.termsa-area .no-mt {
  margin-top: 0;
}
.termsa-area ol li {
  position: relative;
  margin-top: 10px;
  padding: 0 0 0 15px;
}
.termsa-area ol li .num {
  position: relative;
  display: inline-block;
  text-indent: -15px;
}
.termsa-area .cla-num-list01 {
  margin-bottom: 30px;
}
.termsa-area .cmm-li-star.red-star li {
  color: #222;
}
.termsa-area .cmm-li-star.red-star li:after {
  top: 1px;
  color: #fd665c;
}
.termsa-area .table-type,
.termsa-area .cmm-table {
  margin-top: 15px;
}
.termsa-area .table-type thead th,
.termsa-area .cmm-table thead th {
  color: #222;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  padding: 10px 5px;
}
.termsa-area .table-type tbody td,
.termsa-area .cmm-table tbody td {
  font-weight: 100;
  font-size: 13px;
  padding: 5px;
}
.termsa-area .termsa-txt {
  padding: 30px 15px 20px;
}
.termsa-area .cla-bl-area li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 19px;
}
.termsa-area .cla-bl-area li .bul {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  text-align: center;
}
.termsa-area .nb-bul {
  position: absolute;
  left: 0;
  top: 0;
}
.termsa-area .cmm-termsa {
  padding: 30px 15px 20px;
}
.termsa-area .cmm-termsa .cla-tit02 {
  font-weight: 600;
}

.file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.file-wrap > div {
  position: relative;
  width: 50%;
  height: 100px;
  margin-right: 5px;
  display: block;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.file-wrap .front-file {
  margin-right: 5px;
}
.file-wrap label {
  position: absolute;
  top: 50%;
  width: 100%;
  color: #222;
  text-align: center;
  margin-top: 10px;
}
.file-wrap label:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -76px -35px;
  top: -25px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
}
.file-wrap input[type=file], .file-wrap .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .file-wrap [type=file].ico-confirm, .file-wrap .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .file-wrap [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.terms-tit-h1 {
  font-size: 20px;
  font-weight: 700;
  padding: 16px 16px 0;
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) {
  .photo-area {
    height: 568px;
  }
  .photo-area .btn-wrap {
    position: relative;
    bottom: 10px;
  }
}
/* 공통 작업 */
.layer-pop-btm {
  position: fixed;
  width: 100%;
  padding: 0 15px 54px 15px;
  z-index: 1001;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.layer-pop-btm .tit-pop {
  padding-top: 15px;
}
.layer-pop-btm .tit-pop .btn-close,
.layer-pop-btm .tit-pop .btn-popup-close {
  position: absolute;
  right: 10px;
  top: -3px;
}
.layer-pop-btm .tit-pop .btn-close a,
.layer-pop-btm .tit-pop .btn-popup-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.layer-pop-btm .tit-pop .btn-close a:after,
.layer-pop-btm .tit-pop .btn-popup-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.layer-pop-btm .tit-pop .btn-close02 {
  position: absolute;
  right: 10px;
  top: -3px;
}
.layer-pop-btm .tit-pop .btn-close02 a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
}
.layer-pop-btm .tit-pop .btn-close02 a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.layer-pop-btm .tit-pop .blue-cor {
  font-size: 18px;
  color: #2666c6;
}
.layer-pop-btm .content-pop .s-txt {
  font-size: 14px;
  color: #222;
  line-height: 1.4;
}
.layer-pop-btm .content-pop .d-txt {
  font-size: 20px;
  color: #222;
  font-weight: 600;
  line-height: 1.4;
}
.layer-pop-btm .content-pop .d-txt span {
  color: #2666c6;
}
.layer-pop-btm.dealer-call {
  padding: 0;
}
.layer-pop-btm.dealer-call .tit-pop {
  padding: 30px 0;
  background: #f5f6f9;
}
.layer-pop-btm.dealer-call .content-pop {
  padding: 0 !important;
}
.layer-pop-btm.dealer-call .list-dealer-call {
  position: relative;
  overflow: hidden;
}
.layer-pop-btm.dealer-call .list-dealer-call li {
  float: left;
  display: block;
  width: 50%;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #ddd;
  margin-left: -1px;
}
.layer-pop-btm.dealer-call .list-dealer-call li a {
  position: relative;
  display: block;
  height: 90px;
  padding: 55px 0 21px 0;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.1em;
  text-align: center;
}
.layer-pop-btm.dealer-call .list-dealer-call li a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  width: 20px;
  height: 21px;
  left: 50%;
  top: 21px;
  margin-left: -10px;
}
.layer-pop-btm.dealer-call .list-dealer-call li a .blue-txt {
  font-size: 16px;
  color: #2666c6 !important;
}
.layer-pop-btm.dealer-call .list-dealer-call li a.by-tel:after {
  background-position: -164px -20px;
}
.layer-pop-btm.dealer-call .list-dealer-call li a.by-chatting:after {
  background-position: -187px -20px;
}
.layer-pop-btm.dealer-call .list-dealer-call li a.visit-reservation:after {
  background-position: -26px -84px;
}
.layer-pop-btm.dealer-call .list-dealer-call li a.by-message:after {
  background-position: -210px -20px;
}
.layer-pop-btm.dealer-call .list-dealer-call li.text-send a:after {
  background-position: -210px -20px;
}
.layer-pop-btm.dealer-call .list-dealer-call.call-item-trio li {
  width: 33.33%;
}
.layer-pop-btm.dealer-call .list-dealer-call.call-item-trio li:nth-child(2) {
  width: 33.34%;
}
.layer-pop-btm.layer-type {
  padding: 0 0 60px;
}
.layer-pop-btm.layer-type .tit-pop {
  padding: 15px 0 0 15px;
}
.layer-pop-btm.layer-type .content-pop {
  padding: 30px 0 60px;
}
.layer-pop-btm .profile-list li {
  position: relative;
  border-top: 1px solid #ddd;
}
.layer-pop-btm .profile-list li:after {
  content: "";
  position: absolute;
  background: url("../images/common/icon_sprite.png") no-repeat;
  background-size: 360px 639px;
  left: 26px;
  top: 50%;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  z-index: -1;
}
.layer-pop-btm .profile-list li:first-child {
  border: 0;
}
.layer-pop-btm .profile-list li:first-child:after {
  background-position: -122px -521px;
}
.layer-pop-btm .profile-list li:nth-child(2):after {
  background-position: -184px -594px;
}
.layer-pop-btm .profile-list li a {
  display: block;
  height: 70px;
  font-size: 16px;
  color: #222;
  text-decoration: none;
  line-height: 70px;
  padding: 0 0 0 52px;
}
.layer-pop-btm .btn-wrap.btm-col.col2 a:nth-child(1) {
  border-color: #ddd;
}
.layer-pop-btm .cmm-guidance {
  position: relative;
  margin-top: 20px;
  padding: 0 0 0 18px;
}
.layer-pop-btm .cmm-guidance dt:after, .layer-pop-btm .cmm-guidance .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .layer-pop-btm .cmm-guidance dd:after {
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
  margin-right: 5px;
}
.layer-pop-btm.new-content-body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.layer-pop-btm.new-content-body .tit-pop {
  padding-top: 24px;
  padding-left: 4px;
  min-height: 5.4rem;
}
.layer-pop-btm.new-content-body .tit-pop h1,
.layer-pop-btm.new-content-body .tit-pop .tit-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.layer-pop-btm.new-content-body .tit-pop .btn-close,
.layer-pop-btm.new-content-body .tit-pop .btn-popup-close {
  top: 26px;
  right: 16px;
}
.layer-pop-btm.new-content-body .tit-pop .btn-close a,
.layer-pop-btm.new-content-body .tit-pop .btn-popup-close a {
  display: block;
  width: 24px;
  height: 24px;
}
.layer-pop-btm.new-content-body .tit-pop .btn-close a:after,
.layer-pop-btm.new-content-body .tit-pop .btn-popup-close a:after {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  background: url("../images/sub/btn_busy_diag.png") no-repeat 0 0;
}
.layer-pop-btm.new-content-body .tit-pop .btn-history-back {
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  overflow: hidden;
  background: url("../images/common/btn-back.svg");
  text-indent: -10000px;
}
.layer-pop-btm.new-content-body .tit-pop .btn-history-back + h1, .layer-pop-btm.new-content-body .tit-pop .btn-history-back + h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.6rem;
}
.layer-pop-btm.new-content-body .tit-pop .icon-kbc-app {
  position: absolute;
  top: -3.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.layer-pop-btm.new-content-body .scroll-wrap {
  height: auto !important;
  max-height: calc(90vh - 100px);
  padding-bottom: 30px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.layer-pop-btm.new-content-body .scroll-wrap.ty-2 {
  margin-bottom: 30px;
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.layer-pop-btm.new-content-body .scroll-wrap.ty-3 {
  padding: 0 20px 96px 20px;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.layer-pop-btm.new-content-body .scroll-wrap .banner-inner > img {
  width: 100%;
}
.layer-pop-btm.layer-pop-btm--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 0;
  padding: 0;
}
.layer-pop-btm.layer-pop-btm--full .tit-pop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 44px;
  padding: 8px 30px 8px 16px;
  line-height: 1.4;
}
.layer-pop-btm.layer-pop-btm--full .tit-pop h1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 1.4;
}
.layer-pop-btm.layer-pop-btm--full .tit-pop .btn-close {
  top: 10px;
}
.layer-pop-btm.layer-pop-btm--full .content-pop {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 16px !important;
  overflow-y: auto;
  height: 100%;
}
.layer-pop-btm.layer-pop-btm--full .content-pop.content-pop-base {
  padding: 16px 16px 0 !important;
}
.layer-pop-btm.layer-pop-btm--full .content-pop .scroll-wrap {
  overflow: visible;
  height: auto !important;
  max-height: none;
}
.layer-pop-btm.layer-pop-btm--full .content-pop .scroll-wrap .subcont-area.type-bg:last-child {
  margin-bottom: -30px;
}
.layer-pop-btm.layer-pop-btm--mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: auto;
  -webkit-animation: none !important;
          animation: none !important;
  background: none;
  padding: 0 60px;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}
.layer-pop-btm.layer-pop-btm--mini > .mask {
  z-index: -1;
  background: none;
}
.layer-pop-btm.layer-pop-btm--mini .tit-pop {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 24px 50px 24px 24px;
  background: #fff;
  height: auto;
  border-radius: 12px 12px 0 0;
}
.layer-pop-btm.layer-pop-btm--mini .tit-pop h1 {
  padding: 0;
}
.layer-pop-btm.layer-pop-btm--mini .tit-pop .btn-close {
  top: 20px;
}
.layer-pop-btm.layer-pop-btm--mini .dialog__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #fff;
  padding: 0 24px !important;
  border-radius: 0 0 12px 12px;
}
.layer-pop-btm.layer-pop-btm--mini.layer-pop-btm--open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
  -webkit-transition: none;
  transition: none;
}
.layer-pop-btm.layer-pop-btm--mini.layer-pop-btm--open > .mask {
  background: #000;
}
.layer-pop-btm.layer-pop-btm--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: auto;
  -webkit-animation: none !important;
          animation: none !important;
  background: none;
  padding: 0 16px;
  border-radius: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.layer-pop-btm.layer-pop-btm--center > .mask {
  z-index: -1;
  background: none;
}
.layer-pop-btm.layer-pop-btm--center > .popup-dim {
  z-index: -1;
}
.layer-pop-btm.layer-pop-btm--center .tit-pop {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 24px 50px 24px 24px;
  background: #fff;
  margin-bottom: -1px;
  height: auto;
  border-radius: 12px 12px 0 0;
}
.layer-pop-btm.layer-pop-btm--center .tit-pop h1 {
  padding: 0;
}
.layer-pop-btm.layer-pop-btm--center .tit-pop .btn-close,
.layer-pop-btm.layer-pop-btm--center .tit-pop .btn-popup-close {
  top: 20px;
}
.layer-pop-btm.layer-pop-btm--center .dialog__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #fff;
  padding: 0 16px !important;
  border-radius: 0 0 12px 12px;
}
.layer-pop-btm.layer-pop-btm--center.layer-pop-btm--open {
  z-index: 9999;
  opacity: 1 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.layer-pop-btm.layer-pop-base {
  letter-spacing: 0;
}
.layer-pop-btm.layer-pop-base.con-lr .scroll-wrap {
  padding-left: 20px;
  padding-right: 20px;
}
.layer-pop-btm.layer-pop-base.con-t .content-pop {
  padding-top: 21px !important;
}
.layer-pop-btm.layer-pop-base.con-b .scroll-wrap {
  padding-bottom: 88px;
}
.layer-pop-btm.layer-pop-base.layer-pop-btm--full .tit-pop {
  padding: 14px 45px 14px 20px;
  position: relative;
}
.layer-pop-btm.layer-pop-base.layer-pop-btm--full .tit-pop .btn-close {
  top: 16px;
}
.layer-pop-btm.layer-pop-base.layer-pop-btm--full .tit-pop .btn-close a:after {
  background-image: url(../images/common/icon/icon24-pop-close.svg);
}
.layer-pop-btm.layer-pop-base.layer-pop-btm--full .scroll-wrap {
  padding-bottom: 120px;
}
.layer-pop-btm.layer-pop-base.no-footer .scroll-wrap {
  padding-bottom: 24px;
}
.layer-pop-btm.layer-pop-base .tit-pop {
  padding: 24px 45px 0 4px;
}
.layer-pop-btm.layer-pop-base .tit-pop .btn-close {
  top: 24px;
}
.layer-pop-btm.layer-pop-base .modal-footer {
  padding: 24px 16px 16px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.layer-pop-btm.layer-pop-base .scroll-wrap {
  padding-bottom: 96px;
}

.layer-pop-btm02 {
  z-index: 1002;
}
.layer-pop-btm02 .btn-wrap.btm-col.col2 a:nth-child(1) {
  border-color: #ddd;
}

.mask,
.mask03,
.popup-dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000;
  opacity: 0.8;
  cursor: pointer;
}

.mask02 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background: #000;
  opacity: 0.8;
  cursor: pointer;
}

.scroll-wrap {
  position: relative;
  overflow: auto;
  height: auto;
  margin-bottom: -60px;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
}
.scroll-wrap > * {
  -webkit-transform: translateZ(0px);
}

.layer-sample button,
.layer-sample a {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 125px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  margin: -20px 0 0 -50px;
  text-decoration: none;
  color: #222;
}

/* 2020.06.17 */
.layerType {
  overflow: hidden;
  padding-bottom: 20px;
}
.layerType .content-pop {
  padding: 30px 0 0 !important;
}
.layerType .scroll-wrap {
  margin: 0;
}
.layerType .layerQuestion {
  width: 100%;
  padding: 10px 0;
}
.layerType .layerQuestion .question {
  position: relative;
  margin-bottom: 15px;
  padding: 0 0 0 27px;
}
.layerType .layerQuestion .question:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../images/common/Q.png") no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
}
.layerType .layerQuestion .question strong {
  position: relative;
  font-size: 16px;
  letter-spacing: -0.1em;
}
.layerType .layerQuestion .question strong:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #adbcd6;
}
.layerType .layerQuestion .answer {
  position: relative;
  width: 100%;
  padding: 33px 9px 30px;
  background: #f7f8f8;
  border-radius: 4px;
}
.layerType .layerQuestion .answer:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  background: url("../images/common/A.png") no-repeat;
  background-size: 100%;
  width: 17px;
  height: 17px;
}
.layerType .layerQuestion .answer p, .layerType .layerQuestion .answer ul.guide-bul > li {
  font-size: 14px;
}
.layerType .layerQuestion .answer ol > li {
  color: #4f6ea7;
}
.layerType .layerQuestion .answer ol > li .num {
  position: relative;
  top: -2px;
  color: #4f6ea7;
}
.layerType .layerQuestion .answer ol > li ul {
  line-height: 20px;
  margin-bottom: 20px;
}
.layerType .layerQuestion .answer ol > li ul li {
  color: #333;
}
.layerType .layerQuestion .text {
  display: block;
  color: #333;
  padding: 0 0 0 10px;
}
.layerType .layerQuestion em {
  font-style: normal;
}
.layerType .layerQuestion .exList {
  padding: 20px 20px 30px;
}
.layerType .layerQuestion .exList img {
  width: 100%;
}
.layerType .layerQuestion .iconWrap {
  text-align: center;
}
.layerType .layerQuestion .iconWrap .icon img {
  width: 47.5px;
}
.layerType .layerQuestion .iconWrap span {
  display: inline-block;
  margin-top: 5px;
  color: #666;
}
.layerType .layerQuestion .btn-warp {
  text-align: center;
}
.layerType .layerQuestion .btn-warp .btn {
  display: inline-block;
  padding: 0 17px;
  height: 45px;
  background: #3863be;
  color: #fff;
  text-decoration: none;
  line-height: 45px;
  border-radius: 4px;
}

.popup-article {
  color: #222;
}
.popup-article .popup-header .popup-tit {
  color: #222;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.popup-article .popup-header .popup-desc {
  margin-top: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}
.popup-article .popup-section {
  margin-top: 16px;
  padding: 16px 20px;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.popup-article .popup-section .popup-tit {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  color: inherit;
}
.popup-article .popup-section .popup-text {
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  color: inherit;
}
.popup-article .popup-section .popup-section {
  margin-top: 8px;
  padding: 12px 16px;
  background: #fff;
}
.popup-article .popup-section .popup-section .popup-tit {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.popup-article .popup-section .popup-section .popup-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

/* 공통 작업 */
.onestop-section .new-car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 15px 15px;
  border-bottom: 1px solid #ddd;
}
.onestop-section .new-car-info > strong {
  font-size: 16px;
}
.onestop-section .new-car-info > a {
  text-decoration: none;
  color: #364f7f;
}
.onestop-section .s-usedcar-info {
  padding: 20px 0 30px;
}
.onestop-section .s-usedcar-info .general-usedcar .b-brand {
  font-weight: bold;
  font-size: 16px;
}
.onestop-section .s-usedcar-info .general-usedcar .s-model {
  display: block;
  text-decoration: none;
  margin-top: 15px;
  font-size: 13px;
  color: #364f7f;
}
.onestop-section .m-info {
  padding: 0 15px;
}
.onestop-section .m-info .icon {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  font-size: 13px;
}
.onestop-section .m-info .icon:before {
  position: absolute;
  top: 9px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #fd665c;
  content: "";
}
.onestop-section .carlist {
  padding: 0 22px;
  margin-top: 10px;
}
.onestop-section .carlist > li {
  display: inline-block;
  font-size: 13px;
  color: #10a8e5;
}
.onestop-section .carlist > li > span {
  font-size: 13px;
}
.onestop-section .btn-wrap {
  padding-bottom: 30px;
}
.onestop-section .btn-wrap .btn.blue {
  border: 1px solid #2666c6;
  background-color: #2666c6;
  color: #fff;
}

.simulation-info {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 0 15px;
}
.simulation-info > h2 {
  font-size: 16px;
  margin-bottom: 5px;
}
.simulation-info > p, ul.simulation-info.guide-bul > li {
  font-size: 14px;
}
.simulation-info > p > span, ul.simulation-info.guide-bul > li > span {
  color: #2666c6;
  font-weight: 700;
}

.installment {
  padding: 0 15px;
}
.installment .box-area {
  position: relative;
}
.installment .box-area .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  margin-bottom: 10px;
}
.installment .box-area .tit .info {
  text-indent: -99999px;
  position: relative;
  top: -1px;
  margin-left: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../images/sub/sprite_buy2.png");
  background-size: 250px auto;
}
.installment .box-area .set-ment {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
  color: #2666c6;
  font-weight: 600;
}
.installment .box-area .b-ment {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
  color: #222;
  font-weight: 600;
}
.installment .box-area .input-box .input-type {
  text-align: right;
}

.shipping-service .progress {
  border-radius: 0 0 15px 15px;
  padding: 0 15px;
}
.shipping-service .progress .equal-list li {
  border-top: none;
}
.shipping-service .progress .equal-list li .photo {
  margin-left: 10px;
}
.shipping-service .btn-type {
  border-radius: 10px;
}
.shipping-service .btn-type a {
  position: relative;
  padding: 0 0 0 15px;
}
.shipping-service .btn-type a::before {
  position: relative;
  top: -2px;
  width: 16px;
  height: 16px;
  padding: 0 0 0 25px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -81px 3px;
  background-size: 250px;
  content: "";
}
.shipping-service .sell-step {
  padding: 0;
}
.shipping-service .sell-step .dealer-renew {
  background: #fff;
  border-radius: 7px;
  padding: 0;
}
.shipping-service .sell-step .dealer-renew .tit-area {
  padding: 15px 0 10px;
}
.shipping-service .sell-step .dealer-renew .tit-area .sub-tit {
  display: inline-block;
  padding: 0 5px 0 15px;
}
.shipping-service .sell-step .dealer-renew .tit-area .tooltip {
  top: 3px;
  margin: 0;
}
.shipping-service .sell-step .dealer-renew .check-info {
  padding: 0 15px 30px;
}
.shipping-service .sell-step .dealer-renew .check-info .car-img {
  float: left;
  width: 110px;
  height: 83px;
}
.shipping-service .sell-step .dealer-renew .check-info .car-img img {
  width: 100%;
}
.shipping-service .sell-step .dealer-renew .check-info .info-txt {
  padding: 0 0 0 120px;
}
.shipping-service .sell-step .dealer-renew .check-info .info-txt .month-km {
  margin-top: 10px;
  font-size: 18px;
}
.shipping-service .sell-step .extend-gt {
  padding: 0 15px 25px;
}
.shipping-service .sell-step .add-extend {
  padding: 25px 15px 10px;
}
.shipping-service .sell-step .add-extend .tit-txt {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 30px;
}
.shipping-service .sell-step .add-extend .max-month-km {
  margin-bottom: 15px;
  font-size: 15px;
}
.shipping-service .sell-step .blue {
  color: #2666c6;
}
.shipping-service .progress-content {
  padding-bottom: 20px;
}
.shipping-service .progress-content .tit {
  font-size: 18px;
}
.shipping-service .progress-content .tit > span {
  font-size: 18px;
}
.shipping-service .progress-content .tit > em {
  font-weight: 400;
  color: #999;
  font-style: normal;
}
.shipping-service .progress-content .progress-list {
  margin-top: 15px;
}
.shipping-service .progress-content .progress-list ul li {
  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;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.shipping-service .progress-content .progress-list ul li > p {
  font-size: 13px;
}
.shipping-service .progress-content .progress-list ul li > .ico {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  color: #666;
  padding-left: 25px;
}
.shipping-service .progress-content .progress-list ul li > .ico::before {
  position: absolute;
  left: 0px;
  top: 0;
  width: 17px;
  height: 17px;
  background-image: url("../images/sub/sprite_buy2.png");
  background-repeat: no-repeat;
  background-position: 0 -21px;
  background-size: 250px;
  content: "";
}
.shipping-service .progress-content .progress-list ul li.clear {
  background-color: #ececec;
}
.shipping-service .progress-content .progress-list ul li.clear > p {
  color: #999;
}
.shipping-service .progress-content .progress-list ul li.clear > .ico {
  color: #3366cc;
}
.shipping-service .progress-content .progress-list ul li.clear > .ico::before {
  background-position: 0 -39px;
  content: "";
}

.delivery-method {
  background-color: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.delivery-method .type-tit {
  position: relative;
  padding-right: 10px;
  font-weight: 600 !important;
}
.delivery-method .type-tit .in-btn {
  position: relative;
}
.delivery-method .total-footer {
  border-top: 1px solid #ddd;
}
.delivery-method .total-footer > ul li strong {
  font-weight: 300;
}
.delivery-method .checked-area {
  padding: 12px 15px;
}
.delivery-method .checked-area input[type=checkbox], .delivery-method .checked-area .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .delivery-method .checked-area [type=checkbox].ico-confirm, .delivery-method .checked-area .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .delivery-method .checked-area [type=checkbox].ico-confirm {
  display: none;
}
.delivery-method .checked-area label {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  padding-right: 27px;
}
.delivery-method .checked-area label::before {
  position: absolute;
  left: 0px;
  top: 0;
  display: block;
  width: 19px;
  height: 19px;
  background-image: url("../images/sub/sprite_buy2.png");
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: 0 -65px;
  content: "";
}
.delivery-method .checked-area label > span {
  display: block;
  font-size: 13px;
}
.delivery-method .checked-area label .t-tit {
  font-size: 18px;
}
.delivery-method .checked-area label .t-tit span {
  font-size: 18px;
}
.delivery-method .checked-area label .t-txt {
  display: block;
  margin-top: 5px;
  color: #666;
}
.delivery-method .checked-area input[type=checkbox]:checked + label::before, .delivery-method .checked-area .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label::before, .new-content-body .inp-box .delivery-method .checked-area [type=checkbox].ico-confirm:checked + label::before, .delivery-method .checked-area .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label::before, .type-mydata .inp-box .delivery-method .checked-area [type=checkbox].ico-confirm:checked + label::before {
  background-position: -23px -65px;
}
.delivery-method .checked-area.b-b {
  border-bottom: 1px solid #ddd;
}
.delivery-method .list {
  margin-top: 25px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.delivery-method .list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
}
.delivery-method .list > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-right: 15px;
}
.delivery-method .list > ul > li::before {
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/sub/sprite_buy2.png");
  background-repeat: no-repeat;
  background-size: 250px;
  margin-bottom: 10px;
  content: "";
}
.delivery-method .list > ul > li.e::before {
  background-position: 0 -100px;
}
.delivery-method .list > ul > li.m::before {
  background-position: -46px -100px;
}
.delivery-method .list > ul > li.p::before {
  background-position: -90px -100px;
}
.delivery-method .list > ul > li.d::before {
  background-position: -136px -100px;
}
.delivery-method .list > ul > li > span {
  font-size: 13px;
}
.delivery-method .list > ul > li:last-child {
  margin-right: 0px;
}
.delivery-method .accept-terms .total {
  border-top: none;
  border-bottom: none;
}
.delivery-method .accept-terms .total label {
  font-size: 14px;
}
.delivery-method .accept-terms .list-accept > div {
  border-bottom: none;
}
.delivery-method .accept-terms .list-accept > div label {
  font-size: 14px;
  padding: 10px 60px 10px 35px;
}
.delivery-method .txt-red {
  padding: 0 15px 15px;
  font-size: 13px;
  color: #fd665c;
}
.delivery-method .info {
  padding: 0px 45px 15px;
}
.delivery-method .info > p, .delivery-method ul.info.guide-bul > li {
  margin-bottom: 30px;
}
.delivery-method .info strong {
  font-size: 18px;
}
.delivery-method .info strong span {
  font-size: 18px;
}

.in-btn {
  position: absolute;
  display: inline-block;
  right: 5px;
  top: -1px;
  width: 18px;
  height: 18px;
  background-image: url("../images/sub/sprite_buy2.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 250px;
  text-indent: -9999px;
}

.deliver-info {
  padding: 20px 15px 0;
}
.deliver-info ul li {
  margin-bottom: 10px;
}
.deliver-info ul li p, .deliver-info ul li ul.guide-bul > li {
  color: #222;
}
.deliver-info .deliver-link {
  display: block;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  color: #222;
  height: 50px;
  line-height: 56px;
  border-radius: 10px;
  margin: 10px 0 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.deliver-info .deliver-link > span {
  font-size: 18px;
  display: inline-block;
  padding-left: 28px;
  position: relative;
}
.deliver-info .deliver-link > span::before {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -20px -20px;
  background-size: 250px;
  content: "";
}

.repair-list ul {
  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: 100%;
}
.repair-list ul li {
  width: 33.3333%;
  padding: 0 2.5px 5px;
}
.repair-list ul li > div {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.repair-list ul li > div.on {
  background-color: #2666c6;
}
.repair-list ul li > div.on > span {
  color: #fff;
}
.repair-list ul li > div.on > strong {
  color: #fff;
}

.repair-txt {
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
}

.caution-txt {
  position: relative;
  padding-left: 18px;
  text-align: center;
  margin-top: 30px;
}
.caution-txt::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
}

.top-info-record .car-name {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
}
.top-info-record .s-info {
  margin-bottom: 10px;
}
.top-info-record .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.top-info-record .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.top-info-record .s-info span:last-child:after {
  display: none;
}
.top-info-record .number-name {
  display: block;
  margin-bottom: 15px;
}
.top-info-record .b-info .ra-ck {
  vertical-align: middle;
  display: inline-block;
}

.delivery-content {
  padding: 0 15px 15px;
}
.delivery-content .tit {
  display: block;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 16px;
}
.delivery-content .h-box {
  position: relative;
}
.delivery-content .h-box.fs-size .input-type {
  letter-spacing: -1px;
  font-size: 16px;
}
.delivery-content .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  background: url("../images/sub/sprite_buy2.png") no-repeat calc(100% - 15px) 15px;
  background-size: 250px;
  text-indent: -99999px;
  content: "";
}
.delivery-content .sale-txt {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 16px;
}
.delivery-content .h-box > div {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.delivery-content ~ .delivery-content {
  border-top: 1px solid #ddd;
  padding: 15px 15px 15px;
}

.sell-tit {
  display: block;
  font-size: 16px;
  padding-top: 20px;
  margin-bottom: 15px;
}

.btn-way {
  text-align: center;
  padding: 30px 0 20px;
}
.btn-way > a {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  text-decoration: none;
  font-weight: 600;
  color: #333;
}
.btn-way > a:after {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -66px 0;
  background-size: 250px;
  content: "";
}
.btn-way.col-2 {
  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;
  padding: 30px 15px 20px;
}
.btn-way.col-2 > a:first-child {
  padding-left: 22px;
}
.btn-way.col-2 > a:first-child:after {
  left: 0px;
  right: auto;
  background-position: -51px 0;
}
.btn-way.col-2 > a:last-child:after {
  background-position: -66px 0;
}

.check-box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 15px;
}
.check-box-area .tit {
  margin: 0px;
}
.check-box-area .ra-ck label {
  font-size: 14px;
}
.check-box-area .ra-ck label:after {
  top: 0;
}

.section-wrap {
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 0 15px;
}

.total-header {
  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;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.total-header > p, ul.total-header.guide-bul > li {
  font-size: 16px;
}
.total-header > p span, ul.total-header.guide-bul > li span {
  font-size: 16px;
  font-weight: 600;
}

.total-content {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.total-content > ul li {
  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-bottom: 15px;
}
.total-content > ul li span {
  color: #666;
}
.total-content > ul li strong {
  font-weight: 600;
}
.total-content > ul li:last-child {
  margin-bottom: 0px;
}

.total-footer {
  padding: 15px 0;
}
.total-footer > ul li {
  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-bottom: 5px;
}
.total-footer > ul li .point-blue {
  font-size: 18px;
  font-weight: 600;
}
.total-footer > ul li span {
  font-weight: 600;
  font-size: 14px;
}

.btn-info a {
  display: block;
  background-color: #2666c6;
  border-radius: 15px;
  text-align: center;
  padding: 30px 0;
}
.btn-info a span {
  padding-left: 30px;
  display: inline-block;
  color: #fff;
  position: relative;
  font-size: 18px;
}
.btn-info a span:before {
  position: absolute;
  font-size: 18px;
  left: 0px;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -106px 0;
  background-size: 250px;
  content: "";
}

.srch-list .btn-h-box.option-sel {
  padding: 10px 15px 0;
}

.row-flow {
  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-top: 1px solid #ddd;
  height: 78px;
}
.row-flow > span {
  font-weight: 600;
  font-size: 16px;
}
.row-flow > strong {
  font-size: 20px;
}

.onestop-wrap {
  margin-top: 20px;
}
.onestop-wrap .one-stop-tit {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.onestop-wrap .s-usedcar-info {
  padding: 10px 0px 30px;
}
.onestop-wrap .s-usedcar-info .general-usedcar {
  padding: 0;
}
.onestop-wrap .s-usedcar-info .general-usedcar .s-car-txt {
  width: auto;
}
.onestop-wrap .s-usedcar-info .general-usedcar .s-car-img .sold-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}
.onestop-wrap .s-usedcar-info .general-usedcar .s-car-img .sold-out > span {
  display: inline-block;
  border-radius: 3px;
  background-color: #fd665c;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
}
.onestop-wrap .tbl-list {
  padding: 0;
}
.onestop-wrap .tbl-list .table-scroll {
  margin-right: 0px;
  -webkit-overflow-scrolling: initial;
}
.onestop-wrap .tbl-list .clone {
  top: 1px;
}

.shipping-clear {
  background-color: #fff;
  padding: 0 15px 100px;
}
.shipping-clear .radius-none {
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.clear-info-txt {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
}
.clear-info-txt > p, ul.clear-info-txt.guide-bul > li {
  font-size: 18px;
  text-decoration: underline;
}

.estimate-area {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.estimate-area .change-section .s-usedcar-info .general-usedcar .fx-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.estimate-area .change-section .s-usedcar-info .general-usedcar .s-car-txt {
  text-align: left;
}
.estimate-area .change-section .s-usedcar-info .p-pay {
  position: relative;
  top: -2px;
  display: inline-block;
  background-color: #6bb3b0;
  color: #fff;
  border-radius: 50px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  font-weight: 400;
}
.estimate-area.estimate-radius {
  overflow: hidden;
  border-radius: 0 0 15px 15px;
}
.estimate-area .car-info-input .h-area {
  padding: 0px;
  margin: 0 15px;
}
.estimate-area.non-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.estimate-area.non-shadow .car-info-input {
  border: 0;
  margin-top: -30px;
  padding: 0 15px 25px;
}
.estimate-area.non-shadow .car-info-input .detail-info > span {
  position: relative;
  margin-right: 17px;
}
.estimate-area.non-shadow .car-info-input .detail-info > span:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 6px;
  width: 1px;
  height: 11px;
  background: #222;
}
.estimate-area.non-shadow .car-info-input .car-price {
  display: block;
  color: #2666c6;
  font-size: 20px;
  padding: 15px 0 0;
}

.car-change-box > a {
  position: relative;
  display: block;
  height: 50px;
  text-indent: -99999px;
}
.car-change-box > a:after {
  position: absolute;
  left: 50%;
  top: 20px;
  display: block;
  width: 12px;
  height: 10px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -118px -4px;
  background-size: 250px;
  content: "";
}

.change-estimate-info {
  padding: 0 15px;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.change-estimate-info.radius-bottom-none {
  border-radius: 15px 15px 0 0;
}
.change-estimate-info .estimate-info {
  border-top: none;
  border-radius: 15px 15px 0 0;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 25px 0px;
}
.change-estimate-info .estimate-info .tit {
  left: 0px;
}
.change-estimate-info .estimate-info .info-txt .price-area {
  margin-bottom: 0px;
}
.change-estimate-info .s-section {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0px;
  padding: 30px 0px;
}
.change-estimate-info .price-range-bar__safe-knob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.change-estimate-info .price-range-bar__safe-knob:before {
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  content: "";
}
.change-estimate-info .car-info-input {
  padding: 0;
  border: 0;
}
.change-estimate-info .car-info-input .h-area {
  padding: 0 0 15px;
}

.detail-btn {
  position: relative;
  top: 3px;
  text-decoration: none;
  color: #364f7f;
}

.btn-accident {
  position: relative;
  top: 2px;
  display: block;
  text-decoration: none;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
}

.content-pop .s-section.radius-none {
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h-box > .flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.btn-calculation {
  margin-top: 30px;
}
.btn-calculation a {
  position: relative;
  padding-left: 34px;
  display: block;
  height: 54px;
  line-height: 54px;
  color: #fff;
  background-color: #364f7f;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
}
.btn-calculation a:before {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 12px;
  height: 16px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -129px 0;
  background-size: 250px;
  content: "";
}
.btn-calculation a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -60px -169px;
  width: 7px;
  height: 13px;
  background-size: 500px;
}

.info-btn {
  text-indent: -99999px;
  position: relative;
  top: -1px;
  margin-left: 2px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../images/sub/sprite_buy2.png");
  background-size: 250px auto;
}

.box-wrap-gray {
  position: relative;
  padding: 15px;
  background-color: #f5f6f9;
  border-radius: 5px;
  margin-bottom: 10px;
}
.box-wrap-gray.deep {
  background-color: #e9eef0;
}
.box-wrap-gray .tit {
  margin-bottom: 12px;
}
.box-wrap-gray .assurance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-wrap-gray .assurance .icon {
  display: block;
  width: 50px;
}
.box-wrap-gray .assurance .icon img {
  width: 100%;
}
.box-wrap-gray .assurance .as-content {
  padding-left: 12px;
}
.box-wrap-gray .assurance .as-content strong {
  color: #2666c6;
}
.box-wrap-gray .assurance .as-content > p, .box-wrap-gray .assurance ul.as-content.guide-bul > li {
  margin-top: 3px;
  color: #999;
}
.box-wrap-gray .assurance .as-content .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-wrap-gray .assurance .as-content .ws-list li span {
  color: #2666c6;
}
.box-wrap-gray .assurance.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.box-wrap-gray .more {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #364f7f;
  text-decoration: none;
}
.box-wrap-gray .step-list {
  margin-top: 42px;
}
.box-wrap-gray .step-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box-wrap-gray .step-list > ul li {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 20px;
  border-radius: 5px;
  margin-right: 10px;
}
.box-wrap-gray .step-list > ul li:last-child {
  margin-right: 0px;
}
.box-wrap-gray .step-list > ul li .icon {
  width: 100%;
  position: absolute;
  top: -24px;
  left: 0px;
  display: block;
}
.box-wrap-gray .step-list > ul li .icon img {
  width: 62px;
}
.box-wrap-gray .step-list > ul li .pay {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
  color: #2666c6;
}
.box-wrap-gray .step-list > ul li strong span {
  font-size: 13px;
}
.box-wrap-gray .btn-clear {
  margin-top: 15px;
  text-align: center;
}
.box-wrap-gray .btn-clear a {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  background-color: #2666c6;
  border-radius: 5px;
}

.box-wrap-notice {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}
.box-wrap-notice .tit-notice {
  font-size: 16px;
  margin-bottom: 6px;
}

.cmm-radio-box label {
  position: relative;
  display: block;
  background: #f5f6f9;
  border-radius: 7px;
  padding: 15px 10px 15px 37px;
  height: auto;
}
.cmm-radio-box .input-r + label:after {
  left: 10px;
  top: 20px;
}
.cmm-radio-box .h-box {
  display: -webkit-box;
}
.cmm-radio-box .h-box strong {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.cmm-radio-box .h-box strong.pay {
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
  -webkit-box-pack: end;
}

/* 공통 작업 */
.mycar .customer + .car-select-list {
  border-radius: 10px 10px 0 0;
}
.mycar > .car-select-list {
  border-radius: 0px;
  background-color: transparent;
  margin-bottom: 0px;
}
.mycar > .car-select-list .link-type {
  position: relative;
  background-color: #fff;
}
.mycar > .car-select-list .link-type:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.mycar .k-section {
  margin-bottom: 0px;
  border-top: 1px solid #ddd;
  border-radius: 0px;
}
.mycar .k-car-search .tit .point-blue {
  font-size: 24px;
}
.mycar .paginate {
  padding-bottom: 30px;
}
.mycar .enquiry-detail-list + .inquiry-length {
  padding-bottom: 30px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 35px;
}
.mycar .enquiry-detail-list + .inquiry-length > ul li:last-child {
  border-bottom: 1px solid #ddd;
}

.bottom-banner-garage {
  position: fixed;
  left: 0;
  bottom: 54px;
  right: 0;
  display: block;
  width: 100%;
  height: 75px;
  padding: 18px 25px;
  border-top: 1px solid #e5e5e5;
  color: #222;
  font-size: 15px;
  letter-spacing: -0.5px;
  background: #fff;
}
.bottom-banner-garage .bottom-banner-garage__button {
  position: absolute;
  right: 25px;
  top: 50%;
  display: inline-block;
  margin-top: -19px;
  padding: 0 16px;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  border-radius: 19px;
  background: #3864bf;
  text-decoration: none;
}
.bottom-banner-garage .bottom-banner-garage__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.bottom-banner-garage .bottom-banner-garage__block {
  display: block;
}
.bottom-banner-garage .bottom-banner-garage__text {
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.bottom-banner-garage .bottom-banner-garage__text:after {
  content: "";
  display: block;
  height: 6px;
  margin-top: -8px;
  background: #e2ecff;
}

.header.mycar-header > h1 {
  color: #535456;
  padding: 12px 0 0 21px;
}
.header.mycar-header .link-area .mycar:after {
  /*background-position: -342px -55px;*/
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_mycar.png") no-repeat;
  background-size: 38px 22px;
}
.header.mycar-header .link-area .mycar.rnw:after {
  background: url("../images/common/icon_mycar_rnw.png") no-repeat;
  background-size: 38px 22px;
}
.header.mycar-header .link-area .membership {
  padding-bottom: 0;
  width: 38px;
}
.header.mycar-header .link-area .membership:after {
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_membership.png") no-repeat;
  background-size: 38px 22px;
}

.enquiry-list {
  text-align: right;
  margin: 0 15px;
  padding-bottom: 20px;
}
.enquiry-list > li {
  display: inline-block;
}
.enquiry-list .btn {
  position: relative;
  display: block;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 9px;
  text-decoration: none;
  color: #222;
}
.enquiry-list .btn > span {
  color: #2666c6;
}
.enquiry-list .btn > em {
  font-style: normal;
  position: absolute;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 12px;
  right: -6px;
  top: -10px;
  border-radius: 100%;
  background-color: #fd665c;
  color: #fff;
  font-size: 8px;
  font-weight: 400;
  text-indent: -9999px;
  z-index: 2;
}
.enquiry-list .btn > em:after {
  content: "N";
  position: absolute;
  left: 0;
  top: 4px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  text-align: center;
  text-indent: 0;
}

.mycar-header {
  padding: 0px;
}

[class*=m-section] {
  padding: 0 30px;
}
[class*=m-section].s-bg-gray {
  border-radius: 0;
  margin: 0 0 -15px;
  padding: 85px 30px 40px;
  background: #eff0f4;
}
[class*=m-section] h3.tit {
  margin-top: 25px;
  font-size: 16px;
}

.set-btn {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  border-radius: 50px;
  padding: 0px 7px;
  color: #fff;
  background-color: #7c7d84;
  text-decoration: none;
}

.login-btn {
  display: inline-block;
  height: 22px;
  border-radius: 50px;
  line-height: 22px;
  text-decoration: none;
  padding: 0px 7px;
  background-color: #2666c6;
  font-size: 13px;
  color: #fff;
}

.m-content-header h2.tit {
  margin-bottom: 15px;
  padding: 0;
  color: #7c7d84;
  line-height: 1.2;
  font-size: 20px;
}
.m-content-header h2.tit span {
  font-size: 20px;
  color: #2666c6;
}
.m-content-header .car-swipe {
  width: 90px;
  height: 75px;
}
.m-content-header .car-swipe .swiper-container {
  padding-bottom: 12px;
}
.m-content-header .car-swipe .swiper-container > .swiper-scrollbar {
  height: 3px;
}
.m-content-header .car-swipe .swiper-container img {
  width: 100%;
}
.m-content-header .car-swipe strong {
  display: block;
  text-align: center;
}
.m-content-header.m-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.m-content-header .car-attention > a {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
}
.m-content-header .car-attention > a img {
  width: 128px;
  position: relative;
  z-index: 2;
}
.m-content-header .car-attention > a .txt {
  width: 160px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: -15px;
  z-index: 1;
  padding: 3px 10px;
  color: #fff;
  border-radius: 50px;
  font-weight: 400;
  font-size: 13px;
  background: rgb(119, 131, 161);
  background: -webkit-gradient(linear, left top, right top, from(rgb(119, 131, 161)), to(rgb(250, 131, 126)));
  background: linear-gradient(90deg, rgb(119, 131, 161) 0%, rgb(250, 131, 126) 100%);
}

.point-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
}
.point-box .point-info {
  position: relative;
  overflow: hidden;
  padding-bottom: 8px;
  margin-bottom: 9px;
  border-bottom: 1px solid #eee;
}
.point-box .point-info .info-tit {
  display: block;
  float: left;
  width: 50%;
}
.point-box .point-info .info-tit span {
  color: #7c7d84;
  display: block;
}
.point-box .point-info .info-tit em {
  position: relative;
  display: inline-block;
  font-size: 26px;
  font-style: normal;
  color: #7683a1;
}
.point-box .point-info .info-tit em.coin {
  display: inline-block;
  position: relative;
  padding-right: 24px;
}
.point-box .point-info .info-tit em.coin:after {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -6px;
  width: 15px;
  color: #fff;
  height: 15px;
  border-radius: 100%;
  text-align: center;
  line-height: 17px;
  font-size: 13px;
  background: url("../images/sub/sprite_mycar.png") no-repeat 0 -22px;
  background-size: 500px;
  content: "";
}
.point-box .point-info .info-tit em.coupon {
  display: inline-block;
  padding-right: 18px;
}
.point-box .point-info .info-tit em.coupon .coupon-num {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  font-size: 14px;
  line-height: 1;
}
.point-box .point-info .membership-btn {
  position: absolute;
  right: 0;
  bottom: 13px;
  display: block;
  color: #364f7f;
  text-align: center;
  padding-right: 10px;
  text-decoration: none;
}
.point-box .point-info .membership-btn:after {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 15px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -20px -20px;
  background-size: 500px;
  content: "";
}
.point-box .list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 6px;
}
.point-box .list li {
  text-align: center;
}
.point-box .list li strong {
  font-size: 26px;
  color: #7683a1;
  font-weight: 400;
}
.point-box .list li span {
  display: block;
  color: #666;
}

.car-place {
  margin: 25px -30px 0px;
}
.car-place .swiper-container {
  padding: 0 30px 0 30px;
}
.car-place .swiper-container .swiper-wrapper .swiper-slide {
  width: 225px;
  height: 195px;
  border-radius: 10px;
  overflow: hidden;
}
.car-place .swiper-container .swiper-wrapper .swiper-slide.bg01 {
  background-color: #9395a2;
}
.car-place .swiper-container .swiper-wrapper .swiper-slide.bg02 {
  background-color: #7683a1;
}
.car-place .swiper-container .swiper-wrapper .swiper-slide.bg03 {
  background-color: #9395a2;
}
.car-place .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.cookie-list {
  padding: 30px;
  border-radius: 15px;
  background-color: #fff;
}
.cookie-list dl {
  margin-bottom: 50px;
}
.cookie-list dl dt, .cookie-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cookie-list dl dd {
  font-size: 20px;
  font-weight: 600;
}
.cookie-list dl dd {
  margin-top: 30px;
}
.cookie-list dl dd ul li {
  font-size: 16px;
  position: relative;
  margin-bottom: 35px;
  padding: 1px 0 1px 35px;
}
.cookie-list dl dd ul li:before {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 26px;
  height: 20px;
  background-image: url("../images/common/icon_sprite.png");
  background-repeat: no-repeat;
  background-size: 360px auto;
  content: "";
}
.cookie-list dl dd ul li.ico01:before {
  background-position: -318px -23px;
}
.cookie-list dl dd ul li.ico02:before {
  background-position: -317px -54px;
}
.cookie-list dl dd ul li.ico03:before {
  background-position: -317px -174px;
}
.cookie-list dl dd ul li.ico04:before {
  background-position: -318px -23px;
}
.cookie-list dl dd ul li.ico05:before {
  background-position: -317px -54px;
}
.cookie-list dl dd ul li.ico06:before {
  background-position: -45px -86px;
}
.cookie-list dl dd ul li.ico07:before {
  background-position: -317px -82px;
}
.cookie-list dl dd ul li.ico08:before {
  background-position: -317px -114px;
}
.cookie-list dl dd ul li.ico09:before {
  background-position: -319px -146px;
}
.cookie-list dl dd ul li.ico10:before {
  background-position: -190px -86px;
}
.cookie-list dl dd ul li.ico11:before {
  background-position: -317px -174px;
}
.cookie-list dl dd ul li.ico12:before {
  background-position: -317px -203px;
}
.cookie-list dl dd ul li.ico13:before {
  background-position: -317px -232px;
}
.cookie-list dl dd ul li.ico14:before {
  background-position: -317px -262px;
}
.cookie-list dl dd ul li.ico15:before {
  background-position: -317px -292px;
}
.cookie-list dl dd ul li.ico16:before {
  background-position: -317px -322px;
}
.cookie-list dl dd ul li.ico17:before {
  background-position: -317px -344px;
}
.cookie-list dl dd ul li.ico18:before {
  background-position: -25px -321px;
}
.cookie-list dl dd ul li.ico19:before {
  background-position: -315px -400px;
}
.cookie-list dl dd ul li.ico20:before {
  background-position: -326px -590px;
}
.cookie-list dl dd ul li.ico21:before {
  background-position: -239px -590px;
}
.cookie-list dl dd ul li.ico22:before {
  background-position: -270px -590px;
}
.cookie-list dl dd ul li.ico23:before {
  background-position: -299px -590px;
}
.cookie-list dl dd ul li.ico24:before {
  background-position: -131px -386px;
}
.cookie-list dl dd ul li.ico25:before {
  background-position: -131px -411px;
}
.cookie-list dl dd ul li.ico26:before {
  background-position: -133px -436px;
}
.cookie-list dl dd ul li.icon22:before {
  background-position: -96px -136px;
}
.cookie-list dl dd ul li.ico27:before {
  background: url("../images/common/ico_ews.png") no-repeat 1px top;
  background-size: auto 20px;
}
.cookie-list dl dd ul li.ico28:before {
  background: url("../images/sub/ico_visit_rs.png") no-repeat 1px top;
  background-size: 26px 20px;
}
.cookie-list dl dd ul li.ico29:before {
  background: url("../images/sub/ico_mycha.png") no-repeat 0 0;
  background-size: 78px 20px;
}
.cookie-list dl dd ul li.ico30:before {
  background: url("../images/sub/ico_mycha.png") no-repeat -26px 0;
  background-size: 78px 20px;
}
.cookie-list dl dd ul li.ico31:before {
  background-position: -270px -465px;
}
.cookie-list dl dd ul li.ico32:before {
  background-position: -317px -465px;
}
.cookie-list dl dd ul li.ico33:before {
  background-position: -317px -485px;
}
.cookie-list dl dd ul li.ico34:before {
  background-position: -270px -485px;
}
.cookie-list dl dd ul li:last-child {
  margin-bottom: 0px;
}
.cookie-list dl dd ul li.icon-mydata:before {
  background: url("../images/sub/sp_ico_mydata.png") 0 0/26px auto no-repeat;
}
.cookie-list dl dd ul li.ico-myasset:before {
  background-position-y: 0;
}
.cookie-list dl dd ul li.ico-buy:before {
  background-position-y: -20px;
}
.cookie-list dl dd ul li.ico-tech:before {
  background-position-y: -40px;
}
.cookie-list dl dd ul li.ico-garage:before {
  background-position-y: -60px;
}
.cookie-list dl dd ul li.ico-mydata:before {
  background-position-y: -80px;
}
.cookie-list dl dd ul li.ico-certif:before {
  background-position-y: -100px;
}
.cookie-list dl .cookie-sub-text {
  display: inline-block;
  margin-left: 4px;
  color: #999;
  font-size: 13px;
}

.viewer-container .viewer-toolbar > ul {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  padding: 0px;
}
.viewer-container .viewer-toolbar > ul > li {
  width: 50px;
  height: 40px;
  border-radius: 0px;
  background-color: transparent;
}
.viewer-container .viewer-toolbar > ul > li:before {
  width: 100%;
  height: 100%;
  margin: 0px;
  background-image: url("../images/sub/sprite_mycar.png");
  background-position: 0 -53px;
  background-repeat: no-repeat;
  background-size: 500px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-zoom-in:before {
  background-position: 3px -53px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-zoom-out:before {
  background-position: -47px -53px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-one-to-one:before {
  background-position: -94px -53px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-reset:before {
  background-position: -143px -53px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-rotate-left:before {
  background-position: -194px -53px;
}
.viewer-container .viewer-toolbar > ul > li.viewer-rotate-right:before {
  background-position: -243px -53px;
}
.viewer-container .viewer-play {
  display: none;
}
.viewer-container .viewer-prev {
  display: none;
}
.viewer-container .viewer-next {
  display: none;
}

.viewer-area img {
  width: 100%;
}

.total-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.total-wrap.type2 {
  padding: 0px 15px 30px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #ddd;
}
.total-wrap > span .point-blue {
  font-style: normal;
  font-weight: 600;
}
.total-wrap .option-btn {
  display: block;
  width: 60px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  letter-spacing: -1px;
  text-decoration: none;
}
.total-wrap .option-btn.on {
  color: #fff;
  background: #2666c6;
  border: 1px solid #2666c6;
}

.m-attention-wrap {
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.m-attention-wrap .s-usedcar-info {
  padding: 20px 0 30px 0;
  margin-bottom: 10px;
}
.m-attention-wrap.fist-wrap {
  border-radius: 0 0 15px 15px;
}

.evt-area {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.evt-area .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;
  min-height: 80px;
  border-bottom: 1px solid #ddd;
  padding: 15px;
}
.evt-area .list .kind {
  position: relative;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: #eee;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 13px;
  color: #fff;
}
.evt-area .list .kind.buy {
  background-color: #abdfbf;
}
.evt-area .list .kind.sale {
  background-color: #a4b4d8;
}
.evt-area .list .kind.price {
  background-color: #e1b8e5;
}
.evt-area .list .kind.my {
  color: #996666;
  background-color: #e7dfcf;
}
.evt-area .list .kind.marketing {
  color: #996600;
  background-color: #ffcc00;
}
.evt-area .list .kind.notice {
  color: #fff;
  background-color: #a6b5c7;
}
.evt-area .list .kind .ico-new {
  position: absolute;
  right: 0;
  top: 0;
}
.evt-area .list .date {
  margin-top: 10px;
  color: #999;
  font-size: 13px;
}
.evt-area .list .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.evt-area .area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 110px;
  position: relative;
  padding: 20px 0 20px 110px;
  border-bottom: 1px solid #ddd;
}
.evt-area .area:last-child {
  border-bottom: none;
}
.evt-area .area .img {
  position: absolute;
  top: 15px;
  left: 15px;
  margin-right: 15px;
  width: 80px;
  height: 80px;
  border-radius: 4px;
}
.evt-area .area .img > img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto !important;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.evt-area .area .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 69px;
}
.evt-area .area .info .tit {
  display: block;
  margin-bottom: 2px;
  padding-right: 15px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.evt-area .area .info .date {
  color: #999;
  font-size: 13px;
}
.evt-area .area .info .s-i {
  margin-top: 10px;
  width: 72px;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  padding: 3px 10px;
  font-size: 13px;
}
.evt-area .area .info .s-i.blue {
  background-color: #2666c6;
}
.evt-area .area .info .s-i.red {
  background-color: #fd665c;
}
.evt-area.event-end .area .info .tit {
  color: #999;
}
.evt-area.event-end .area .info .date {
  color: #999;
}
.evt-area.event-end .area .info .s-i {
  width: 90px;
  background-color: #cdcdcd;
  color: #fff;
}

.type-new-evt-area .area {
  padding: 16px 0 16px 110px;
}
.type-new-evt-area .area .img {
  margin-right: 12px;
}
.type-new-evt-area .area .info .tit {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
}
.type-new-evt-area .area .info .date {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #666;
}
.type-new-evt-area .area .info .s-i {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  padding: 2px 8px;
  margin-top: 13px;
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
}
.type-new-evt-area .area .info .s-i.yellow {
  color: #222;
  background-color: #ffd338;
}
.type-new-evt-area .area.fix-area a {
  text-decoration: none;
  color: inherit;
}
.type-new-evt-area .area.fix-area a .info .tit {
  margin-bottom: 2px;
}
.type-new-evt-area .area.fix-area a .info p, .type-new-evt-area .area.fix-area a .info ul.guide-bul > li {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.coupon-wrap {
  text-align: center;
}
.coupon-wrap h2 {
  font-size: 26px;
  color: #2666c6;
  font-weight: 600;
}
.coupon-wrap h2 span {
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.coupon-wrap h2 span.black-cor {
  color: #222;
}
.coupon-wrap .date-txt {
  display: block;
  margin: 20px 0 25px;
}
.coupon-wrap .bar-code,
.coupon-wrap .brand-tit-img {
  margin: 0 60px;
}
.coupon-wrap .bar-code img,
.coupon-wrap .brand-tit-img img {
  width: 100%;
}
.coupon-wrap .brand-tit-img {
  padding: 10px 0 65px;
}
.coupon-wrap .cmm-img-input img {
  width: 100%;
}
.coupon-wrap .carpoint-coupon {
  position: relative;
  margin-top: 20px;
  padding-bottom: 142px;
  line-height: 1.5;
}
.coupon-wrap .carpoint-coupon span {
  display: block;
  color: #2666c6;
}
.coupon-wrap .carpoint-coupon:after {
  content: "";
  width: 157px;
  height: 123px;
  background: url("../images/temp/carpoint-coupon.png") no-repeat 0 0;
  background-size: 157px 123px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -78px;
}
.coupon-wrap .coupon-num {
  font-size: 30px;
  font-weight: 600;
  padding: 0 0 60px;
  text-align: center;
  letter-spacing: 0.2em;
}

.gray-box {
  background-color: #f1f1f1;
  padding: 15px;
}
.gray-box li {
  padding: 5px 0 5px 60px;
  text-indent: -60px;
}
.gray-box li span {
  color: #fd665c;
  font-weight: 500;
  padding-right: 10px;
}

.info-category {
  background-color: #fff;
  padding: 0 15px;
}
.info-category > span {
  display: inline-block;
  font-size: 13px;
  min-width: 43px;
  height: 22px;
  line-height: 22px;
  border-radius: 18px;
  padding: 0 8px;
  border: 1px solid #222;
  margin-bottom: 5px;
}
.info-category > span.sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.info-category > span.seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.info-category > span.deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.info-category > span.change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.info-category .tit {
  display: block;
  font-size: 18px;
  margin-bottom: 20px;
}
.info-category .txt {
  font-size: 16px;
  font-weight: 600;
}
.info-category .txt > span {
  color: #2666c6;
  font-size: 16px;
}
.info-category .txt .pay .d-tit {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}
.info-category .txt .pay .sub {
  margin-left: 5px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.info-category .car-money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}
.info-category .car-money .img {
  width: 50px;
}
.info-category .car-money .img > img {
  width: 100%;
}
.info-category .car-money .user {
  margin-left: 10px;
}
.info-category .car-money .user > span {
  display: block;
  font-weight: 600;
}
.info-category .h-box {
  padding: 20px 0 15px;
  margin-bottom: 0px;
}
.info-category .h-box .img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
  height: 83px;
}
.info-category .h-box .img img {
  width: 100%;
}
.info-category .h-box .info-txt {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-pack: start;
  text-align: left;
  padding: 0 0 0 8px;
}
.info-category .h-box .info-txt .category {
  margin-bottom: 3px;
}
.info-category .h-box .info-txt .category span {
  min-width: 43px;
  height: 18px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.info-category .h-box .info-txt .category .sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.info-category .h-box .info-txt .category .seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.info-category .h-box .info-txt .category .deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.info-category .h-box .info-txt .category .change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.info-category .h-box .info-txt strong {
  font-size: 18px;
}
.info-category .h-box .info-txt .money {
  margin-top: 8px;
  font-size: 18px;
  color: #2666c6;
  font-weight: 600;
}
.info-category .h-box .info-txt .btn-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-indent: -999em;
  z-index: 3;
}
.info-category .h-box .info-txt .btn-del:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  left: 50%;
  top: 0;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  overflow: hidden;
}
.info-category .h-box .info-txt .txt > span {
  color: #222;
}
.info-category .h-box.bor-top {
  border-top: 1px solid #ddd;
}
.info-category .b-list {
  margin-top: 5px;
}
.info-category .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.info-category .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.info-category .b-list span:last-child:after {
  display: none;
}

.survey-wrap .s-box {
  position: relative;
  padding: 30px 15px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.survey-wrap .s-box > strong {
  font-size: 16px;
}
.survey-wrap .s-box > .date {
  color: #999;
}
.survey-wrap .s-box .time {
  margin-top: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.survey-wrap .s-box .time .clear {
  color: #666;
}
.survey-wrap .s-box .time span {
  font-weight: 600;
}
.survey-wrap .s-box .date {
  position: absolute;
  right: 15px;
  top: 30px;
}
.survey-wrap .s-box.bg01 {
  background-color: #e9eef0;
}
.survey-wrap .s-box.bg02 {
  background-color: #f5f6f9;
}
.survey-wrap .s-box.bg03 {
  background-color: #f5f2ec;
}
.survey-wrap .s-box.bg04 {
  background-color: #e7f6fc;
}
.survey-wrap .survey-car-list {
  margin: 30px -15px 0px;
}
.survey-wrap .survey-car-list .swiper-container {
  padding: 0 15px;
}
.survey-wrap .survey-car-list .swiper-slide {
  width: 75px;
}
.survey-wrap .survey-car-list .swiper-slide img {
  width: 100%;
}

.inquiry-length {
  padding-top: 25px;
  background-color: #fff;
}
.inquiry-length .st {
  border-top: 1px solid #ddd;
  font-size: 16px;
  background-color: #f1f1f1;
  padding: 10px 15px;
}
.inquiry-length .st > span {
  color: #2666c6;
  font-weight: 600;
}
.inquiry-length > ul {
  padding: 0 15px;
}
.inquiry-length > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #ddd;
}
.inquiry-length > ul li .time {
  text-align: right;
}
.inquiry-length > ul li .time .count {
  font-weight: 600;
  margin-top: 5px;
}
.inquiry-length > ul li .time .date {
  display: block;
  color: #999;
}
.inquiry-length > ul li .time .pay {
  font-weight: 600;
  margin-top: 5px;
}
.inquiry-length > ul li .time .pay > span {
  color: #2666c6;
}
.inquiry-length > ul li .state {
  color: #999;
  margin-top: 5px;
}
.inquiry-length > ul li .state > span {
  color: #2666c6;
}
.inquiry-length > ul li .reservation strong {
  display: block;
  margin-top: 5px;
}
.inquiry-length > ul li .name-title .date {
  color: #999;
  margin-bottom: 5px;
}
.inquiry-length > ul li .name-title strong {
  display: block;
  position: relative;
  font-size: 16px;
  width: 100%;
}
.inquiry-length > ul li .name-title strong span {
  font-size: 16px;
}
.inquiry-length > ul li .name-title .star-area {
  position: relative;
  top: -3px;
}
.inquiry-length > ul li .name-title .l-btn {
  font-size: 14px;
  color: #2666c6;
}
.inquiry-length > ul li .btn {
  display: inline-block;
  text-decoration: none;
  color: #222;
  padding-right: 15px;
  position: relative;
}
.inquiry-length > ul li .btn.on {
  color: #2666c6;
}
.inquiry-length > ul li .btn.on:after {
  background-position: -163px -22px;
}
.inquiry-length > ul li .btn:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 6px;
  height: 100%;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-position: -224px -22px;
  background-size: 500px;
  content: "";
}
.inquiry-length > ul li.chatting {
  display: block;
  position: relative;
  padding: 15px 0px 15px 60px;
}
.inquiry-length > ul li.chatting .img {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 50px;
}
.inquiry-length > ul li.chatting .img > img {
  width: 100%;
}
.inquiry-length > ul li.chatting .user {
  position: relative;
}
.inquiry-length > ul li.chatting .user .d-name {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
.inquiry-length > ul li.chatting .user .date {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #999;
}
.inquiry-length > ul li.chatting .user .txt {
  width: 70%;
}
.inquiry-length > ul li.chatting .user .num {
  position: absolute;
  right: 0px;
  top: 30px;
  display: block;
  min-width: 18px;
  height: 18px;
  border-radius: 100%;
  text-align: center;
  line-height: 18px;
  padding: 0 5px;
  font-size: 13px;
  background-color: #fd665c;
  color: #fff;
}
.inquiry-length > ul li:last-child {
  border-bottom: none;
}
.inquiry-length .txt-num {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  border-radius: 50px;
  text-align: center;
  line-height: 18px;
  font-size: 13px;
  padding: 0 5px;
  background-color: #fd665c;
  color: #fff;
}

.notice-wrap {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.notice-wrap > ul > li {
  border-top: 1px solid #ddd;
}
.notice-wrap > ul > li.active .tit {
  text-overflow: initial;
  overflow: visible;
  white-space: normal;
  color: #10a8e5;
}
.notice-wrap > ul > li.active .txt {
  display: none;
}
.notice-wrap > ul > li.active .tnb {
  display: none;
}
.notice-wrap > ul > li.active > a:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -88px -29px;
  background-size: 500px;
}
.notice-wrap > ul > li.active .s-content {
  display: block;
}
.notice-wrap > ul > li > a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 20px 15px;
}
.notice-wrap > ul > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 8px;
  height: 5px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -79px -29px;
  background-size: 500px;
  content: "";
}
.notice-wrap > ul > li > a strong {
  margin-bottom: 5px;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  font-size: 16px;
  color: #222;
}
.notice-wrap > ul > li > a p, .notice-wrap > ul > li > a ul.guide-bul > li {
  margin-bottom: 5px;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #222;
}
.notice-wrap > ul > li > a .tnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notice-wrap > ul > li > a .tnb li {
  position: relative;
  margin-right: 5px;
  padding-right: 7px;
}
.notice-wrap > ul > li > a .tnb li.date {
  color: #999;
}
.notice-wrap > ul > li > a .tnb li.answer {
  color: #fd665c;
}
.notice-wrap > ul > li > a .tnb li.answer.clear {
  color: #2666c6;
}
.notice-wrap > ul > li > a .tnb li em {
  position: relative;
  top: 2px;
  text-indent: -9999px;
  color: #fff;
  font-style: normal;
  display: inline-block;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -55px -25px;
  background-size: 500px;
}
.notice-wrap > ul > li > a .tnb li:after {
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  right: 0px;
  top: 6px;
  background-color: #ddd;
  content: "";
}
.notice-wrap > ul > li > a .tnb li:last-child:after {
  display: none;
}
.notice-wrap > ul > li .s-content {
  display: none;
  padding: 0 15px;
  background-color: #f1f1f1;
}
.notice-wrap > ul > li .s-content .qus-wrap {
  padding: 30px 0;
}
.notice-wrap > ul > li .s-content .qus-wrap .qus {
  display: block;
  position: relative;
  margin-bottom: 10px;
  color: #666;
  padding-left: 25px;
}
.notice-wrap > ul > li .s-content .qus-wrap .qus:before {
  position: absolute;
  top: -2px;
  left: 0px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon_sprite.png") no-repeat -29px -369px;
  background-size: 360px auto;
  content: "";
}
.notice-wrap > ul > li .s-content .qus-wrap > p, .notice-wrap > ul > li .s-content ul.qus-wrap.guide-bul > li {
  margin-bottom: 15px;
}
.notice-wrap > ul > li .s-content .qus-wrap .file {
  display: block;
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
  color: #2666c6;
}
.notice-wrap > ul > li .s-content .qus-wrap .file:before {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -103px -22px;
  background-size: 500px;
  content: "";
}
.notice-wrap > ul > li .s-content .qus-wrap .btn-wrap {
  text-align: right;
}
.notice-wrap > ul > li .s-content .qus-wrap .btn-wrap > a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #ddd;
  width: 70px;
  height: 30px;
  line-height: 26px;
  border-radius: 4px;
  color: #222;
  background-color: #fff;
}
.notice-wrap > ul > li .s-content .anw-wrap {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}
.notice-wrap > ul > li .s-content .anw-wrap .anw {
  display: block;
  position: relative;
  margin-bottom: 10px;
  color: #666;
  padding-left: 25px;
  color: #666;
}
.notice-wrap > ul > li .s-content .anw-wrap .anw:before {
  display: block;
  position: absolute;
  top: 1px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon_sprite.png") no-repeat -29px -392px;
  background-size: 360px auto;
  content: "";
}

.search-cri-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  padding: 20px 15px 15px;
  border-radius: 0 0 10px 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.search-cri-info > p, ul.search-cri-info.guide-bul > li {
  font-size: 14px;
}
.search-cri-info > p > span, ul.search-cri-info.guide-bul > li > span {
  color: #4a7fcf;
  font-weight: bold;
}
.search-cri-info > p > em, ul.search-cri-info.guide-bul > li > em {
  font-style: normal;
  color: #999;
}
.search-cri-info .btn-inquiry {
  height: 30px;
  color: #fff;
  text-decoration: none;
  padding: 6px 20px 0;
  text-align: center;
  border-radius: 4px;
  background-color: #2666c6;
}
.search-cri-info .info-selected > * {
  vertical-align: top;
}
.search-cri-info .info-selected .select-box {
  display: inline-block;
  margin-left: 8px;
  padding-right: 18px;
  background: #fff url("../images/common/bg_select.png") no-repeat calc(100% + 10px) -10px;
  background-size: 33px 80px;
}
.search-cri-info .info-selected .select-box .select-type {
  height: 20px;
  padding: 0px;
  font-size: 14px;
  border: none;
  -moz-text-align-last: right;
       text-align-last: right;
}
.search-cri-info .input-box {
  position: relative;
  padding-right: 15px;
  margin-left: 15px;
  display: inline-block;
  width: 75px;
  top: 2px;
  padding: 0 17px 0 0;
  border: 0;
}
.search-cri-info .input-box .input-type {
  height: 16px;
  padding: 0px;
  border: none;
}
.search-cri-info .input-box .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  background: url("../images/common/sprite.png") no-repeat -154px 3px;
  background-size: 500px auto;
}
.search-cri-info .input-box .gray {
  color: #999;
}
.search-cri-info .input-box > a {
  text-decoration: none;
  color: #222;
}
.search-cri-info.search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  padding: 0 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.search-cri-info.search.on > p, ul.search-cri-info.search.on.guide-bul > li {
  display: none;
}
.search-cri-info.search.on > .info-selected {
  display: none;
}
.search-cri-info.search.on > .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-cri-info .search-form {
  display: none;
}
.search-cri-info.bor-rud-none {
  border-radius: 0;
  margin-bottom: 0;
}

.est-wrap {
  padding: 0;
}
.est-wrap .reviews-area .date {
  padding: 15px 15px 0px;
  color: #999;
  z-index: 3;
  text-align: right;
}
.est-wrap .reviews-area .basic-btn {
  position: absolute;
  top: 140px;
  left: 15px;
  width: 110px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  color: #222;
  background-color: #fff;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .category > span {
  height: 22px;
  line-height: 22px;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .category .cmm-red {
  border-color: #fd665c;
  color: #fd665c;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .txt .d-tit {
  font-weight: bold;
  font-size: 16px;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .txt .money {
  font-weight: bold;
  font-size: 16px;
  color: #222;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .b-list {
  margin-top: 5px;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.est-wrap .reviews-area .rud-box .h-box .info-txt .b-list span:last-child:after {
  display: none;
}
.est-wrap .reviews-area .rud-box .h-box.noflex {
  display: block;
}
.est-wrap .reviews-area .rud-box .h-box.noflex > strong {
  font-size: 16px;
}
.est-wrap .reviews-area .rud-box .h-box.noflex > p, .est-wrap .reviews-area .rud-box ul.h-box.noflex.guide-bul > li {
  font-size: 14px;
  margin-top: 16px;
}
.est-wrap .reviews-area .rud-box .detail-list {
  margin: 0 15px;
  padding: 15px 0px;
  border-top: 1px solid #ddd;
  text-align: right;
}
.est-wrap .reviews-area .rud-box .detail-list ul {
  display: inline-block;
  min-width: 155px;
}
.est-wrap .reviews-area .rud-box .detail-list ul li {
  margin-bottom: 5px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.est-wrap .reviews-area .rud-box .detail-list ul li > span {
  width: 60px;
  text-align: right;
  color: #666;
}
.est-wrap .reviews-area .rud-box .detail-list ul li:last-child {
  margin-bottom: 0px;
}
.est-wrap .reviews-area .rud-box .car-money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.est-wrap .reviews-area .rud-box .car-money .user .img {
  width: auto;
}
.est-wrap .reviews-area .rud-box .car-money .user .d-name {
  display: inline-block;
  font-weight: bold;
  margin-left: 10px;
}
.est-wrap .reviews-area .rud-box .car-money .star-area {
  position: relative;
  top: 0;
}
.est-wrap .reviews-area .rud-box.sold-out .txt-sold {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  margin: -15px 0 0 -45px;
  color: #fff;
  background: #fd665c;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 6;
}
.est-wrap .reviews-area .rud-box.sold-out:after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
}
.est-wrap .reviews-area .rud-box .dealer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px 15px;
  padding: 15px 0px;
  border-bottom: 1px solid #ddd;
}
.est-wrap .reviews-area .rud-box .dealer-top > strong {
  width: 58%;
  font-size: 16px;
  color: #2666c6;
}
.est-wrap .reviews-area .rud-box .dealer-top > p, .est-wrap .reviews-area .rud-box ul.dealer-top.guide-bul > li {
  font-size: 14px;
  text-align: right;
}
.est-wrap .reviews-area .rud-box .dealer-top > p > span, .est-wrap .reviews-area .rud-box ul.dealer-top.guide-bul > li > span {
  display: block;
  color: #999;
}
.est-wrap .reviews-area .rud-box .dealer-top > p > span:first-child, .est-wrap .reviews-area .rud-box ul.dealer-top.guide-bul > li > span:first-child {
  margin-bottom: 5px;
}
.est-wrap .reviews-area .rud-box .dealer-top > p > span.blue-color, .est-wrap .reviews-area .rud-box ul.dealer-top.guide-bul > li > span.blue-color {
  color: #2666c6;
}
.est-wrap .reviews-area .rud-box .dealer-top > p > span.red-color, .est-wrap .reviews-area .rud-box ul.dealer-top.guide-bul > li > span.red-color {
  color: #fd665c;
}
.est-wrap .reviews-area .rud-box .first-come {
  display: inline-block;
  margin: 20px 15px 0px;
  font-weight: 500;
  padding: 3px 10px;
  border: 1px solid #222;
  border-radius: 50px;
}
.est-wrap .reviews-area .rud-box .first-come .point-color {
  color: #fd665c;
}
.est-wrap .reviews-area .rud-box .s-usedcar-info {
  padding: 20px 0px;
}

.member-ship-wrap {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
.member-ship-wrap .member-user {
  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: 50px;
  background-color: #2666c6;
  height: 30px;
  margin: 0 15px;
  padding: 2px 15px 0px;
}
.member-ship-wrap .member-user .m-indication {
  overflow: hidden;
}
.member-ship-wrap .member-user .m-indication .st {
  float: left;
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
  color: #fff;
}
.member-ship-wrap .member-user .m-indication .st:after {
  position: absolute;
  top: 3px;
  right: 0px;
  width: 1px;
  height: 12px;
  background-color: #fff;
  content: "";
}
.member-ship-wrap .member-user .m-indication .coin {
  display: inline-block;
  position: relative;
  padding-right: 18px;
  color: #fff;
}
.member-ship-wrap .member-user .m-indication .coin:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -461px -122px;
  right: 0;
  top: 3px;
  width: 12px;
  height: 12px;
}
.member-ship-wrap .member-user .m-btn {
  position: relative;
  text-decoration: none;
  color: #fff;
  padding-right: 10px;
}
.member-ship-wrap .member-user .m-btn:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 20px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -120px -24px;
  background-size: 500px;
  content: "";
}

.member-event-swipe .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 0px;
  color: #999;
  padding: 0px 15px;
}
.member-event-swipe .swiper-pagination .swiper-pagination-current {
  color: #2666c6;
  font-weight: 600;
}
.member-event-swipe .swiper-pagination .swiper-pagination-total {
  color: #999;
  font-weight: 600;
}
.member-event-swipe .member-sw-content {
  padding-top: 30px;
  background-color: #fff;
  height: 241px;
}
.member-event-swipe .member-sw-content > strong {
  display: block;
  text-align: center;
  font-size: 24px;
}
.member-event-swipe .member-sw-content > strong > span {
  display: block;
  font-size: 24px;
  font-weight: 400;
}
.member-event-swipe .member-sw-content > .point-red {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  margin-top: 15px;
}
.member-event-swipe .member-sw-content .img {
  text-align: center;
  margin-top: 15px;
}
.member-event-swipe .member-sw-content .img > img {
  width: 130px;
}

.member-content {
  padding-top: 15px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
}
.member-content .link-type {
  border-bottom: 1px solid #ddd;
}
.member-content .car-select-list {
  margin-bottom: 0px;
}

.member-list {
  padding: 0 15px;
}
.member-list > ul > li {
  border-bottom: 1px solid #ddd;
  position: relative;
  padding: 22px 74px 22px 50px;
}
.member-list > ul > li .info {
  padding: 0 15px;
}
.member-list > ul > li .info > span {
  display: block;
  margin-bottom: 10px;
}
.member-list > ul > li .icon {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 28px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.member-list > ul > li .icon > span {
  text-align: center;
  display: block;
}
.member-list > ul > li .icon > span:before {
  display: block;
  width: 28px;
  height: 28px;
  margin-bottom: 2px;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-size: 500px;
  content: "";
}
.member-list > ul > li .icon.save > span {
  color: #10a8e5;
}
.member-list > ul > li .icon.save > span:before {
  background-position: 2px -90px;
}
.member-list > ul > li .icon.benefit > span {
  color: #9cd5c2;
}
.member-list > ul > li .icon.benefit > span:before {
  background-position: 2px -123px;
}
.member-list > ul > li .symbol {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 73px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.member-list > ul > li .symbol > img {
  width: 100%;
}
.member-list > ul > li .symbol.bt {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.alarm-list {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.alarm-list > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.alarm-list > ul > li .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 70px;
  margin-right: 18px;
  margin-top: 5px;
}
.alarm-list > ul > li .img img {
  width: 100%;
}
.alarm-list > ul > li .info strong {
  display: block;
  margin-bottom: 10px;
}
.alarm-list > ul > li .info .date {
  color: #999;
}
.alarm-list > ul > li .alarm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  margin-top: 5px;
  margin-left: 35px;
}
.alarm-list > ul > li .alarm > a {
  text-decoration: none;
  display: block;
}
.alarm-list > ul > li .alarm > a .ico {
  display: inline-block;
  width: 14px;
  height: 15px;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-position: -124px -172px;
  background-size: 500px;
}
.alarm-list > ul > li .alarm > a > p {
  color: #999;
}
.alarm-list > ul > li .alarm > a.on .ico {
  background-position: -138px -172px;
}
.alarm-list > ul > li .alarm > a.on > p {
  color: #3366cc;
}
.alarm-list.newcar-alarm > ul > li {
  display: block;
  position: relative;
}
.alarm-list.newcar-alarm > ul > li .info strong {
  margin-bottom: 5px;
}
.alarm-list.newcar-alarm > ul > li .info .s-info {
  margin-bottom: 5px;
}
.alarm-list.newcar-alarm > ul > li .info .s-info span {
  position: relative;
  padding-right: 5px;
  color: #222;
  font-size: 13px;
}
.alarm-list.newcar-alarm > ul > li .info .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.alarm-list.newcar-alarm > ul > li .info .s-info span:last-child:after {
  display: none;
}
.alarm-list.newcar-alarm > ul > li .info .date {
  font-size: 13px;
}
.alarm-list.newcar-alarm > ul > li .del {
  position: absolute;
  right: 10px;
  top: -3px;
}
.alarm-list.newcar-alarm > ul > li .del a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.alarm-list.newcar-alarm > ul > li .del a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.alarm-list.newcar-alarm > ul > li:last-child {
  border-bottom: none;
}

.util-wrap {
  padding-bottom: 30px;
}
.util-wrap .util-info {
  padding: 27px 15px 32px 15px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0 0 15px 15px;
  margin-bottom: 10px;
}
.util-wrap .util-info .tit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.util-wrap .util-info .tit-wrap > strong {
  display: block;
}
.util-wrap .util-info .tit-wrap > strong > em {
  font-style: normal;
  color: #2666c6;
}
.util-wrap .util-info .tit-wrap > strong > .coin {
  margin-top: 5px;
  position: relative;
  font-size: 24px;
  display: block;
}
.util-wrap .util-info .tit-wrap > strong > .coin:after {
  display: inline-block;
  margin-left: 5px;
  width: 28px;
  height: 26px;
  background: url("../images/sub/sprite_mycar.png") no-repeat 0 -162px;
  background-size: 500px;
  content: "";
}
.util-wrap .util-info .tit-wrap .btn-save {
  position: relative;
  top: -2px;
  width: 70px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  line-height: 30px;
  background-color: #2666c6;
  color: #fff;
  text-decoration: none;
}
.util-wrap .util-info .list {
  margin-top: 25px;
}
.util-wrap .util-info .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.util-wrap .util-info .list li > span {
  color: #666;
}
.util-wrap .util-info .list li > .coin {
  position: relative;
  padding-right: 22px;
  color: #222;
}
.util-wrap .util-info .list li > .coin:after {
  position: absolute;
  right: 0px;
  top: -1px;
  width: 19px;
  height: 18px;
  background: url("../images/sub/sprite_mycar.png") no-repeat 0px -170px;
  background-size: 500px;
  content: "";
}

.util-content {
  padding: 30px 0px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.util-content .tit-wrap {
  margin-bottom: 30px;
  padding: 0 15px;
  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;
}
.util-content .tit-wrap .tit {
  font-size: 16px;
}
.util-content .tit-wrap .btn-view {
  text-decoration: none;
  color: #364f7f;
}
.util-content .util-top-info {
  padding: 0 15px;
  background-color: #fff;
}

.banner-area > a {
  display: block;
  padding: 20px 15px;
  text-decoration: none;
  border-radius: 10px;
  min-height: 115px;
}
.banner-area > a > strong {
  display: block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 25px;
}
.banner-area > a > .arr {
  position: relative;
  display: inline-block;
  color: #fff;
  padding-right: 10px;
}
.banner-area > a > .arr:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 20px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -120px -22px;
  background-size: 500px;
  content: "";
}
.banner-area.inquiryType > a {
  min-height: 110px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  background-image: url("../images/sub/bg_banner_event02.png");
  background-position: calc(100% - 27px) 40px;
  background-repeat: no-repeat;
  background-size: 106px auto;
}
.banner-area.inquiryType > a > strong {
  color: #222;
  font-size: 14px;
  margin-bottom: 12px;
}
.banner-area.inquiryType > a > .arr {
  color: #3366cc;
  padding-right: 10px;
}
.banner-area.inquiryType > a > .arr:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -160px -20px;
  background-size: 500px;
  content: "";
  top: -2px;
}
.banner-area.product-area > a {
  min-height: 110px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  background-image: url("../images/sub/bg_banner_event03.png");
  background-position: calc(100% - 15px) 40px;
  background-repeat: no-repeat;
  background-size: 151px auto;
}
.banner-area.product-area > a > strong {
  color: #222;
  font-size: 14px;
  margin-bottom: 8px;
}
.banner-area.product-area > a > strong .big {
  font-size: 18px;
}
.banner-area.product-area > a > .arr {
  color: #3366cc;
  padding-right: 10px;
}
.banner-area.product-area > a > .arr:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -160px -20px;
  background-size: 500px;
  content: "";
}
.banner-area.bg01 > a {
  background-color: #6e7da0;
  background-image: url("../images/sub/bg_util_event01.png");
  background-position: calc(100% - 15px) 17px;
  background-repeat: no-repeat;
  background-size: 106px auto;
}
.banner-area.bg02 > a {
  background-color: #6e7da0;
  background-image: url("../images/sub/bg_banner_event01.png");
  background-position: calc(100% - 15px) calc(100% - 20px);
  background-repeat: no-repeat;
  background-size: 116px auto;
}

.btn-user-wrap {
  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;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  padding: 30px 15px;
}
.btn-user-wrap > a {
  display: block;
  border-radius: 4px;
  min-width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background-color: #2666c6;
  text-decoration: none;
  padding: 0 10px;
  color: #fff;
}
.btn-user-wrap.type2 {
  padding: 20px 15px;
  background: none;
}
.btn-user-wrap.type2 > a {
  border-radius: 4px;
  border: 1px solid #ddd;
}
.btn-user-wrap.type3 {
  padding: 30px 15px;
  background: none;
}
.btn-user-wrap.type3 > a {
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #222;
}
.btn-user-wrap.cmm-rud {
  margin-bottom: 10px;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.date-inquiry {
  margin-top: 30px;
}
.date-inquiry .date-top {
  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;
}
.date-inquiry .date-top .day-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.date-inquiry .date-top .day-list li {
  width: 50px;
  margin-right: 5px;
}
.date-inquiry .date-top .day-list li a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
  text-decoration: none;
}
.date-inquiry .date-top .day-list li.on a {
  border: 1px solid #2666c6;
  background-color: #2666c6;
  color: #fff;
}
.date-inquiry .date-top .select-box-type {
  width: 70px;
}
.date-inquiry .period {
  margin-bottom: 5px;
  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;
  height: 65px;
}
.date-inquiry .period > p, .date-inquiry ul.period.guide-bul > li {
  color: #666;
}
.date-inquiry .period .cancel-btn {
  display: none;
  text-decoration: none;
  color: #999;
}
.date-inquiry .period .date-detail {
  display: none;
}
.date-inquiry.date .period .date-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.date-inquiry.date .period > p, .date-inquiry.date ul.period.guide-bul > li {
  display: none;
}
.date-inquiry.date .period .cancel-btn {
  display: block;
}

.select-box-type,
.cmm-select-box {
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 50px;
  overflow: hidden;
}
.select-box-type select,
.cmm-select-box select {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  background: url("../images/sub/bg_selected_arr.png") no-repeat calc(100% - 8px) 50%;
  background-size: 8px auto;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-box-type > a,
.cmm-select-box > a {
  display: block;
  text-decoration: none;
  color: #222;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 20px 0 10px;
  background: url("../images/sub/bg_selected_arr.png") no-repeat calc(100% - 8px) 50%;
  background-size: 8px auto;
}

.cmm-select-r {
  position: relative;
  height: 30px;
}

.cmm-select-box {
  position: absolute;
  right: 10px;
}
.cmm-select-box select {
  padding: 0 25px 0 10px;
}

.util-list {
  border-top: 1px solid #ddd;
}
.util-list > ul {
  padding: 0 15px;
}
.util-list > ul > li {
  display: table;
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #ddd;
}
.util-list > ul > li > div {
  display: table-cell;
  vertical-align: middle;
}
.util-list > ul > li > div > span {
  display: block;
}
.util-list > ul > li > div.th {
  width: 40%;
}
.util-list > ul > li > div.td {
  width: 30%;
  text-align: right;
}
.util-list > ul > li > div.td > strong {
  font-size: 18px;
}
.util-list > ul > li > div.td > strong.coin {
  position: relative;
  vertical-align: middle;
}
.util-list > ul > li > div.td > strong.coin:after {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 3px;
  vertical-align: middle;
  width: 19px;
  height: 18px;
  background: url("../images/sub/sprite_mycar.png") no-repeat 0px -170px;
  background-size: 500px;
  content: "";
}
.util-list > ul > li > div.td > strong.coin.p {
  color: #2666c6;
  vertical-align: top;
}
.util-list > ul > li > div.td > strong.coin.m {
  color: #fd665c;
}

.advice-list {
  padding: 0 15px;
  margin-top: 20px;
}
.advice-list dt, .advice-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .advice-list dd {
  margin-bottom: 12px;
}
.advice-list dd ul li {
  margin-bottom: 8px;
}

.date-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 0;
}
.date-detail input[type=date], .date-detail .new-content-body .inp-box [type=date].ico-confirm, .new-content-body .inp-box .date-detail [type=date].ico-confirm, .date-detail .type-mydata .inp-box [type=date].ico-confirm, .type-mydata .inp-box .date-detail [type=date].ico-confirm {
  width: 100%;
  border: 0;
  padding: 0 10px;
  height: 28px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/sub/ico_calendar.png") no-repeat calc(100% - 15px) 50%;
  background-size: 14px auto;
  line-height: 28px;
}
.date-detail input[type=date]::-webkit-inner-spin-button, .date-detail .new-content-body .inp-box [type=date].ico-confirm::-webkit-inner-spin-button, .new-content-body .inp-box .date-detail [type=date].ico-confirm::-webkit-inner-spin-button, .date-detail .type-mydata .inp-box [type=date].ico-confirm::-webkit-inner-spin-button, .type-mydata .inp-box .date-detail [type=date].ico-confirm::-webkit-inner-spin-button {
  display: none;
}
.date-detail input[type=date]::-webkit-calendar-picker-indicator, .date-detail .new-content-body .inp-box [type=date].ico-confirm::-webkit-calendar-picker-indicator, .new-content-body .inp-box .date-detail [type=date].ico-confirm::-webkit-calendar-picker-indicator, .date-detail .type-mydata .inp-box [type=date].ico-confirm::-webkit-calendar-picker-indicator, .type-mydata .inp-box .date-detail [type=date].ico-confirm::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.date-detail .dash {
  margin: 0 7px;
}
.date-detail .w80p {
  width: 80%;
}

.garage-section {
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: #fff;
  overflow: hidden;
  padding: 0 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.garage-section.first {
  border-radius: 0 0 15px 15px;
}
.garage-section.first .garage-area {
  padding: 30px 0px;
}
.garage-section .section-tit {
  padding: 0px;
}
.garage-section.subscription {
  border-radius: 0 0 15px 15px;
  padding: 0 15px;
}
.garage-section.subscription .garage-area {
  padding: 30px 0px;
}
.garage-section.subscription .garage-area > .car-img {
  top: 50px;
  right: 0px;
}
.garage-section .tbl-list {
  padding: 30px 0 0 0;
}
.garage-section .tbl-list .clone {
  top: 1px;
}
.garage-section .tbl-list .btn-more {
  display: block;
  text-align: center;
  height: 31px;
  font-size: 0px;
  border-bottom: 1px solid #ddd;
  background: url("../images/sub/bg_selected_black.png") no-repeat 50% 50%;
  background-size: 8px auto;
  margin-right: -15px;
}
.garage-section.garangAdd {
  padding-bottom: 30px;
}
.garage-section.garangAdd li {
  padding: 0;
}
.garage-section.garangAdd li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #000;
  width: 100%;
  padding: 15px 0;
}
.garage-section.garangAdd .recommended-product .img {
  position: relative;
  border-radius: 4px;
  height: 45px;
  overflow: hidden;
}
.garage-section.garangAdd .recommended-product .img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 45px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.garage-section.tooltip-over {
  overflow: visible;
}
.garage-section.tooltip-over:after {
  content: "";
  display: block;
  clear: both;
}

.garage-area {
  position: relative;
  padding: 30px 15px;
  border-bottom: 1px solid #ddd;
  padding: 30px 0px;
}
.garage-area:last-child {
  border-bottom: none;
}
.garage-area .car-selected > span {
  font-weight: 600;
  vertical-align: middle;
}
.garage-area .car-selected .select-box-type {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
.garage-area h2.tit {
  width: 150px;
  font-size: 24px;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.garage-area h2 span {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
}
.garage-area .sub-txt {
  position: relative;
  width: 130px;
  font-weight: 600;
}
.garage-area .sub-txt .set {
  position: absolute;
  right: -75px;
  top: 0;
}
.garage-area .sub-txt .set--blue {
  background: #2666c6;
  color: #fff;
  border-color: #2666c6;
  font-size: 12px;
}
.garage-area .set {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  color: #222;
  font-weight: 400;
  font-size: 14px;
}
.garage-area .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.garage-area .list > li {
  position: relative;
  margin-right: 7px;
  padding-right: 7px;
  color: #999;
  font-size: 13px;
}
.garage-area .list > li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
.garage-area .list > li:last-child:after {
  display: none;
}
.garage-area .list > li:after {
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  content: "";
}
.garage-area .car-img {
  position: absolute;
  right: 8px;
  top: 95px;
  width: 118px;
}
.garage-area .car-img > img {
  width: 100%;
}
.garage-area .car-img .select-box-type {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
.garage-area .section-tit {
  display: block;
  font-size: 18px;
}
.garage-area .section-tit > span {
  font-size: 18px;
}
.garage-area .num {
  margin-top: 5px;
  display: block;
  font-size: 24px;
}
.garage-area .num > span {
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.garage-area .num .set {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.garage-area .num .set--red {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}
.garage-area .price-list {
  margin-top: 30px;
}
.garage-area .price-list > li {
  margin-bottom: 12px;
  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;
}
.garage-area .price-list > li .price-number > span {
  width: auto;
  min-width: 85px;
  display: inline-block;
  margin-right: 3px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  padding: 0 10px;
  border-radius: 50px;
  font-weight: 600;
  text-align: center;
}
.garage-area .price-list > li .price-number > strong {
  font-size: 18px;
  vertical-align: middle;
}
.garage-area .price-list > li .price-number.m > span {
  border: 1px solid #fd665c;
  color: #fd665c;
}
.garage-area .price-list > li .price-number.m > strong {
  color: #2666c6;
}
.garage-area .price-list > li .price-number.p > span {
  border: 1px solid #2666c6;
  color: #2666c6;
}
.garage-area .price-list > li .price-number.p > strong {
  color: #fd665c;
}
.garage-area .k-section {
  border-top: none;
  margin-top: 25px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.garage-area .k-section .btn-wrap {
  padding: 0px;
}
.garage-area .car-select-list .magazine .magazine-list ul {
  padding: 0px;
}
.garage-area .car-select-list .magazine .magazine-list ul li a {
  padding: 0px;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .img {
  position: relative;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .img .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: block;
  width: 48px;
  height: 48px;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .date-view {
  margin-top: 5px;
  overflow: hidden;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .date-view .name {
  float: left;
  position: relative;
  font-size: 13px;
  padding-right: 5px;
  margin-right: 5px;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .date-view .name:after {
  content: "";
  position: absolute;
  right: 0px;
  left: auto;
  top: 6px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .date-view .date {
  float: left;
}
.garage-area .car-select-list .magazine .magazine-list ul li a .date-view .views {
  float: right;
  margin-left: 0px;
}
.garage-area .question-wrap {
  padding: 20px 0 0;
}
.garage-area .question-wrap .tit-q {
  position: relative;
  padding: 0 0 0 23px;
}
.garage-area .question-wrap .tit-q:after {
  background-image: url("../images/common/icon_sprite.png");
  background-size: 360px auto;
  background-position: -25px -192px;
  background-repeat: no-repeat;
  width: 20px;
  height: 13px;
  left: 0;
  top: 8px;
}
.garage-area .question-wrap .question-area .name-date .name {
  position: relative;
  padding-right: 5px;
  margin-right: 5px;
}
.garage-area .question-wrap .question-area .name-date .name:after {
  content: "";
  position: absolute;
  right: 0px;
  left: auto;
  top: 6px;
  width: 1px;
  height: 8px;
  background: #cfcfcf;
}
.garage-area .survey-wrap {
  padding: 0px;
}
.garage-area .pin-review .review-cnt {
  padding: 25px 0 0;
}
.garage-area .pin-review .review-cnt .car-name {
  padding: 0 0 8px;
}
.garage-area .pin-review .review-cnt .average-money {
  padding: 0px;
}
.garage-area .pin-review .review-cnt .swiper-container {
  padding: 0px;
}
.garage-area .pin-review .review-cnt .txt {
  margin: 20px 0px 15px;
}
.garage-area .pin-review .review-cnt:after {
  display: none;
}
.garage-area .category {
  margin-bottom: 3px;
}
.garage-area .category span {
  min-width: 43px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.garage-area .category .sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.garage-area .category .seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.garage-area .category .deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.garage-area .category .change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.garage-area .box-rud {
  padding: 0px;
  margin: 0 -15px;
}
.garage-area .box-rud .review-list .info .date span {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding-left: 8px;
}
.garage-area .box-rud .review-list .info .date span:before {
  position: absolute;
  top: 5px;
  left: 0px;
  display: block;
  width: 1px;
  height: 7px;
  background-color: #c1c1c1;
  content: "";
}

.isr__tax {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 105px;
  margin: 0;
  padding: 0 0 0 120px;
  background: #3a478b;
  border-radius: 12px;
  overflow: hidden;
  color: #f7d51b;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  font-style: italic;
}
.isr__tax small {
  display: block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 12px;
}
.isr__tax span {
  font: inherit;
}
.isr__tax .isr__tax-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.isr__tax .isr__tax-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  border-radius: 2px;
  opacity: 0.7;
}
.isr__tax .isr__tax-arrow:before, .isr__tax .isr__tax-arrow:after {
  position: absolute;
  top: 0;
}
.isr__tax .isr__tax-arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.isr__tax .isr__tax-arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #3a478b;
}
.isr__tax:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 22px;
  display: block;
  width: 90px;
  height: 66px;
  background: url("../images/sub/isr_tax.png") no-repeat;
  background-size: 90px auto;
}

.garage-banner {
  margin-top: 30px;
}
.garage-banner div:first-child {
  margin-top: 0;
}

.garage-area__tax {
  position: relative;
  height: 125px;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  background: #fff;
  color: #222;
  font-size: 24px;
  letter-spacing: -0.75px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.garage-area__tax:before {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: block;
  width: 95px;
  height: 50px;
  background: url("../images/sub/isr_tax_new.png") no-repeat;
  background-size: 95px auto;
}
.garage-area__tax small {
  display: block;
  font-size: 16px;
  line-height: 1.2;
}
.garage-area__tax strong {
  font-weight: bold;
}
.garage-area__tax .garage-area__tax-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.garage-area__tax .garage-area__tax-link-text {
  position: absolute;
  left: 15px;
  bottom: 13px;
  display: inline-block;
  width: auto;
  height: auto;
  color: #2666c6;
  font-size: 15px;
  text-decoration: none;
}
.garage-area__tax .garage-area__tax-arrow {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
}
.garage-area__tax .garage-area__tax-arrow:before, .garage-area__tax .garage-area__tax-arrow:after {
  position: absolute;
  top: 0;
}
.garage-area__tax .garage-area__tax-arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2666c6;
}
.garage-area__tax .garage-area__tax-arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}

.garage-tax-option-1 {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 60px;
  height: 16px;
  margin-top: -8px;
  background: url("../images/sub/isr_tax_1.png") no-repeat;
  background-size: 60px 16px;
}

.garage-tax-option-2 {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 80px;
  height: 16px;
  margin-top: -8px;
  background: url("../images/sub/isr_tax_2.png") no-repeat;
  background-size: 80px 16px;
}

.garage-area__inspection {
  position: relative;
  margin-top: 10px;
  padding: 22px 15px 20px 15px;
  background: #eaeff7;
  border-radius: 12px;
}
.garage-area__inspection .garage-area__inspection-head {
  position: relative;
  display: block;
  margin-left: -2px;
  font-size: 0;
}
.garage-area__inspection .garage-area__inspection-head:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_car_inspection.png") no-repeat;
  background-size: 24px auto;
  vertical-align: middle;
}
.garage-area__inspection .garage-area__inspection-head-text {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  color: #6b7684;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1px;
}
.garage-area__inspection .garage-area__inspection-content {
  color: #333d4b;
  margin: 5px 0 15px 0;
}
.garage-area__inspection .garage-area__inspection-date {
  display: inline-block;
  vertical-align: middle;
  color: #333d4b;
  font-weight: 700;
  line-height: 1;
}
.garage-area__inspection .garage-area__inspection-d-day {
  float: right;
  position: relative;
  top: -1px;
  display: inline-block;
  line-height: 1;
  padding: 6px 5px 5px 5px;
  vertical-align: middle;
  background: #2666c6;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.garage-area__inspection .garage-area__inspection-link {
  color: #2666c6;
  text-decoration: none;
}
.garage-area__inspection .garage-area__inspection-link-icon {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 12px;
}
.garage-area__inspection .garage-area__inspection-link-icon:before, .garage-area__inspection .garage-area__inspection-link-icon:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.garage-area__inspection .garage-area__inspection-link-icon:before {
  margin-top: -5px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #2666c6;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.garage-area__inspection .garage-area__inspection-link-icon:after {
  right: 2px;
  margin-top: -3px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #f5f5f5;
}

.predict-list {
  margin-top: 30px;
}
.predict-list > li {
  margin-bottom: 7px;
  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;
}
.predict-list > li > span {
  font-size: 16px;
}
.predict-list > li .st {
  font-weight: 600;
}
.predict-list > li .point-blue {
  font-weight: 600;
  font-size: 20px;
}
.predict-list > li > strong {
  font-weight: 400;
}

.line-chart .lineChart {
  margin-top: 30px;
  height: 160px;
}
.line-chart .info-txt {
  margin-top: 20px;
  padding-left: 15px;
  color: #999;
  text-indent: -10px;
}

.maintenance-area {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.maintenance-area .maintenance-find {
  text-align: right;
}
.maintenance-area .maintenance-find > a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #2666c6;
  text-decoration: none;
}
.maintenance-area .maintenance-find > a:after {
  position: absolute;
  right: 0px;
  top: 3px;
  width: 5px;
  height: 10px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -164px -25px;
  background-size: 500px;
  content: "";
}

.maintenance-swipe {
  margin-top: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
.maintenance-swipe .swiper-container {
  padding: 0px 15px;
  overflow: inherit;
}
.maintenance-swipe .swiper-container .swiper-slide {
  width: 125px;
}

.mtc-area {
  position: relative;
  width: 125px;
  height: 100px;
  background-color: #2666c6;
  color: #fff;
  border-radius: 5px;
  padding: 30px 0 0;
  text-align: center;
}
.mtc-area strong {
  font-size: 15px;
}
.mtc-area > ul {
  margin-top: 5px;
}
.mtc-area .check-rud {
  position: absolute;
  top: -10px;
  left: 50%;
  display: inline-block;
  background: #fd665c;
  width: 65px;
  height: 20px;
  padding: 0 0 0 20px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  margin-left: -37px;
  text-align: left;
  line-height: 19px;
}
.mtc-area .check-rud:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -363px -30px;
  width: 12px;
  height: 12px;
  left: 5px;
  top: 4px;
}

.recommended-product > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0px;
  border-bottom: 1px solid #ddd;
}
.recommended-product > li:last-child {
  border-bottom: none;
}
.recommended-product .img {
  width: 60px;
  margin-right: 10px;
}
.recommended-product .img > img {
  width: 100%;
}
.recommended-product .rec-info > p, .recommended-product ul.rec-info.guide-bul > li {
  font-weight: 600;
}
.recommended-product .rec-info > strong {
  font-size: 18px;
}
.recommended-product .rec-info > strong > span {
  color: #999;
  font-weight: 400;
}

.driver-title {
  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;
}

.driver-wrap {
  margin-top: 30px;
}
.driver-wrap .top-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;
}
.driver-wrap .top-info .type {
  font-size: 14px;
}
.driver-wrap .top-info .type > span {
  display: block;
  margin-top: 2px;
  font-size: 20px;
}
.driver-wrap .top-info .type.eco > span {
  color: #99cccc;
}
.driver-wrap .top-info .type.normal > span {
  color: #a6b5c7;
}
.driver-wrap .top-info .type.h > span {
  color: #ff6666;
}
.driver-wrap .top-info .average {
  text-align: right;
  font-size: 14px;
}
.driver-wrap .top-info .average > span {
  display: block;
  font-size: 16px;
}
.driver-wrap .top-info .average > span > em {
  font-size: 24px;
  font-style: normal;
}
.driver-wrap .driving-graph {
  position: relative;
  margin-top: 25px;
}
.driver-wrap .driving-graph .bar {
  position: relative;
  height: 80px;
  overflow: hidden;
}
.driver-wrap .driving-graph .bar.eco {
  width: 40%;
}
.driver-wrap .driving-graph .bar.eco:after {
  background: #9cd5c2;
}
.driver-wrap .driving-graph .bar.normal {
  width: 60%;
}
.driver-wrap .driving-graph .bar.normal:after {
  background: rgb(156, 213, 194);
  background: -webkit-gradient(linear, left top, right top, from(rgb(156, 213, 194)), color-stop(50%, rgb(177, 189, 172)), to(rgb(251, 104, 94)));
  background: linear-gradient(90deg, rgb(156, 213, 194) 0%, rgb(177, 189, 172) 50%, rgb(251, 104, 94) 100%);
}
.driver-wrap .driving-graph .bar.normal > .ico-car {
  left: auto;
  right: 10px;
}
.driver-wrap .driving-graph .bar.h {
  width: 100%;
}
.driver-wrap .driving-graph .bar.h:after {
  background: rgb(156, 213, 194);
  background: -webkit-gradient(linear, left top, right top, from(rgb(156, 213, 194)), color-stop(40%, rgb(177, 189, 172)), to(rgb(251, 104, 94)));
  background: linear-gradient(90deg, rgb(156, 213, 194) 0%, rgb(177, 189, 172) 40%, rgb(251, 104, 94) 100%);
}
.driver-wrap .driving-graph .bar.h > .ico-car {
  left: auto;
  right: 10px;
}
.driver-wrap .driving-graph .bar > .km {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  font-weight: 600;
  z-index: 1;
}
.driver-wrap .driving-graph .bar > .ico-car {
  position: absolute;
  bottom: 0px;
  left: 10px;
  display: block;
  width: 46px;
  height: 19px;
  z-index: 1;
  background: url("../images/sub/ico_driver_car.png") no-repeat 0 0;
  background-size: 100% auto;
}
.driver-wrap .driving-graph .bar:after {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 80px;
  width: 100%;
  z-index: 0;
  white-space: nowrap;
  content: "";
}
.driver-wrap .driving-graph:after {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgb(156, 213, 194);
  background: -webkit-gradient(linear, left top, right top, from(rgb(156, 213, 194)), color-stop(50%, rgb(177, 189, 172)), to(rgb(251, 104, 94)));
  background: linear-gradient(90deg, rgb(156, 213, 194) 0%, rgb(177, 189, 172) 50%, rgb(251, 104, 94) 100%);
  content: "";
}
.driver-wrap .btn-wrap {
  margin-top: 20px;
}
.driver-wrap .btn-wrap > a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  background-color: #2666c6;
  line-height: 38px;
  font-size: 16px;
}
.driver-wrap .parking-find {
  padding-top: 20px;
  text-align: right;
}
.driver-wrap .parking-find > a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #2666c6;
  text-decoration: none;
}
.driver-wrap .parking-find > a:after {
  position: absolute;
  right: 0px;
  top: 3px;
  width: 5px;
  height: 10px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -164px -25px;
  background-size: 500px;
  content: "";
}

.next-car-swipe {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 30px;
}
.next-car-swipe .swiper-container {
  padding: 0 15px;
}
.next-car-swipe .swiper-container .swiper-slide {
  width: 140px;
}
.next-car-swipe .swiper-container .swiper-slide .img {
  position: relative;
  display: block;
  width: 100%;
  height: 105px;
  border-radius: 5px;
  overflow: hidden;
}
.next-car-swipe .swiper-container .swiper-slide .img > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.next-car-swipe .swiper-container .swiper-slide .info {
  margin-top: 10px;
}
.next-car-swipe .swiper-container .swiper-slide .info > strong {
  margin-top: 5px;
  display: block;
  font-size: 18px;
}
.next-car-swipe .swiper-container .swiper-slide .info > .b-txt {
  margin-top: 5px;
  color: #222;
  font-weight: 700;
}
.next-car-swipe .swiper-container .swiper-slide .info > .b-txt span {
  display: block;
}
.next-car-swipe .swiper-container .swiper-slide .info > .s-tit {
  font-size: 14px;
}

.mtc-txt {
  margin-top: 30px;
  font-weight: 600;
}
.mtc-txt > span {
  color: #3366cc;
}

.b-brand {
  font-weight: bold;
  font-size: 14px;
}

.data-none-message {
  padding: 0 15px;
  margin: 30px 0px;
}
.data-none-message > p, ul.data-none-message.guide-bul > li {
  font-weight: bold;
  font-size: 16px;
}

.header.mycar-header-p {
  position: relative;
  padding: 0;
  background: #fff;
}
.header.mycar-header-p > .pre-page {
  padding: 13px 0 6px 43px;
}
.header.mycar-header-p .select-box-type {
  position: absolute;
  top: 13px;
  right: 15px;
  min-width: 80px;
}
.header.mycar-header-p .select-box-type select {
  font-size: 13px;
  padding: 0 20px 0 10px;
}
.header.mycar-header-p h1 {
  color: #222;
  font-size: 18px;
  padding: 0;
}
.header.mycar-header-p h1 a.pre-page {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 27px;
  height: 13px;
}
.header.mycar-header-p h1 a.pre-page:after {
  left: 0;
  margin: -5px 0 0 0;
}
.header.mycar-header-p.subscription {
  background-color: #f1f2f5;
}
.header.mycar-header-p .btn-top {
  position: absolute;
  top: 22px;
  right: 0;
}
.header.mycar-header-p .btn-top a {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 17px;
  color: #222;
  text-decoration: none;
}
.header.mycar-header-p .btn-top a:after {
  content: "";
  display: inline-block;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 0;
}
.header.mycar-header-p .btn-top .share:after {
  background-position: -35px -25px;
  width: 13px;
  height: 13px;
  margin-top: -6px;
}
.header.mycar-header-p .btn-top .interest:after {
  background-position: -35px 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
}

.header.price-header-p {
  position: relative;
  padding: 0;
  background: #fff;
}
.header.price-header-p > .pre-page {
  padding: 13px 0 6px 43px;
}
.header.price-header-p .select-box-type {
  position: absolute;
  top: 13px;
  right: 15px;
  min-width: 80px;
}
.header.price-header-p .select-box-type select {
  font-size: 13px;
  padding: 0 20px 0 10px;
}
.header.price-header-p h1 {
  color: #222;
  font-size: 18px;
  padding: 0;
}
.header.price-header-p h1 a.pre-page {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 27px;
  height: 13px;
}
.header.price-header-p h1 a.pre-page:after {
  left: 0;
  margin: -5px 0 0 0;
}
.header.price-header-p.subscription {
  background-color: #f1f2f5;
}
.header.price-header-p .btn-top {
  position: absolute;
  top: 22px;
  right: 0;
}
.header.price-header-p .btn-top a {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 17px;
  color: #222;
  text-decoration: none;
}
.header.price-header-p .btn-top a:after {
  content: "";
  display: inline-block;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 0;
}
.header.price-header-p .btn-top .share:after {
  background-position: -35px -25px;
  width: 13px;
  height: 13px;
  margin-top: -6px;
}
.header.price-header-p .btn-top .interest:after {
  background-position: -35px 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
}

.tab-sub-wrap {
  background-color: #fff;
  overflow-x: auto;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-overflow-scrolling: touch;
}
.tab-sub-wrap.type2 .tab-wrap > ul {
  padding: 0px;
}
.tab-sub-wrap.type2 .tab-wrap > ul > li {
  margin-right: 10px;
}
.tab-sub-wrap.type2 .tab-wrap > ul > li > a {
  border-radius: 50px;
  padding: 0 10px;
}

.tab-wrap {
  background-color: #fff;
}
.tab-wrap > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  padding: 0 10px;
}
.tab-wrap > ul > li {
  margin-right: 5px;
  white-space: nowrap;
}
.tab-wrap > ul > li > a {
  display: block;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #fff;
}
.tab-wrap > ul > li.active > a {
  background-color: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.tab-wrap.col-3 > ul {
  white-space: normal;
}
.tab-wrap.col-3 > ul > li {
  text-align: center;
  width: 33.3333%;
}

.ad-section {
  margin-bottom: 10px;
  padding: 30px 15px 0;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.ad-section .s-usedcar-info {
  padding: 0px;
}
.ad-section .s-usedcar-info .certify-usedcar {
  margin-top: 0px;
}
.ad-section.first {
  padding: 15px 15px 0;
  border-radius: 0 0 10px 10px;
}
.ad-section .push-pop-g {
  display: none;
  position: absolute;
  right: 0px;
  top: -8px;
  text-indent: -9999px;
  z-index: 1;
}
.ad-section .push-pop-g a {
  display: block;
  width: 24px;
  height: 37px;
}
.ad-section .push-pop-g:after {
  content: "";
  display: block;
  width: 4px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -67px 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
.ad-section .caution {
  position: relative;
  color: #fff;
  background-color: #fd665c;
  font-size: 13px;
  margin-top: 20px;
  padding: 4px 0 3px 22px;
  border-radius: 50px;
}
.ad-section .caution:before {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}

.area-type {
  background-color: #f1f1f1;
}
.area-type .bottom-menu-area {
  display: none;
}
.area-type .ad-section {
  position: relative;
}
.area-type .ad-section.first {
  padding: 30px 15px 0;
}
.area-type.list {
  padding: 0 15px;
  background-color: #fff;
}
.area-type.list .bottom-menu-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.area-type.list .ad-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ddd;
  padding: 20px 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.area-type.list .ad-section .ad-md-list {
  display: none;
}
.area-type.list .ad-section .update-list {
  display: none;
}
.area-type.list .ad-section .page-list {
  display: none;
}
.area-type.list .ad-section .dlr-page-list {
  display: none;
}
.area-type.list .ad-section .b-info {
  width: 100%;
  position: relative;
}
.area-type.list .ad-section .b-info .b-brand {
  padding-right: 30px;
}
.area-type.list .ad-section .b-info .b-list {
  display: none;
}
.area-type.list .ad-section .b-info .b-txt {
  display: none;
}
.area-type.list .ad-section .b-info .b-pay {
  padding-left: 80px;
}
.area-type.list .ad-section .b-info .b-pay > span {
  display: none !important;
}
.area-type.list .ad-section .b-info .push-pop-g {
  display: block;
}
.area-type.list .ad-section .ad-user-wrap {
  position: relative;
}
.area-type.list .ad-section .ad-user-wrap .area .img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 70px;
  height: 22px;
}
.area-type.list .ad-section .ad-user-wrap .area .img img {
  display: none;
}
.area-type.list .ad-section .ad-user-wrap .area .img .ico {
  display: none;
}
.area-type.list .ad-section .ad-user-wrap .area .img .number {
  width: 100%;
  font-size: 13px;
  text-align: center;
  border-radius: 50px;
  background-color: #fff;
  padding: 0px;
  color: #222;
  border: 1px solid #222;
}
.area-type.list .ad-section .time-special {
  position: relative;
  left: 0;
  top: -5px;
}
.area-type.list .ad-section .time-special a {
  display: inline-block;
}
.area-type.list .caution {
  margin-top: 0px;
  margin-bottom: 12px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.area-type.list .txt-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.area-type.list .txt-name .edit-btn {
  display: none;
}
.area-type.list .ad-user-wrap {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.area-type.list .paginate {
  background-color: #fff;
  padding-bottom: 100px;
}
.area-type .paginate {
  background-color: #f1f1f1;
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 30px;
}
.area-type .paginate strong span:after {
  background: #2666c6;
}

.txt-name {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.txt-name p, .txt-name ul.guide-bul > li {
  position: relative;
  margin-right: 5px;
  padding-left: 20px;
}
.txt-name p:before, .txt-name ul.guide-bul > li:before {
  display: block;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -74px -59px;
  background-size: 250px;
  content: "";
}
.txt-name .edit-btn {
  color: #666;
}

.ad-user-wrap > .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ad-user-wrap > .area .img {
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 120px;
  height: 90px;
  overflow: hidden;
  border-radius: 4px;
}
.ad-user-wrap > .area .img > a {
  display: block;
  height: 100%;
}
.ad-user-wrap > .area .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ad-user-wrap > .area .img .ico {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 10;
  width: 21px;
  height: 21px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -28px -169px;
  background-size: 500px;
  text-indent: -9999px;
}
.ad-user-wrap > .area .img .number {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  height: 18px;
  padding: 1px 10px 0;
  border-radius: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.ad-user-wrap > .area .b-info .b-brand {
  font-size: 16px;
}
.ad-user-wrap > .area .b-info .b-pay {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
}
.ad-user-wrap > .area .b-info .b-pay > span {
  position: relative;
  top: -2px;
  display: inline-block;
  color: #fff;
  background-color: #10a8e5;
  padding: 2px 10px 0px 10px;
  border-radius: 50px;
  font-size: 14px;
}
.ad-user-wrap > .area .b-info .b-list {
  margin-top: 5px;
}
.ad-user-wrap > .area .b-info .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.ad-user-wrap > .area .b-info .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.ad-user-wrap > .area .b-info .b-list span:last-child:after {
  display: none;
}
.ad-user-wrap > .area .b-info .b-txt {
  font-size: 13px;
  letter-spacing: -1px;
  color: #999;
  font-weight: 400;
}

.ad-view .acc-save {
  padding: 30px 0px 20px;
  text-align: center;
}
.ad-view .acc-save > p, .ad-view ul.acc-save.guide-bul > li {
  font-size: 18px;
  margin-bottom: 20px;
}
.ad-view .acc-save > p > span, .ad-view ul.acc-save.guide-bul > li > span {
  font-size: 18px;
}

.report-popup {
  padding: 0 0px 54px 0px;
  background-color: #e9e9e9;
}
.report-popup .tit-pop {
  padding: 15px 15px 0;
  background-color: #fff;
}
.report-popup .content-pop {
  position: relative;
  background: #fff;
}
.report-popup .content-pop::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
  background-color: #fff;
  content: "";
}
.report-popup .ad-user-wrap {
  border-radius: 0 0 15px 15px;
  padding: 0 15px 20px;
  margin-bottom: 10px;
  background-color: #fff;
}
.report-popup .acc-save {
  border-radius: 15px 15px 0 0;
  background-color: #fff;
}
.report-popup .acc-save .coin {
  top: 0;
}
.report-popup .participation-form {
  padding: 0 15px;
  background-color: #fff;
}
.report-popup .participation-form > ol li {
  border-bottom: none;
  border-top: 1px solid #ddd;
}
.report-popup .ra-ck {
  position: relative;
}
.report-popup .ra-ck .coin {
  position: absolute;
  right: 0px;
  top: -8px;
  font-size: 20px;
}
.report-popup .ra-ck .input-r + label {
  font-size: 14px;
}
.report-popup .coin {
  font-size: 30px;
}
.report-popup .coin:after {
  position: relative;
  top: 2px;
  right: -7px;
  display: inline-block;
  width: 28px;
  height: 26px;
  background: url("../images/sub/sprite_mycar.png") no-repeat 0 -162px;
  background-size: 500px;
  content: "";
}

.ad-md-list {
  margin-top: 20px;
}
.ad-md-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  font-weight: 600;
}
.ad-md-list > li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: block;
  width: 65px;
  margin-right: 10px;
}
.ad-md-list > li span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -6px;
}

.update-list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.update-list .area {
  width: 100%;
  position: relative;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
}
.update-list .area a {
  text-decoration: none;
  display: block;
  color: #222;
}
.update-list .area strong {
  display: block;
  margin-bottom: 5px;
}
.update-list .area .date {
  color: #999;
}
.update-list .area .count {
  position: absolute;
  right: 10px;
  top: 10px;
}
.update-list .area .count em {
  font-style: normal;
}
.update-list .area.auto {
  width: 50%;
  margin-right: 5px;
}
.update-list .area.manual {
  width: 50%;
  margin-left: 5px;
}
.update-list .area.del-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 82px;
}
.update-list .area.report-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 82px;
}
.update-list .area > .list li {
  color: #666;
}
.update-list .area > .list li > span {
  color: #222;
}
.update-list .area > .list li > span.point-blue {
  color: #3366cc;
}
.update-list.disabled > * {
  color: #999 !important;
}
.update-list.disabled a {
  color: #999;
  text-decoration: none;
  pointer-events: none;
}
.update-list.disabled a .count {
  color: #999;
}
.update-list.disabled a .count .point-blue {
  color: #999;
}
.update-list.disabled .area {
  background-color: #ececec;
}

.page-list {
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page-list > a {
  position: relative;
  display: block;
  border: 1px solid #333;
  line-height: 30px;
  width: 33.3333%;
  height: 30px;
  text-align: center;
  text-decoration: none;
  color: #222;
  border-radius: 4px;
  margin-right: 10px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -1px;
}
.page-list > a:last-child {
  margin-right: 0px;
}
.page-list > a.w100 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-list .txt {
  font-size: 13px;
}
.page-list.disabled > * {
  color: #999;
}
.page-list.disabled > a {
  pointer-events: none;
  border: 1px solid #ddd;
  background-color: #ececec;
}

.acount {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  background-color: #fd665c;
  color: #fff;
  border-radius: 100%;
  text-align: center;
}

.dlr-page-list {
  margin: 0 -15px;
  border-top: 1px solid #ddd;
}
.dlr-page-list.disabled > ul li a {
  color: #999;
  pointer-events: none;
}
.dlr-page-list.disabled > ul li:after {
  content: "";
  display: inline-block;
  background: #ddd;
}
.dlr-page-list.col-4 > ul > li {
  width: 31%;
  text-align: center;
  padding-right: 0px;
  margin-right: 0px;
}
.dlr-page-list.col-4 > ul > li:first-child {
  width: 31%;
}
.dlr-page-list.col-4 > ul > li:last-child {
  width: 24%;
}
.dlr-page-list.col-3 > ul > li {
  width: 33.3333%;
  text-align: center;
  padding-right: 0px;
  margin-right: 0px;
}
.dlr-page-list.col-3 > ul > li:first-child {
  width: 30%;
}
.dlr-page-list.col-3 > ul > li:last-child {
  width: 30%;
}
.dlr-page-list.col-2 > ul > li {
  width: 50%;
  text-align: center;
  padding-right: 0px;
  margin-right: 0px;
}
.dlr-page-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
}
.dlr-page-list > ul li {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}
.dlr-page-list > ul li a {
  display: block;
  text-decoration: none;
  color: #222;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  height: 50px;
  line-height: 50px;
}
.dlr-page-list > ul li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -5px;
}
.dlr-page-list > ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
.dlr-page-list > ul li:last-child:after {
  display: none;
}

.chatting-list {
  border-radius: 15px;
  background-color: #fff;
  padding: 0px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.chatting-list li {
  position: relative;
  padding: 30px 0px;
  border-bottom: 1px solid #ddd;
}
.chatting-list li:last-child {
  border-bottom: none;
}
.chatting-list .date {
  position: absolute;
  right: 0px;
  top: 30px;
  color: #999;
}
.chatting-list .txt {
  margin-top: 15px;
  position: relative;
}
.chatting-list .txt > .acount {
  top: auto;
  right: 0;
  bottom: 1px;
}

.chatting-list02 li {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-radius: 15px;
  background-color: #fff;
  padding: 30px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 15px;
}
.chatting-list02 .car-name-txt {
  position: relative;
}
.chatting-list02 .car-name-txt .date {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #999;
}
.chatting-list02 .car-name-txt .txt {
  margin-top: 15px;
  position: relative;
}
.chatting-list02 .car-name-txt .txt > .acount {
  top: auto;
  right: 0;
  bottom: 1px;
}
.chatting-list02 .car-name-ad {
  display: block;
  line-height: 1.33;
  margin: 0 0 2px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.chatting-list02 .car-name-ad span.car-num-ad {
  display: block;
  font-size: 18px;
  /*.general-cmm-state {
  	background: #fff;
  	border-color: #222;
  	color: #222;
  }*/
}
.chatting-list02 .car-name-ad span.car-num-ad [class*=cmm-state] {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  text-align: center;
  padding: 0 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  font-size: 13px;
}
.chatting-list02 .car-name-ad span.car-num-ad .sell-cmm-state {
  background: #7491b4;
  border-color: #7491b4;
  color: #fff;
}
.chatting-list02 .car-name-ad strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0 15px;
}

.search-form {
  width: 100%;
  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;
}
.search-form .input-text {
  width: 100%;
  position: relative;
}
.search-form .input-text input[type=text], .search-form .input-text .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .search-form .input-text [type=text].ico-confirm, .search-form .input-text .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .search-form .input-text [type=text].ico-confirm {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding-left: 10px;
  padding-right: 50px;
  background: none;
  -webkit-appearance: none;
}
.search-form .input-text .sech-result-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  z-index: 10;
  text-indent: -99999px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -64px -158px;
  background-size: 500px;
}
.search-form .cancel-btn {
  width: 45px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  color: #999;
  text-decoration: none;
}

.forwarding-wrap {
  padding: 0 15px;
}
.forwarding-wrap .f-sections {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 10px;
  padding: 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.forwarding-wrap .f-sections .num-area {
  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;
  height: 45px;
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.forwarding-wrap .f-sections .num-area > strong {
  font-size: 18px;
  color: #3366cc;
  letter-spacing: -1px;
}
.forwarding-wrap .f-sections .num-area .date {
  color: #999;
}
.forwarding-wrap .bullit-list > span {
  display: inline-block;
  min-width: 68px;
  border: 1px solid #222;
  border-radius: 50px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  padding: 0 15px;
}
.forwarding-wrap .bullit-list > span.clear {
  border: 1px solid #ff6666;
  color: #ff6666;
}
.forwarding-wrap .bullit-list > span.sell {
  border: 1px solid #7491b4;
  background-color: #7491b4;
  color: #fff;
}
.forwarding-wrap .bullit-list > span.sell:after {
  display: none;
}
.forwarding-wrap .bullit-list > span.save {
  border: 1px solid #e5e179;
  background-color: #e5e179;
  color: #706d25;
}
.forwarding-wrap .bullit-list > span.save:after {
  display: none;
}
.forwarding-wrap .bullit-list > span.basic {
  border: 1px solid #e5e179;
  background-color: #e5e179;
  color: #706d25;
}
.forwarding-wrap .bullit-list > span.change {
  border: 1px solid #6bb3b0;
  background-color: #6bb3b0;
  color: #fff;
}
.forwarding-wrap .tit {
  font-size: 18px;
  display: block;
  margin-top: 5px;
}
.forwarding-wrap .b-list {
  margin-top: 5px;
}
.forwarding-wrap .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.forwarding-wrap .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.forwarding-wrap .b-list span:last-child:after {
  display: none;
}
.forwarding-wrap .enquiry-list {
  text-align: left;
  padding: 0px;
  margin: 20px 0 0 -5px !important;
}
.forwarding-wrap .pay {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}
.forwarding-wrap .pay > .sub {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.s-pay > .sub {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.enquiry-detail-list {
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 15px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.enquiry-detail-list > a {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  line-height: 30px;
  width: 33.3333%;
  height: 30px;
  text-align: center;
  text-decoration: none;
  color: #222;
  border-radius: 4px;
  margin-right: 10px;
  font-weight: 600;
  background-color: #fff;
}
.enquiry-detail-list > a:last-child {
  margin-right: 0px;
}
.enquiry-detail-list > a > span {
  color: #3366cc;
}
.enquiry-detail-list > a.on {
  background-color: #3366cc;
  border: 1px solid #3366cc;
  color: #fff;
}
.enquiry-detail-list > a.on > span {
  color: #fff;
}

.link-type {
  background-color: #fff;
}
.link-type > ul {
  overflow: hidden;
  padding: 0 15px;
}
.link-type > ul > li {
  float: left;
  width: 50%;
}
.link-type > ul > li > a {
  display: block;
  padding: 15px 0px;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  text-align: center;
}
.link-type > ul > li > a.on {
  font-weight: 600;
  border-bottom: 1px solid #222;
  z-index: 2;
}
.link-type.scroll-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.link-type.scroll-list > ul > li {
  float: none;
}

.map-wrap {
  position: relative;
  border-top: 1px solid #ddd;
}
.map-wrap .map-select {
  z-index: 10;
}
.map-wrap .map-select > select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ddd;
  border-radius: 50px;
  height: 30px;
  padding: 0 15px;
  background: #fff url("../images/sub/bg_selected_arr.png") no-repeat calc(100% - 15px) 50%;
  background-size: 8px auto;
}
.map-wrap .reflash-btn {
  position: relative;
  display: inline-block;
  z-index: 10;
  border: 1px solid #ddd;
  border-radius: 50px;
  background-color: #fff;
  text-decoration: none;
  padding: 0 28px 0 12px;
  height: 30px;
  line-height: 30px;
  color: #222;
}
.map-wrap .reflash-btn:after {
  position: absolute;
  right: 13px;
  top: 10px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -114px -99px;
  background-size: 500px;
  content: "";
}
.map-wrap .map-user-current {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 30px;
  height: 40px;
  background: url("../images/sub/icon_map_btn.png") no-repeat 0 0;
  text-indent: -99999px;
  background-size: 100% auto;
  z-index: 10;
}
.map-wrap .map-info-setting {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
}
.map-wrap .map-info-setting .info {
  text-align: center;
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0 15px;
}
.map-wrap .map-info-setting .info .map-select {
  float: left;
  margin-right: 5px;
}
.map-wrap .map-info-setting .info .map-user-current {
  float: right;
}
.map-wrap .map-content {
  width: 100%;
  height: calc(100vh - 170px);
  background-color: #ddd;
}
.map-wrap .map-detail {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  padding-top: 5px;
  width: 100%;
  background-color: #fff;
}
.map-wrap .map-detail .btn-close {
  position: absolute;
  right: 10px;
  top: -3px;
}
.map-wrap .map-detail .btn-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.map-wrap .map-detail .btn-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.map-wrap .map-detail .map-box {
  position: relative;
  padding-left: 55px;
  padding-top: 10px;
  padding-bottom: 15px;
}
.map-wrap .map-detail .map-box .img {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  -webkit-box-align: center;
  border: 1px solid #ddd;
  border-radius: 100%;
  overflow: hidden;
}
.map-wrap .map-detail .map-box .img img {
  width: 30px;
}
.map-wrap .map-detail .map-box .map-box-info > .tit {
  font-size: 18px;
  display: block;
}
.map-wrap .map-detail .map-box .map-box-info > .tit span {
  position: relative;
  top: -2px;
  margin-left: 7px;
}
.map-wrap .map-detail .map-box .map-box-info > .tit span.cor-green {
  color: #2ea35d;
}
.map-wrap .map-detail .map-box .map-box-info .address {
  margin-top: 5px;
  color: #999;
}
.map-wrap .map-detail .map-box .map-box-info .tip-txt {
  margin-top: 10px;
  color: #999;
  font-size: 11px;
}
@-webkit-keyframes shadow-nav {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
            box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
            box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
  }
}
@keyframes shadow-nav {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
            box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
            box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
  }
}
.map-wrap .map-detail .b-list span {
  position: relative;
  padding-right: 8px;
  color: #3366cc;
  font-size: 13px;
  letter-spacing: -1px;
}
.map-wrap .map-detail .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #3366cc;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.map-wrap .map-detail .b-list span:last-child:after {
  display: none;
}
.map-wrap .detail-map {
  display: block;
}
.map-wrap .btn-area {
  padding-right: 15px;
  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-top: 15px;
}
.map-wrap .btn-area > .btn {
  display: inline-block;
  padding: 0 10px;
  min-width: 65px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #2666c6;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}
.map-wrap .btn-area > .select-box > select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1px solid #999;
  border-radius: 50px;
  height: 30px;
  padding: 0 30px 0 10px;
  background: #fff url("../images/sub/bg_selected_arr.png") no-repeat calc(100% - 15px) 50%;
  background-size: 8px auto;
}
.map-wrap .btn-area > span {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 50px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}

.div-table {
  display: -webkit-box;
  -webkit-box-align: baseline;
}
.div-table > div {
  font-size: 13px;
}
.div-table .tit {
  width: 35px;
}
.div-table .charge-type {
  width: 165px;
  margin-top: 13px;
}
.div-table .charge-type span {
  position: relative;
  display: inline-block;
  padding: 16px 0 0;
  font-size: 13px;
}
.div-table .charge-type span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 12px;
  height: 10px;
  margin-left: -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
}
.div-table .charge-type span.type1:after {
  top: 2px;
  background-position: -253px -138px;
}
.div-table .charge-type span.type2:after {
  background-position: -253px -153px;
}
.div-table .charge-type span.type3:after {
  background-position: -253px -165px;
}

.map-marker {
  display: inline-block;
  width: 49px;
  height: 50px;
  background: url("../images/sub/bg_map_marker.png") no-repeat;
  background-size: 49px 50px;
  z-index: 9;
}
.map-marker > span {
  position: absolute;
  left: 3px;
  top: 6px;
  width: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.map-marker > span img {
  width: 30px;
}
.map-marker.on {
  background: url("../images/sub/bg_map_marker_on.png") no-repeat;
  background-size: 50px 51px;
}

.car-life {
  border-top: 1px solid #ddd;
  background-color: #fff;
}
.car-life .area > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 110px;
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 0 15px;
  text-decoration: none;
  color: #333;
}
.car-life .area .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  width: 80px;
  height: 80px;
  background-color: #eee;
  border-radius: 4px;
}
.car-life .area .img > img {
  width: 100%;
}
.car-life .area .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 69px;
}
.car-life .area .info .tit {
  display: block;
  margin-bottom: 2px;
  padding-right: 15px;
  width: 100%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.car-life .area .info .date {
  color: #999;
  font-size: 13px;
}
.car-life .area .info .s-i {
  margin-top: 10px;
  width: 72px;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  padding: 3px 10px 5px;
  font-size: 13px;
}
.car-life .area .info .s-i.blue {
  background-color: #2666c6;
}
.car-life .area .info .s-i.red {
  background-color: #fd665c;
}

.details-wrap {
  background-color: #fff;
  padding: 32px 15px 0;
}
.details-wrap > .info {
  text-align: center;
}
.details-wrap > .info .logo {
  margin-bottom: 20px;
}
.details-wrap > .info .logo .w01 {
  position: relative;
  left: -5px;
  width: 78px;
}
.details-wrap > .info .logo .w02 {
  width: 34px;
}
.details-wrap > .info .logo .w03 {
  position: relative;
  left: -5px;
  width: 122px;
}
.details-wrap > .info .logo .w04 {
  position: relative;
  left: -5px;
  width: 123px;
}
.details-wrap > .info .logo .w05 {
  position: relative;
  left: -5px;
  width: 87px;
}
.details-wrap > .info .logo .w06 {
  position: relative;
  left: -5px;
  width: 50px;
}
.details-wrap > .info > p, .details-wrap > ul.info.guide-bul > li {
  margin-bottom: 15px;
  line-height: 1.6;
}
.details-wrap > .info > .page-btn {
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  background-color: #2666c6;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.details-wrap .detail-list {
  margin-top: 60px;
  padding-bottom: 30px;
}
.details-wrap .detail-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.details-wrap .detail-list li::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-size: 500px;
  content: "";
}
.details-wrap .detail-list li:last-child {
  margin-bottom: 0px;
}
.details-wrap .detail-list li .in-txt strong {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
.details-wrap .detail-list li.bg01::before {
  background-position: 0px -275px;
}
.details-wrap .detail-list li.bg02::before {
  background-position: -55px -275px;
}
.details-wrap .detail-list li.bg03::before {
  background-position: -111px -275px;
}
.details-wrap .detail-list li.bg04::before {
  background-position: -165px -275px;
}
.details-wrap .detail-list li.bg05::before {
  background-position: -220px -275px;
}
.details-wrap .detail-list li.bg06::before {
  background-position: 0px -328px;
}
.details-wrap .detail-list li.bg07::before {
  background-position: -55px -328px;
}
.details-wrap .detail-list li.bg08::before {
  background-position: -110px -328px;
}
.details-wrap .detail-list li.bg09::before {
  background-position: -165px -328px;
}
.details-wrap .detail-list li.bg10::before {
  background-position: -222px -328px;
}
.details-wrap .detail-list li.bg11::before {
  background-position: 0px -385px;
}
.details-wrap .detail-list li.bg12::before {
  background-position: -57px -385px;
}
.details-wrap .detail-list li.bg13::before {
  background-position: -110px -385px;
}
.details-wrap .detail-list li.bg14::before {
  background-position: -165px -385px;
}
.details-wrap .detail-list li.bg15::before {
  background-position: -220px -385px;
}
.details-wrap .detail-list li.bg16::before {
  background-position: 0px -442px;
}
.details-wrap .detail-list li.bg17::before {
  background-position: -55px -440px;
}
.details-wrap .detail-list li.bg18::before {
  background-position: -110px -440px;
}
.details-wrap .detail-list li.bg19::before {
  background-position: -165px -440px;
}
.details-wrap .detail-list li.bg20::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: 0 0;
}
.details-wrap .detail-list li.bg21::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -55px 0;
}
.details-wrap .detail-list li.bg22::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -110px 0;
}
.details-wrap .detail-list li.bg23::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -165px 0;
}
.details-wrap .detail-list li.bg24::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: 0 -55px;
}
.details-wrap .detail-list li.bg25::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -55px -55px;
}
.details-wrap .detail-list li.bg26::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -110px -55px;
}
.details-wrap .detail-list li.bg27::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -165px -55px;
}
.details-wrap .detail-list li.bg28::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: 0 -120px;
}
.details-wrap .detail-list li.bg29::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -55px -120px;
}
.details-wrap .detail-list li.bg30::before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-size: 215px 170px;
  background-position: -110px -120px;
}

#wrap.subscription-fixed-area {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#wrap.subscription-fixed-area.main {
  background-color: #f1f2f5;
  background-image: url("../images/sub/img_subscription_main.png");
  background-position: 0 calc(100% - 63px);
  background-repeat: no-repeat;
  padding-bottom: 64px;
  background-size: 100% auto;
}
#wrap.subscription-fixed-area.sub {
  background-color: #fff;
  background-image: url("../images/sub/img_subscription_sub.png");
  background-position: 0 calc(100% - 63px);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
}
#wrap.subscription-fixed-area.full {
  background-position: 0 100%;
}

.subscription-main .btn-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
}
.subscription-main .tit-wrap {
  position: absolute;
  top: 50%;
  margin-top: -145px;
  left: 15px;
  z-index: 10;
}
.subscription-main .tit-wrap > h2 {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 24px;
}
.subscription-main .tit-wrap > h2 > strong {
  display: block;
  font-weight: 700;
}
.subscription-main .tit-wrap > p, .subscription-main ul.tit-wrap.guide-bul > li {
  font-size: 14px;
  color: #999;
}

.subscription-wrap {
  padding-bottom: 100px;
}
.subscription-wrap .tit-wrap {
  padding: 30px 0 0 30px;
}
.subscription-wrap .tit-wrap > h2 {
  margin-bottom: 10px;
  font-size: 24px;
}
.subscription-wrap .tit-wrap > p, .subscription-wrap ul.tit-wrap.guide-bul > li {
  font-size: 14px;
}
.subscription-wrap .btn-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
}

.link-btn {
  margin-top: 50px;
  padding: 0 15px;
}
.link-btn > a {
  position: relative;
  border-radius: 4px;
  display: block;
  margin-bottom: 15px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-decoration: none;
  border: 1px solid #ddd;
  color: #222;
  font-weight: 700;
  padding: 0 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.link-btn > a:after {
  position: absolute;
  right: 15px;
  top: 24px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -189px -25px;
  background-size: 500px;
  content: "";
}
.link-btn > a > .sm {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  font-size: 12px;
  top: -1px;
}
.link-btn > a > .sm:before {
  position: absolute;
  top: -3px;
  left: 0px;
  width: 15px;
  height: 18px;
  background: url("../images/sub/bg_complete.png") no-repeat -51px 100%;
  background-size: 128px auto;
  content: "";
}
.link-btn .pad0 {
  padding: 0;
}

.sub-garage-list li > a {
  display: block;
  text-decoration: none;
  padding: 0 15px;
  color: #222;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}

.garage-sub-wrap {
  background-color: #fff;
  padding: 0 15px;
}
.garage-sub-wrap .garage-area {
  padding: 20px 0px 20px;
  border-bottom: 0px;
}
.garage-sub-wrap .garage-area .car-img {
  width: 140px;
  right: 0px;
}
.garage-sub-wrap .btn-wrap {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
}

.market-price {
  padding: 20px 0 30px;
}
.market-price ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-price ul li {
  position: relative;
  width: 50%;
}
.market-price ul li > span {
  display: block;
  margin-bottom: 5px;
  color: #222;
}
.market-price ul li > strong {
  font-size: 16px;
}
.market-price ul li:last-child {
  padding-left: 20px;
}
.market-price ul li:last-child:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 46px;
  background-color: #ddd;
  content: "";
}

.detailed-grade {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.detailed-grade > ul > li > a {
  position: relative;
  display: block;
  min-height: 45px;
  padding: 15px;
  color: #333;
  text-decoration: none;
}
.detailed-grade > ul > li > a > span {
  font-size: 16px;
}
.detailed-grade > ul > li > a > strong {
  font-size: 16px;
}
.detailed-grade > ul > li > a > strong > span {
  display: block;
  font-size: 14px;
}
.detailed-grade > ul > li > a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  width: 5px;
  height: 10px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -225px -26px;
  background-size: 500px;
  content: "";
}

.btn-wrap.btm-col.disabled a {
  background-color: #dddddd;
}
.btn-wrap.btm-col.disabled a > span {
  color: #999;
}

.car-checked-list {
  border-top: 1px solid #ddd;
  background-color: #f1f1f1;
  min-height: calc(100vh - 230px);
  margin: 0 -15px;
  padding-bottom: 55px;
}
.car-checked-list > li {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  border-bottom: 1px solid #ddd;
}
.car-checked-list > li .tit {
  font-size: 16px;
}
.car-checked-list > li .tit span {
  display: block;
  font-size: 14px;
}
.car-checked-list > li .ra-ck {
  height: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-checked-list > li .input-r + label {
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
}
.car-checked-list > li .input-r + label > span {
  display: block;
}
.car-checked-list > li .input-r + label:after {
  left: auto;
  right: 15px;
  top: 26px;
}
.car-checked-list > li .input-r:checked + label {
  color: #3366cc;
}
.car-checked-list > li .directly-input {
  display: none;
  position: absolute;
  right: 45px;
  top: 10px;
  width: 150px;
  height: 50px;
  text-align: right;
}
.car-checked-list > li .directly-input input[type=text], .car-checked-list > li .directly-input .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .car-checked-list > li .directly-input [type=text].ico-confirm, .car-checked-list > li .directly-input .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .car-checked-list > li .directly-input [type=text].ico-confirm {
  padding: 0 35px 0 0;
  text-align: right;
}
.car-checked-list > li .directly-input .txt-km {
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 18px;
}
.car-checked-list > li.on.directly-ck .directly-input {
  display: block;
}

.car-section {
  margin-top: 50px;
  padding: 0 15px;
}
.car-section .garage-area {
  position: relative;
  padding: 15px 15px 30px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.car-section .garage-area .tit {
  margin-top: 0px;
  margin-bottom: 5px;
}
.car-section .garage-area .car-selected > span {
  font-size: 16px;
}
.car-section .garage-area .sub-txt > span {
  display: block;
  color: #999;
  font-weight: 400;
}
.car-section .garage-area .car-img {
  top: auto;
  bottom: 15px;
}
.car-section .garage-area .close-btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
}
.car-section .garage-area .close-btn > span {
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../images/common/sprite.png");
  background-size: 500px;
  text-indent: -99999px;
  background-position: -54px -35px;
}

.car-section + .link-btn {
  margin-top: 15px;
}

.car-section + .car-section {
  margin-top: 15px;
}

.email-wrap .tit {
  display: block;
  margin-bottom: 10px;
}
.email-wrap .ra-ck {
  margin-top: 20px;
}
.email-wrap .input-ck + label {
  font-size: 14px;
}
.email-wrap .edit-wrap {
  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;
}
.email-wrap .edit-wrap .edit-btn {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  height: 30px;
  line-height: 30px;
  color: #222;
  width: 70px;
  text-align: center;
}
.email-wrap .edit-wrap .icon {
  margin-left: 5px;
  width: 28px;
  height: 30px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -45px -118px;
  background-size: 500px;
}
.email-wrap .edit-wrap.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.event-productions {
  margin-top: 30px;
}
.event-productions > ul {
  overflow: hidden;
}
.event-productions > ul > li {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 5px;
}
.event-productions > ul > li .img {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.event-productions > ul > li .img::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  content: "";
}
.event-productions > ul > li .img img {
  width: 100%;
}
.event-productions > ul > li .info {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 15px;
  z-index: 50;
}
.event-productions > ul > li .info > p, .event-productions > ul > li ul.info.guide-bul > li {
  margin-bottom: 10px;
  font-size: 13px;
  color: #fff;
}
.event-productions > ul > li .info > strong {
  font-size: 16px;
  color: #ffcc00;
}

.new-by {
  background-color: #fff;
}
.new-by .top-info {
  padding: 20px 0 30px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.new-by .top-info .img {
  display: inline-block;
  width: 115px;
}
.new-by .top-info .img img {
  width: 100%;
}
.new-by .top-info > p, .new-by ul.top-info.guide-bul > li {
  margin-top: 15px;
  text-align: center;
  font-size: 20px;
}

.pre-area {
  background: #fff;
  margin-bottom: 10px;
}
.pre-area li a {
  position: relative;
  display: block;
  height: 60px;
  font-weight: 600;
  text-decoration: none;
  color: #222;
  line-height: 60px;
}
.pre-area li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -279px;
  width: 5px;
  height: 8px;
  right: 0px;
  top: 50%;
  margin-top: -4px;
}

.set-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.set-list li > strong {
  position: relative;
  top: 2px;
}
.set-list li > span {
  position: relative;
  top: 2px;
}
.set-list li > a {
  display: block;
  height: 50px;
  min-width: 50px;
  text-decoration: none;
  color: #666;
  text-align: right;
  line-height: 50px;
}
.set-list li > a.set {
  color: #333;
}
.set-list li .ico {
  position: relative;
  padding-left: 27px;
}
.set-list li .ico::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 16px;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-size: 500px;
  content: "";
}
.set-list li .ico.kakao::before {
  background-position: right 0;
}
.set-list li:last-child {
  border-bottom: none;
}
.set-list li.off strong {
  color: #999;
}

.access-list {
  padding-bottom: 15px;
}
.access-list .btn-type {
  border: none;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.access-list .btn-type a {
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
}
.access-list .btn-type:after {
  top: 14px;
  right: 0px;
}

.my-setting.vh {
  height: calc(100vh - 55px);
}
.my-setting .btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.member-section {
  overflow: hidden;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 15px 0px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.member-section .tit {
  padding-left: 0px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #666;
}
.member-section .tit.font-b {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.member-section.first {
  border-radius: 0 0 15px 15px;
}
.member-section .btn-switch-blue {
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
}
.member-section .btn-switch-blue input[type=checkbox], .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm {
  height: 0;
  width: 0;
  visibility: hidden;
}
.member-section .btn-switch-blue input[type=checkbox] + label, .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 49px;
  height: 24px;
  background: #999;
  display: block;
  border-radius: 100px;
  position: relative;
}
.member-section .btn-switch-blue input[type=checkbox] + label.price, .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label.price, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label.price, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label.price, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label.price {
  width: 37px;
}
.member-section .btn-switch-blue input[type=checkbox] + label:after, .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm + label:after, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label:after, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm + label:after, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.member-section .btn-switch-blue input[type=checkbox]:checked + label, .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm:checked + label, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm:checked + label {
  background: #364f7f;
}
.member-section .btn-switch-blue input[type=checkbox]:checked + label:after, .member-section .btn-switch-blue .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after, .member-section .btn-switch-blue .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .member-section .btn-switch-blue [type=checkbox].ico-confirm:checked + label:after {
  left: calc(100% - 4px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.member-section .accept-terms .list-accept > div {
  border-bottom: none;
}
.member-section .accept-terms .list-accept > div label {
  font-size: 14px;
  padding: 9px 30px 9px 25px;
}
.member-section .accept-terms .list-accept > div label:after {
  left: 0px;
  margin-top: -9px;
}
.member-section .accept-terms .list-accept > div label.pos:after {
  margin-top: -18px;
}
.member-section .accept-terms .list-accept > div a:after {
  left: auto;
  right: 0px;
  top: 50%;
}
.member-section .accept-terms .list-accept > div a.pos {
  height: 40px;
  top: 12px;
}
.member-section .accept-terms .list-accept > div .in-check {
  padding: 0 35px 0 25px;
}
.member-section .accept-terms .list-accept > div .in-check label {
  padding: 4px 0 4px 20px;
}
.member-section .accept-terms .list-accept > div .in-check .cmm-mg {
  margin: 0 0 10px 15px;
}
.member-section.non-top-radius {
  border-radius: 0 0 15px 15px;
}

.btn-h-box a {
  text-decoration: none;
}

.member-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 0;
}
.member-state > a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 5px;
  color: #333;
  min-width: 80px;
  background-color: #fff;
  padding: 0 10px;
}

.login-wrap .acc-txt.password:after {
  background-position: -179px -377px;
}

.sns-wrap {
  background-color: #fff;
  padding: 20px 15px 0px;
}
.sns-wrap .tit-wrap > strong {
  font-size: 20px;
}
.sns-wrap .tit-wrap > strong > span {
  font-size: 20px;
}
.sns-wrap .sns-content {
  margin-top: 30px;
}
.sns-wrap .sns-content > ul li {
  margin-bottom: 10px;
}
.sns-wrap .sns-content > ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 15px;
  height: 54px;
  color: #333;
}
.sns-wrap .sns-content > ul li > a > span {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.sns-wrap .sns-content > ul li > a > span > em {
  margin-left: 3px;
  font-style: normal;
  font-weight: normal;
}
.sns-wrap .sns-content > ul li > a > span.ico {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
.sns-wrap .sns-content > ul li > a > span.ico::before {
  position: absolute;
  top: 3px;
  left: 0px;
  width: 18px;
  height: 16px;
  background-image: url("../images/sub/sprite_mycar.png");
  background-repeat: no-repeat;
  background-size: 500px;
  content: "";
}
.sns-wrap .sns-content > ul li > a > span.conect {
  font-size: 13px;
}
.sns-wrap .sns-content > ul li > a > span.conect.off {
  font-weight: 400;
  color: #666;
}
.sns-wrap .sns-content > ul li.naver .ico::before {
  background-position: 100% -28px;
}
.sns-wrap .sns-content > ul li.kakao .ico::before {
  background-position: 100% 0;
}
.sns-wrap .sns-content > ul li.facebook .ico::before {
  background-position: 100% -54px;
}
.sns-wrap .sns-content > ul li.google .ico::before {
  background-position: 100% -81px;
}
.sns-wrap.sns-wrap--ty2 {
  padding: 16px 0 0 0;
}
.sns-wrap.sns-wrap--ty2 .sns-content {
  margin-top: 24px;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li {
  margin-bottom: 8px;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li > a {
  padding: 0 16px;
  height: 56px;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li > a .icon {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  padding-left: 32px;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li > a .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li > a .conect {
  top: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li > a .conect-date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #287eff;
  margin-left: 8px;
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li.naver > a .icon:before {
  background-image: url(../images/common/icon/icon-circle-naver.svg);
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li.kakao > a .icon:before {
  background-image: url(../images/common/icon/icon-circle-kakao.svg);
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li.google > a .icon:before {
  background-image: url(../images/common/icon/icon-circle-google.svg);
}
.sns-wrap.sns-wrap--ty2 .sns-content > ul li.apple > a .icon:before {
  background-image: url(../images/common/icon/icon-circle-apple.svg);
}

.sns-info {
  margin-top: 30px;
  padding-bottom: 30px;
}
.sns-info li {
  margin-bottom: 10px;
  color: #333;
}

.fixedLayout {
  position: fixed;
  overflow-y: scroll;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.price-whether {
  padding-top: 50px;
  border-top: 1px solid #ddd;
}
.price-whether > strong {
  text-align: center;
  font-size: 18px;
  color: #db7ad1;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-whether > strong:before {
  display: inline-block;
  width: 26px;
  height: 20px;
  margin-bottom: 20px;
  background: url("../images/sub/ico_price_whether.png") no-repeat 0 0;
  background-size: 100% auto;
  content: "";
}
.price-whether > p, ul.price-whether.guide-bul > li {
  color: #222;
  text-align: center;
}

.average-wrap {
  padding-left: 10px;
}
.average-wrap .a-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.average-wrap .titwrap strong {
  font-size: 16px;
}
.average-wrap .titwrap strong > span {
  margin-top: 10px;
  font-size: 24px;
  display: block;
}
.average-wrap .txtwrap {
  text-align: right;
}
.average-wrap .txtwrap > p, .average-wrap ul.txtwrap.guide-bul > li {
  margin-top: 10px;
}
.average-wrap .a-section-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px;
}
.average-wrap .a-section-area .ave-area {
  text-align: right;
}
.average-wrap .a-section-area .ave-area dt, .average-wrap .a-section-area .ave-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .average-wrap .a-section-area .ave-area dd {
  position: relative;
  color: #222;
  padding-left: 30px;
  font-weight: 600;
  margin-bottom: 4px;
}
.average-wrap .a-section-area .ave-area dt .info, .average-wrap .a-section-area .ave-area .dealer-detail .dealer-detail__status > div dd .info, .dealer-detail .dealer-detail__status > div .average-wrap .a-section-area .ave-area dd .info {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0px;
  background: url("../images/sub/sprite_buy2.png") no-repeat 0 0;
  background-size: 250px;
}
.average-wrap .a-section-area .ave-area dd span {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.average-wrap .a-section-area .ave-area dd em {
  display: block;
  font-size: 18px;
  color: #fd665c;
  font-style: normal;
}
.average-wrap .a-section-area .pm-arae .pm-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl {
  text-align: right;
  margin-left: 18px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dt, .average-wrap .a-section-area .pm-arae .pm-inner dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .average-wrap .a-section-area .pm-arae .pm-inner dl dd {
  font-weight: 600;
  margin-bottom: 5px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span {
  font-size: 18px;
  display: inline-block;
  padding-left: 13px;
  position: relative;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span:before {
  position: absolute;
  top: 9px;
  left: 0px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/sub/sprite_buy2.png") no-repeat 0 0;
  background-size: 250px;
  content: "";
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span.point-red.up:before {
  background-position: -3px -170px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span.point-red.down:before {
  background-position: -3px -183px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span.point-blue.up:before {
  background-position: -16px -170px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span.point-blue.down:before {
  background-position: -16px -183px;
}
.average-wrap .a-section-area .pm-arae .pm-inner dl dd span.none:before {
  display: none;
}
.average-wrap .a-section-area .pm-arae > p, .average-wrap .a-section-area ul.pm-arae.guide-bul > li {
  text-align: right;
  color: #999;
}

.flex-fnb {
  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-top: 25px;
}
.flex-fnb > strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: 400;
  font-size: 16px;
}
.flex-fnb > strong > span {
  font-size: 16px;
}
.flex-fnb .select-box-type {
  min-width: 80px;
}
.flex-fnb .select-box-type select {
  padding-right: 40px;
}

.b-txt {
  font-weight: 600;
  margin-bottom: 2px;
}

.section-tit {
  display: block;
  padding: 30px 15px 0px;
  font-size: 18px;
}

.login-wrap.my-car .box-area .input-box .input-type {
  font-size: 30px;
  letter-spacing: 10px;
  color: #999;
}
.login-wrap.my-car p, .login-wrap.my-car ul.guide-bul > li {
  color: #666;
}
.login-wrap.my-car .acc-area .acc-txt {
  padding: 100px 0 0;
}
.login-wrap.my-car .acc-area .acc-txt:after {
  top: 32px;
}
.login-wrap.my-car .kb-id-area .tit {
  font-weight: 600;
  color: #222;
}
.login-wrap .info-input .set-list {
  border-bottom: 1px solid #ddd;
}
.login-wrap .info-input .set-list li > strong {
  font-size: 18px;
}
.login-wrap .info-input .input-type::-webkit-input-placeholder {
  line-height: 24px;
}
.login-wrap .info-input .input-type::-moz-placeholder {
  line-height: 24px;
}
.login-wrap .info-input .input-type:-ms-input-placeholder {
  line-height: 24px;
}
.login-wrap .info-input .input-type::-ms-input-placeholder {
  line-height: 24px;
}
.login-wrap .info-input .input-type::placeholder {
  line-height: 24px;
}

.map-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.sub-tab-map {
  border-top: 1px solid #ddd;
  background-color: #fff;
  overflow-x: auto;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-overflow-scrolling: touch;
}
.sub-tab-map ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  padding: 0 10px;
}
.sub-tab-map ul li {
  margin-right: 8px;
  white-space: nowrap;
}
.sub-tab-map ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 0 15px;
  text-decoration: none;
  color: #222;
  text-align: center;
}
.sub-tab-map ul li a.on {
  color: #fff;
  background-color: #2666c6;
  border: 1px solid #2666c6;
}
.sub-tab-map ul li:last-child {
  margin-right: 0px;
}

.price-list-d {
  padding: 30px 15px 0;
}
.price-list-d .car-checked-list {
  min-height: calc(100vh - 140px);
}

.buy-car-warp {
  display: -webkit-box;
}
.buy-car-warp .buy-car-area {
  -webkit-box-flex: 1;
  padding: 0 5px;
}
.buy-car-warp .buy-car-area .img,
.buy-car-warp .buy-car-area img {
  width: 100%;
}
.buy-car-warp .buy-car-area .info .tit {
  display: block;
  margin: 10px 0 5px;
}
.buy-car-warp .buy-car-area .info .b-list {
  margin-top: 5px;
}
.buy-car-warp .buy-car-area .info .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.buy-car-warp .buy-car-area .info .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.buy-car-warp .buy-car-area .info .b-list span:last-child:after {
  display: none;
}

[class*=cmm-sns] {
  position: relative;
  display: inline-block;
  min-width: 25px !important;
  height: 50px;
}
[class*=cmm-sns]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/sprite_mycar.png") no-repeat;
  background-size: 500px;
  width: 18px;
  height: 16px;
  margin: -8px 0 0 -9px;
}

.cmm-sns-kakao:after {
  background-position: 100% -28px;
}

.cmm-sns-naver:after {
  background-position: 100% 0;
}

.cmm-sns-google:after {
  background-position: 100% -81px;
}

.cmm-sns-fc:after {
  background-position: 100% -54px;
}

.refund-app {
  margin-bottom: 30px;
}
.refund-app h2 {
  margin-bottom: 15px;
  font-weight: normal;
}
.refund-app h3 {
  margin-top: 20px;
  color: #666;
  font-weight: normal;
}
.refund-app p, .refund-app ul.guide-bul > li {
  color: #666;
}
.refund-app ul li {
  color: #666;
  line-height: 1.36;
  margin-left: 15px;
  text-indent: -15px;
}
.refund-app ul li ul li {
  margin-left: 10px;
  text-indent: -10px;
}
.refund-app dl dt, .refund-app dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .refund-app dl dd {
  margin-top: 20px;
  color: #666;
}
.refund-app dl dd {
  color: #666;
}
.refund-app table {
  width: 100%;
  border-spacing: 0;
}
.refund-app table th {
  padding: 8px 0;
  text-align: center;
  color: #666;
  background: #f0f0f0;
}
.refund-app table th + th {
  border-left: 1px solid #ddd;
}
.refund-app table td {
  padding: 10px 0;
  text-align: center;
  color: #666;
  border-bottom: 1px solid #ddd;
}
.refund-app table td + td {
  border-left: 1px solid #ddd;
}

.mc-white-box {
  padding: 30px 15px 55px;
}
.mc-white-box .ip-box {
  display: block;
  margin-bottom: 15px;
}
.mc-white-box .ip-box label {
  line-height: 15px;
  font-size: 14px;
}
.mc-white-box .t-box {
  line-height: 22px;
}

/* 2020.1.28일 추가 */
.selectBoxArea select {
  border: 0;
  outline: 0;
  margin: 10px 10px 0 0;
  padding: 0 15px 0 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: url("../images/sub/bg_selected_black.png") no-repeat right center;
  background-size: 8px 5px;
}
.selectBoxArea--border select {
  height: 25px;
  margin: 10px 3px 0 0;
  padding: 0 20px 0 10px;
  border: 1px solid #ddd;
  border-radius: 25px;
  background-position: 92% center;
}

.newCarPrice {
  margin: 30px 0 0;
}
.newCarPrice__title {
  font-size: 15px;
}
.newCarPrice__info {
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
}
.newCarPrice__info .price {
  color: #2666c6;
  font-size: 24px;
  font-weight: bold;
}
.newCarPrice__info__button a {
  display: inline-block;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0 7px;
  color: #000;
  line-height: 24px;
  text-decoration: none;
}
.newCarPrice__info__button a span {
  font-size: 12px;
}
.newCarPrice__text {
  margin-top: 15px;
}

.tabAreaRound {
  border-radius: 15px;
  padding: 0 0 15px;
}
.tabAreaRound__tab {
  display: -webkit-box;
  position: relative;
  padding: 0 15px;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
}
.tabAreaRound__tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.tabAreaRound__tab li {
  -webkit-box-flex: 1;
  width: 50%;
}
.tabAreaRound__tab li a {
  position: relative;
  display: block;
  font-size: 18px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}
.tabAreaRound__tab li a span {
  color: #000;
}
.tabAreaRound__tab li.on a {
  border-bottom: 2px solid #222;
  font-weight: 600;
}
.tabAreaRound__tab li.on a span {
  font-weight: bold;
}

.marketPriceArea {
  position: relative;
  margin-bottom: 10px;
  padding: 27px 15px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.marketPriceArea__content {
  position: relative;
}
.marketPriceArea__content__title {
  font-size: 15px;
}
.marketPriceArea__content__text {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #2666c6;
}
.marketPriceArea__content__residualValue {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.marketPriceArea__content__residualValue .number {
  color: #2666c6;
}
.marketPriceArea__content .layerBtm {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.marketPriceArea__content .layerBtm span {
  display: none;
}
.marketPriceArea__content .layerBtm:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.marketPriceArea--round {
  border-radius: 15px;
}
.marketPriceArea--round h2.title {
  font-size: 17px;
  margin-bottom: 25px;
}
.marketPriceArea--round .banner img {
  width: 100%;
}

.recommendedCar {
  margin-bottom: 30px;
}
.recommendedCar a {
  display: -webkit-box;
  text-decoration: none;
  color: #222;
  outline: none;
}
.recommendedCar a .image {
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.recommendedCar a .image img {
  width: 100%;
}
.recommendedCar a .infoText {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: start;
  -webkit-box-orient: vertical;
  padding: 3px 15px 0;
}
.recommendedCar a .infoText .carName {
  display: block;
  margin-bottom: 5px;
}
.recommendedCar a .infoText .carPrice strong {
  font-size: 16px;
}

.usedCarSale > li {
  display: -webkit-box;
  margin-bottom: 15px;
}
.usedCarSale > li .image {
  width: 100px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
}
.usedCarSale > li .image img {
  width: 100%;
}
.usedCarSale > li .infoText {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: start;
  -webkit-box-orient: vertical;
  padding: 3px 15px 0;
}
.usedCarSale > li .infoText .carName {
  display: block;
  margin-bottom: 5px;
}
.usedCarSale > li .infoText .carPrice strong {
  font-size: 16px;
}

.premiumCheck {
  padding: 0 15px 30px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.premiumCheck__info {
  display: -webkit-box;
  padding: 10px 0;
}
.premiumCheck__info .image {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.premiumCheck__info .image img {
  width: 100%;
}
.premiumCheck__info .text {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  padding: 0 15px;
  font-weight: 600;
}
.premiumCheck__info .text .cashback {
  color: #10a8e5;
}
.premiumCheck__info a {
  position: relative;
  display: -webkit-box;
  -webkit-box-align: center;
  color: #000;
  font-weight: 600;
  text-decoration: none;
}
.premiumCheck__info a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.premiumCheck__info--borderLine {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.premiumCheck .banner {
  margin-top: 30px;
}
.premiumCheck .banner img {
  width: 100%;
}

.myNewCarPrice {
  margin-top: 15px;
}
.myNewCarPrice > * {
  display: block;
}
.myNewCarPrice .title {
  font-weight: 600;
}
.myNewCarPrice .price {
  margin-bottom: 15px;
  font-size: 20px;
  color: #2666c6;
}
.myNewCarPrice .text {
  font-size: 12px;
}

.myResidualValue {
  position: absolute;
  right: 0;
  top: 70px;
  font-weight: 600;
}
.myResidualValue .number {
  color: #2666c6;
}

.myBanner {
  margin-top: 30px;
}
.myBanner img {
  width: 100%;
}

.sns-wrap .sns-content > ul li.apple .ico::before,
.cmm-sns-apple:after {
  background: url("../images/sub/icon_apple.png") no-repeat;
  background-size: 18px 16px;
}

.login-wrap .login-cnt .sns-join dd .apple {
  margin: 10px 0 0;
}
.login-wrap .login-cnt .sns-join dd .apple a {
  text-indent: 0;
  text-align: center;
  line-height: 1;
  border-color: #000;
}
.login-wrap .login-cnt .sns-join dd .apple span {
  position: relative;
  color: #000;
  font-size: 23px;
  line-height: 52px;
}
.login-wrap .login-cnt .sns-join dd .apple span:after {
  content: "";
  position: absolute;
  left: -22px;
  top: 50%;
  width: 18px;
  height: 16px;
  margin-top: -10px;
  background: url("../images/sub/icon_apple.png") no-repeat;
  background-size: 18px 16px;
}

.ftCor .money {
  color: #2666c6 !important;
}

.car-money .user .bidPrice {
  display: block;
  margin-left: 10px;
  color: #2666c6;
}

/* 알림함 아이콘 추가 변경 2020.06.02 */
.evt-area.evt-area--icon .list {
  min-height: 64px;
}
.evt-area.evt-area--icon .list .kind {
  background: none;
  width: 66.6666px;
  height: 66.6666px;
}
.evt-area.evt-area--icon .list .kind img {
  width: 100%;
  height: 66.6666px;
}
.evt-area.evt-area--icon .list .kind .ico-new {
  background: url("../images/common/icon_new_42x42.png") no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
  font-size: 0;
}

/* 알림받기 버튼 2020.6.12 */
.alarm-btn span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 54px;
  padding-left: 22px;
}
.alarm-btn span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 18px;
  margin-top: -8px;
  background: url("../images/common/ico_alarm.png") no-repeat;
  background-size: 14px 18px;
}

/* 2020.07.14 추가 */
.header.mycar-header-p .btn-top01 {
  position: absolute;
  top: 3px;
  right: 10px;
}
.header.mycar-header-p .btn-top01 .alarm-set {
  position: relative;
  display: inline-block;
  padding: 15px 10px 15px 18px;
  color: #222;
  text-decoration: none;
}
.header.mycar-header-p .btn-top01 .alarm-set:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url("../images/common/icon_sprite.png");
  background-repeat: no-repeat;
  background-size: 240px auto;
  background-position: -122px -345px;
}

.new-by .tip-txt {
  padding: 0 15px 15px;
  color: #2666c6;
}
.new-by .alarm-case {
  margin-top: 30px;
}
.new-by .alarm-case .alarm-txt {
  position: relative;
  text-align: center;
  padding-top: 120px;
  font-size: 20px;
  font-weight: 700;
}
.new-by .alarm-case .alarm-txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 111px;
  height: 100px;
  background: url("../images/sub/icon_nodata01.png") no-repeat;
  background-size: contain;
  margin-left: -55px;
}
.new-by .alarm-case .alarm-txt01 {
  text-align: center;
  margin-top: 20px;
}
.new-by .alarm-case .btn-area {
  margin-top: 80px;
  text-align: center;
  padding: 0 15px;
}
.new-by .alarm-case .btn-area a {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  color: #fff;
  text-decoration: none;
  background-color: #364f7f;
  border-radius: 5px;
  font-size: 16px;
}

/* 2020.07.20 추가 */
.kbBanner-benefit .bannerMore {
  position: relative;
  bottom: 0;
  z-index: 1;
}
.kbBanner-benefit .bannerMore button {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  padding: 0;
  background: #fff;
  border: 1px solid #2666c6;
  border-radius: 7px;
}
.kbBanner-benefit .bannerMore button span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #2666c6;
  font-size: 18px;
}
.kbBanner-benefit .bannerMore button span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width: 19px;
  height: 10px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: -115px -22px;
}

.member-list_bnr {
  padding: 15px 15px 0;
}
.member-list_bnr li .banner {
  margin-bottom: 10px;
}
.member-list_bnr li .banner img {
  width: 100%;
  height: auto;
  max-height: 130px;
}

.date-icon a {
  display: inline-block;
  width: 14px;
  height: 15px;
  vertical-align: middle !important;
}
.date-icon a img {
  width: 100%;
  height: 100%;
}

.btn-today-reserv {
  display: block;
  -webkit-box-flex: 1;
  margin: 0 15px 15px;
}
.btn-today-reserv a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: left;
  padding: 0 0 0 15px;
  color: #fff;
  background: #5c6ffd;
  font-size: 16px;
  font-weight: 500;
  border-radius: 15px;
  text-decoration: none;
}
.btn-today-reserv a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat -60px -169.5px;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
}

.visit-reserv-area .rud-box {
  margin: 0 15px 10px;
  padding: 0 15px 15px;
}
.visit-reserv-area .rud-box .reserv-state {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.visit-reserv-area .rud-box .reserv-state span {
  font-weight: bold;
  font-size: 18px;
}
.visit-reserv-area .rud-box .reserv-state span.red {
  color: #fd665c;
}
.visit-reserv-area .rud-box .reserv-state span.blue {
  color: #2666c6;
}
.visit-reserv-area .rud-box .reserv-state span.black {
  color: #222;
}
.visit-reserv-area .rud-box .reserv-state span.green {
  color: #10af5b;
}
.visit-reserv-area .rud-box .reserv-dtinfo .car-name {
  color: #222;
  display: block;
  margin-bottom: 25px;
  text-decoration: none;
}
.visit-reserv-area .rud-box .reserv-dtinfo .car-name span {
  font-weight: bold;
  font-size: 18px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .car-name strong {
  display: block;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box {
  margin: 0;
  padding: 15px 0;
  color: #222;
  text-decoration: none;
  display: block;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .img {
  float: left;
  width: 110px;
  height: 83px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .img img {
  width: 100%;
  border-radius: 7px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .info-txt {
  text-align: left;
  padding: 0 0 0 118px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .info-txt .car-name {
  margin-bottom: 0;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .info-txt .car-name span {
  font-weight: bold;
  font-size: 15px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .info-txt .car-name strong {
  display: block;
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box .info-txt .d-tit {
  font-weight: bold;
  font-size: 20px;
  color: #2666c6;
  margin-top: 15px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box > div:last-child {
  display: block;
}
.visit-reserv-area .rud-box .reserv-dtinfo .h-box:after {
  content: "";
  display: block;
  clear: both;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div {
  font-size: 15px;
  padding: 5px 0;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div span {
  font-size: 15px;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div span[class*=app-] {
  font-weight: 500;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div .app-price {
  color: #2666c6;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div .app-man {
  color: #2666c6;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div .app-man span {
  font-size: 12px;
  vertical-align: top;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div strong {
  display: block;
  font-size: 20px;
  color: #4171bf;
  font-weight: 500;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div strong .del {
  position: relative;
  font-size: 20px;
  font-weight: 500;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div strong .del:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #4171bf;
  position: absolute;
  top: 50%;
  left: 0;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div strong.green {
  color: #10af5b;
}
.visit-reserv-area .rud-box .reserv-dtinfo .visit-reserv-info div .star-area {
  display: block;
}
.visit-reserv-area .rud-box .btn-reserv-area .btn-reserv {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 0 15px;
  height: 30px;
  line-height: 28px;
  color: #222;
  text-decoration: none;
}
.visit-reserv-area .rud-box .btn-reserv-area .btn-reserv.red {
  color: #fd665c;
}
.visit-reserv-area .rud-box .btn-reserv-area .btn-reserv.blue {
  color: #4171bf;
}
.visit-reserv-area .rud-box .btn-reserv-area .btn-reserv.green {
  color: #10af5b;
}
.visit-reserv-area .rud-box .btn-reserv-area .btn-reserv.disabled {
  color: #ddd;
}
.visit-reserv-area .rud-box .sold-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  border-radius: 15px;
}
.visit-reserv-area .rud-box .sold-out span {
  display: inline-block;
  border-radius: 3px;
  background-color: #fd665c;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 18px;
}

.ad-visit-car {
  padding: 15px 0 30px;
  margin-bottom: 30px;
  display: -webkit-box;
}
.ad-visit-car .s-car-img {
  width: 130px;
  height: 98px;
}
.ad-visit-car .s-car-txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.ad-visit-car .s-car-txt .category {
  margin-bottom: 5px;
}
.ad-visit-car .s-car-txt .category span {
  min-width: 43px;
  height: 18px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.ad-visit-car .s-car-txt .category span.seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.ad-visit-car .s-car-txt .b-brand {
  font-size: 16px;
  font-weight: 600;
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ad-visit-car .s-car-txt .s-info span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.ad-visit-car .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.ad-visit-car .s-car-txt .s-info span:last-child:after {
  display: none;
}
.ad-visit-car .s-car-txt .s-pay {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.ad-visit-car .s-car-txt .s-pay strong {
  font-size: 24px;
}

.visit-reserv-period {
  padding-bottom: 30px;
}
.visit-reserv-period .btn-h-box {
  margin-top: 10px;
}
.visit-reserv-period .btn-h-box .dash {
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
}
.visit-reserv-period .btn-h-box .date-detail input, .visit-reserv-period .btn-h-box .date-detail .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .visit-reserv-period .btn-h-box .date-detail .ico-confirm, .visit-reserv-period .btn-h-box .date-detail .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .visit-reserv-period .btn-h-box .date-detail .ico-confirm {
  display: block;
  background-position: 95% 50%;
}

.reserv-mn-area {
  padding-bottom: 60px;
}
.reserv-mn-area .reserv-mn-txt {
  width: 100%;
  border-radius: 15px;
  background: #ffcc00;
  padding: 15px;
}
.reserv-mn-area .reserv-mn-txt strong {
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.reserv-mn-area .reserv-mn-txt span {
  font-size: 15px;
}
.reserv-mn-area .reserv-mn-txt.txt-cor-f {
  color: #fff;
}
.reserv-mn-area .reserv-disable-sel {
  margin-top: 20px;
}
.reserv-mn-area .reserv-disable-sel strong.sub-tit {
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.reserv-mn-area .reserv-disable-sel p.red-txt, .reserv-mn-area .reserv-disable-sel ul.guide-bul > li.red-txt {
  color: #fd665c;
}
.reserv-mn-area .reserv-disable-sel ul.disable-sel-chk {
  margin-top: 20px;
}
.reserv-mn-area .reserv-disable-sel ul.disable-sel-chk li {
  padding: 5px 0;
}
.reserv-mn-area .reserv-disable-sel textarea {
  width: 100%;
  height: 150px;
  margin-top: 10px;
  padding: 10px;
}
.reserv-mn-area .reserv-able-sel {
  margin-top: 20px;
}
.reserv-mn-area .reserv-able-sel strong.sub-tit {
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.reserv-mn-area .reserv-able-sel span.red-txt {
  color: #fd665c;
}

/*2020.10.12 추가*/
.send-request-area {
  position: relative;
  background: #fff;
  border-radius: 15px;
  padding: 10px 15px;
  margin: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.send-request-area .send-dtinfo {
  margin: 25px 0;
}
.send-request-area .send-dtinfo a {
  display: block;
  margin: 0;
  padding: 0 0 10px 0;
  color: #222;
  text-decoration: none;
}
.send-request-area .send-dtinfo a .img {
  position: relative;
  float: left;
  width: 120px;
  height: 90px;
  overflow: hidden;
}
.send-request-area .send-dtinfo a .img img {
  width: 100%;
  border-radius: 7px;
}
.send-request-area .send-dtinfo a .img .sold-out {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  border-radius: 7px;
}
.send-request-area .send-dtinfo a .img .sold-out span {
  display: inline-block;
  border-radius: 3px;
  background-color: #fd665c;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 18px;
}
.send-request-area .send-dtinfo a .info-txt {
  position: relative;
  text-align: left;
  padding: 0 0 0 128px;
}
.send-request-area .send-dtinfo a .info-txt .category {
  margin-bottom: 3px;
}
.send-request-area .send-dtinfo a .info-txt .category span {
  min-width: 43px;
  height: 22px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.send-request-area .send-dtinfo a .info-txt .category span.cmm-red {
  border-color: #fd665c;
  color: #fd665c;
}
.send-request-area .send-dtinfo a .info-txt .category span.cmm-blue {
  border-color: #4171bf;
  color: #4171bf;
}
.send-request-area .send-dtinfo a .info-txt .category span.cmm-green {
  border-color: #10af5b;
  color: #10af5b;
}
.send-request-area .send-dtinfo a .info-txt .car-name {
  color: #222;
  display: block;
  margin-bottom: 0;
  text-decoration: none;
}
.send-request-area .send-dtinfo a .info-txt .car-name span {
  font-weight: bold;
  font-size: 15px;
}
.send-request-area .send-dtinfo a .info-txt .car-name strong {
  display: block;
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.send-request-area .send-dtinfo a .info-txt .d-tit {
  font-weight: bold;
  color: #2666c6;
  margin-top: 5px;
}
.send-request-area .send-dtinfo a .info-txt .d-tit del {
  font-weight: 400;
  color: #222;
  margin-right: 10px;
}
.send-request-area .send-dtinfo a:after {
  content: "";
  display: block;
  clear: both;
}
.send-request-area .send-dtinfo .send-reserv-info div {
  padding: 1px 0;
  color: #454545;
}
.send-request-area .send-dtinfo .send-reserv-info div .tel {
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  color: #fd665c;
}
.send-request-area .send-dtinfo .send-reserv-info div .tel:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 15px;
  height: 15px;
  background: url("../images/sub/ico_send_tel.png") no-repeat 0 0px;
  background-size: 15px;
}
.send-request-area .btn-today-delivery {
  display: block;
  -webkit-box-flex: 1;
}
.send-request-area .btn-today-delivery a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 38px;
  text-align: left;
  padding: 0 0 0 15px;
  background: #fafafa;
  font-size: 14px;
  color: #222;
  border-radius: 7px;
  text-decoration: none;
}
.send-request-area .btn-today-delivery a strong {
  color: #fd665c;
  font-size: 18px;
}
.send-request-area .btn-today-delivery a:after {
  content: "";
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -190px -14px;
  margin-top: -6px;
}

.s-car-send .send-car-state .tit {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  width: 100px;
}
.s-car-send .send-car-state .sub-tit {
  display: inline-block;
  width: 100px;
  font-weight: 500;
  color: #454545;
  padding: 3px 0 0 10px;
}
.s-car-send .send-car-state .h-box {
  margin-bottom: 45px;
}
.s-car-send .send-car-state .h-box .txt {
  display: -webkit-box;
  -webkit-box-pack: start;
  text-align: left;
  font-size: 18px;
}
.s-car-send .send-car-state .h-box .txt span {
  font-size: 13px;
  padding-left: 5px;
}
.s-car-send .send-car-state .h-box .txt.cmm-red {
  color: #fd665c;
}
.s-car-send .send-car-state .h-box .txt.cmm-blue {
  color: #4171bf;
}
.s-car-send .send-car-state .h-box .txt.cmm-green {
  color: #10af5b;
}
.s-car-send .send-car-state .send-state-wrap {
  position: relative;
  margin-bottom: 45px;
}
.s-car-send .send-car-state .send-state-wrap .tit {
  margin-bottom: 25px;
}
.s-car-send .send-car-state .send-state-wrap .h-box {
  margin-bottom: 25px;
}
.s-car-send .send-car-state .send-state-wrap .h-box .txt {
  font-size: 16px;
}
.s-car-send .send-car-state .send-state-wrap .btn-s {
  position: absolute;
  width: 60px;
  height: 30px;
  line-height: 28px;
  top: 0;
  right: 0;
  text-decoration: none;
}

/*다이렉트보험 추가*/
.isr-calc-btn .btn-s {
  height: 50px;
  line-height: 48px;
  border-color: #2666c6;
  color: #2666c6;
  text-decoration: none;
}
.isr-calc-btn .btn-s span {
  display: inline-block;
  font-size: 18px;
  padding-left: 20px;
  background: url("../images/sub/ico_isr_calc.gif") no-repeat 0 50%;
  background-size: 17px;
}

.isr__inspection {
  position: relative;
  width: 100%;
  height: 125px;
  margin-top: 10px;
  padding: 22px 15px 20px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.isr__inspection .isr__inspection-head {
  position: absolute;
  left: 15px;
  bottom: 37px;
  display: block;
}
.isr__inspection .isr__inspection-head img {
  width: 136px;
  height: 25px;
}
.isr__inspection .inr__inspection-content {
  font-size: 14px;
  display: block;
  line-height: 1.5;
  margin-top: 40px;
}
.isr__inspection .inr__inspection-content span {
  color: #666;
  font-size: 13px;
}
.isr__inspection .inr__inspection-content .inr__inspection-d-day {
  position: absolute;
  top: 22px;
  right: 15px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  padding: 6px 5px 5px 5px;
  vertical-align: middle;
  background: #10a8e5;
  border-radius: 12px;
  min-width: 56px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  min-width: 75px;
}
.isr__inspection .link-arrow {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  padding-right: 20px;
}
.isr__inspection .link-arrow:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.isr__inspection .isr__inspection-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1;
}
.isr__inspection:after {
  content: "";
  display: block;
  background: url("../images/sub/bg_isr_inspection.png") no-repeat;
  background-size: 47px 48px;
  width: 47px;
  height: 48px;
  position: absolute;
  right: 25px;
  bottom: 20px;
}

.loan-consult {
  padding: 30px 0 30px 65px;
  margin: 30px 0 0 0;
  background: url("../images/sub/bg_loan_consult.png") no-repeat 0 30px;
  background-size: 50px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.loan-consult .loan-consult-txt {
  font-size: 14px;
  margin-bottom: 20px;
}
.loan-consult .loan-consult-txt span {
  color: #2666c6;
}
.loan-consult .btn-s {
  width: 140px;
  text-decoration: none;
}

.inr-info {
  margin: 35px 0 60px;
}
.inr-info h4 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.inr-info ul {
  margin-top: 15px;
}
.inr-info ul li {
  position: relative;
  color: #999;
  margin: 0 0 5px 10px;
}
.inr-info ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #aad1d9;
  position: absolute;
  top: 8px;
  left: -10px;
}

.caution-bnr-txt {
  position: relative;
  padding-left: 18px;
  text-align: left;
}
.caution-bnr-txt:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
}

/* 멤버십 혜택 */
.mycha-link a {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  text-decoration: none;
  padding: 0px 7px;
  font-size: 13px;
  color: #fff;
}
.mycha-link a.my-coupon {
  background: #10a8e5;
}
.mycha-link a.my-coupon:before {
  content: "";
  position: absolute;
  right: -2px;
  top: -7px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/common/icon_new@2x.png") no-repeat;
  background-size: 14px auto;
  z-index: 2;
}
.mycha-link a.mydata-btn {
  color: rgb(34, 34, 34);
  background: rgb(255, 204, 0);
}

.header.mycar-header-p .btn-top-member {
  position: absolute;
  top: 13px;
  right: 15px;
}
.header.mycar-header-p .btn-top-member a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  height: 22px;
}
.header.mycar-header-p .btn-top-member a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/btn_top_member.png");
  height: 22px;
  background-size: 56px 22px;
}
.header.mycar-header-p .btn-top-member a.coupon {
  width: 49px;
  margin-right: 10px;
}
.header.mycar-header-p .btn-top-member a.coupon:after {
  width: 38px;
  background-position: 0 0;
  margin: -11px 0 0 -19px;
}
.header.mycar-header-p .btn-top-member a.coupon:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fb1b1b;
}
.header.mycar-header-p .btn-top-member a.coin {
  width: 18px;
}
.header.mycar-header-p .btn-top-member a.coin:after {
  width: 18px;
  background-position: -38px 0;
  margin: -11px 0 0 -9px;
}

.member-ship-wrap-rnw {
  background-color: #fff;
  overflow: hidden;
}
.member-ship-wrap-rnw .member-event-swipe-rnw {
  padding: 0 15px 15px;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .swiper-pagination.swiper-pagination-bullets {
  position: relative;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100% !important;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  margin-top: 10px;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #000;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.member-ship-wrap-rnw .member-event-swipe-rnw .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #736b60;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  background-color: #fff;
  height: 100px;
  overflow: hidden;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content img {
  width: 100%;
  height: auto;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .txt {
  float: left;
  padding: 15px;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .txt > .point-red {
  display: block;
  text-align: left;
  font-style: normal;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .txt > strong {
  display: block;
  text-align: left;
  font-size: 13px;
  margin-top: 10px;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .txt > strong > span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .img {
  float: right;
  width: 100px;
  height: 98px;
  overflow: hidden;
}
.member-ship-wrap-rnw .member-event-swipe-rnw .member-sw-content .img > img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.member-content-rnw {
  margin-bottom: 10px;
  background: #fff;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.member-content-rnw .categorySwiper {
  border-bottom: 1px solid #ddd;
  padding-right: 50px;
}
.member-content-rnw .categorySwiper .swiper-fix {
  position: absolute;
  left: -70px;
  top: 0;
  padding: 11px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
  background: #fff;
}
.member-content-rnw .categorySwiper .swiper-fix a {
  position: relative;
  color: #2666c6;
  padding: 5px 20px;
  display: block;
  background: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.member-content-rnw .categorySwiper .mms-category-tab {
  position: relative;
  width: 100%;
}
.member-content-rnw .categorySwiper .mms-category-tab div {
  width: auto;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
}
.member-content-rnw .categorySwiper .mms-category-tab div a {
  position: relative;
  color: #666;
  padding: 5px 15px;
  display: block;
  background: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
.member-content-rnw .categorySwiper .mms-category-tab div.swiper-slide-thumb-active {
  border-bottom: 2px solid #222;
}
.member-content-rnw .categorySwiper .mms-category-tab div.swiper-slide-thumb-active a {
  color: #222;
  font-weight: 600;
}
.member-content-rnw .categorySwiper .mms-category-tab div.new a:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 5px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fb1b1b;
}
.member-content-rnw .categorySwiper .mms-category-tab div.fit a {
  color: #2666c6;
}
.member-content-rnw .categorySwiper .swp-remove {
  width: 100%;
  padding: 10px 0;
}
.member-content-rnw .categorySwiper .swp-remove > .swiper-slide {
  float: left;
  padding: 0;
}
.member-content-rnw .categorySwiper .swp-remove > .swiper-slide a {
  padding: 5px 15px 7px;
}
.member-content-rnw .categorySwiper .swp-remove > .swiper-slide.swiper-slide-thumb-active {
  border-bottom: 2px solid #fff;
}
.member-content-rnw .categorySwiper .swp-remove:after {
  content: "";
  display: block;
  clear: both;
}
.member-content-rnw .categorySwiper .mms-category-more {
  width: 50px;
  height: 51px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  background: #fff;
  z-index: 1;
}
.member-content-rnw .categorySwiper .mms-category-more:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  background: url("../images/common/tab_arr.png") no-repeat 0 0;
  background-size: 9px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.member-content-rnw .mms-benefit {
  overflow: hidden;
  background: #fff;
}
.member-content-rnw .mms-benefit .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  padding: 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*.mms-benefit-bnr {
  	position: relative;
  	margin-bottom: 10px;
  	border-radius: 7px;
  	overflow: hidden;
  	img {
  		width: 100%;
  	}
  	&.new:after {
  		content: "NEW";
  		display: block;
  		padding: 2px 10px;
  		background: #fd665c;
  		border-radius: 20px;
  		color: #fff;
  		font-size: 12px;
  		position: absolute;
  		bottom: 10px;
  		right: 10px;
  	}
  }*/
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .list-num .total {
  font-weight: 600;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .list-num .new {
  position: relative;
  padding-left: 10px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .list-num .new:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 2px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  background-color: #fff;
  height: 100px;
  overflow: hidden;
  margin-bottom: 10px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr img {
  width: 100%;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr.new:after {
  content: "NEW";
  display: block;
  padding: 2px 10px;
  background: #fd665c;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 10px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .txt {
  float: left;
  padding: 15px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .txt > .point-red {
  display: block;
  text-align: left;
  font-style: normal;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .txt > strong {
  display: block;
  text-align: left;
  font-size: 13px;
  margin-top: 10px;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .txt > strong > span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .img {
  float: right;
  width: 100px;
  height: 98px;
  overflow: hidden;
}
.member-content-rnw .mms-benefit .swiper-wrapper .swiper-slide .mms-benefit-bnr .img > img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.mms-partnership {
  position: relative;
  background: #fff;
  border-radius: 15px 15px 0 0;
  padding: 30px 15px;
}
.mms-partnership strong {
  font-size: 15px;
}
.mms-partnership span {
  display: block;
  font-size: 13px;
  color: #999;
  margin-top: 10px;
}
.mms-partnership:after {
  content: "";
  display: block;
  background: url("../images/sub/btn_arr_rgt_black.png") no-repeat 0 0;
  background-size: 7px 12px;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}

.partnership-q {
  height: calc(100vh - 55px);
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(48%, #ebeff9), to(#ebeff9));
  background: linear-gradient(to bottom, #ffffff 0%, #ebeff9 48%, #ebeff9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ebeff9",GradientType=0 );
}
.partnership-q .inner-wrap {
  padding-top: 195px;
  background: url("../images/sub/mms_partner.png") no-repeat 50% 25px;
  background-size: 271px 144px;
}
.partnership-q .inner-wrap .kb-partner {
  background: #fff;
  border-radius: 15px;
  margin: 0 15px;
  -webkit-box-shadow: 0px 11px 11px 0px rgba(32, 79, 198, 0.07);
  box-shadow: 0px 11px 11px 0px rgba(32, 79, 198, 0.07);
}
.partnership-q .inner-wrap .kb-partner .kb-partner-top {
  position: relative;
  padding: 30px 25px;
  text-align: center;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-top img {
  width: 280px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-top:after, .partnership-q .inner-wrap .kb-partner .kb-partner-top:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #e9eef9;
  position: absolute;
  bottom: -5px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-top:before {
  left: -5px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-top:after {
  right: -5px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-btm {
  position: relative;
  text-align: center;
  padding: 30px 0;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-btm strong {
  font-size: 15px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-btm span {
  font-size: 15px;
  display: block;
  padding: 7px 0 20px;
  letter-spacing: -1px;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-btm div {
  display: inline-block;
  background: #f5f6f9;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 15px;
  color: #2666c6;
}
.partnership-q .inner-wrap .kb-partner .kb-partner-btm:after {
  content: "";
  display: block;
  width: 72%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -36%;
}

.mms-benefit-dt .mms-event {
  position: relative;
  background: #fff;
  padding: 15px;
}
.mms-benefit-dt .mms-event .mms-tit {
  font-size: 17px;
}
.mms-benefit-dt .mms-event .mms-txt {
  display: block;
  color: #666;
}
.mms-benefit-dt .mms-event .btn-share {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -165px -73px;
  background-size: 250px;
}
.mms-benefit-dt .mms-event .mms-ec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
.mms-benefit-dt .mms-event .mms-ec .date {
  color: #999;
}
.mms-benefit-dt .mms-event .mms-ec .views {
  float: right;
  position: relative;
  padding: 0 0 0 15px;
  margin: 3px 0 0 0;
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.mms-benefit-dt .mms-event .mms-ec .views:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  background-position: 0 -27px;
  left: 0;
  top: 50%;
  width: 12px;
  height: 9px;
  margin-top: -5px;
}
.mms-benefit-dt .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 102;
}

.mms-coupon {
  padding-bottom: 30px;
}
.mms-coupon .mms-coupon-list li {
  padding: 5px 0;
}

.mycar .tab-type.top-tab-type {
  background: #fff;
  border-radius: 0 0 15px 15px;
  margin-bottom: 15px;
}
.mycar .tab-type.top-tab-type:after {
  display: none;
}

.brd-top-radius {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

[class*=mms-benefit-coupon] {
  position: relative;
  height: 130px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  -webkit-box-shadow: -2px 11px 17px -7px rgba(0, 0, 0, 0.1);
          box-shadow: -2px 11px 17px -7px rgba(0, 0, 0, 0.1);
}
[class*=mms-benefit-coupon] > a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #222;
}
[class*=mms-benefit-coupon]:after {
  content: "";
  display: block;
  width: 8px;
  height: 25px;
  background: url("../images/sub/bg_coupon.png") no-repeat;
  background-size: 8px 25px;
  position: absolute;
  top: 50%;
  right: -2px;
  margin-top: -12px;
}
[class*=mms-benefit-coupon]:before {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background: #10a8e5;
  position: absolute;
  top: 0;
  left: 0;
}
[class*=mms-benefit-coupon] .coupon-img {
  float: left;
  width: 60px;
  height: 60px;
  background: #eaeaea;
  margin: 0 15px 0 20px;
}
[class*=mms-benefit-coupon] .coupon-img img {
  width: 100%;
}
[class*=mms-benefit-coupon] .coupon-txt {
  position: relative;
  padding-left: 15px;
}
[class*=mms-benefit-coupon] .coupon-txt:after {
  content: "";
  display: block;
  width: 1px;
  height: 80px;
  background: #eaeaea;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
}
[class*=mms-benefit-coupon] .coupon-txt .category span {
  min-width: 43px;
  height: 22px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
[class*=mms-benefit-coupon] .coupon-txt .category span.cmm-blue {
  border-color: #4171bf;
  color: #4171bf;
}
[class*=mms-benefit-coupon] .coupon-txt .category span.cmm-red {
  border-color: #fd665c;
  color: #fd665c;
}
[class*=mms-benefit-coupon] .coupon-txt .coupon-name {
  margin: 10px 0;
  font-weight: 500;
}
[class*=mms-benefit-coupon] .coupon-txt .coupon-name strong {
  font-weight: 600;
  display: block;
}
[class*=mms-benefit-coupon] .coupon-txt .coupon-period {
  font-size: 13px;
  color: #999;
}
[class*=mms-benefit-coupon] .no-coupon {
  width: 100%;
  text-align: center;
}
[class*=mms-benefit-coupon] .no-coupon .coupon-no-txt {
  line-height: 1.5;
  margin-bottom: 15px;
}
[class*=mms-benefit-coupon] .no-coupon .membership_link {
  border-bottom: 1px solid #2666c6;
  color: #2666c6;
}

.used-coupon {
  background: #fff;
  padding: 15px;
}

.mms-benefit-coupon-used {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mms-benefit-coupon-used:before {
  background: #909090;
}

/*.mms-benefit-coupon-used {
	position: relative;
	height: 130px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	box-shadow: -2px 11px 17px -7px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	color: #222;
	}
	.coupon-img {
		float: left;
		width: 75px;
		height: 75px;
		background: #eaeaea;
		img {
			width: 100%;
		}
	}
	.coupon-txt {
		padding-left: 15px;
		.category {
			span {
				min-width: 43px;
				height: 22px;
				line-height: 20px;
				padding: 0 8px;
				border-radius: 18px;
				display: inline-block;
				font-size: 13px;
				border: 1px solid #222;
				&.cmm-red {
					border-color: #fd665c;
					color: #fd665c;
				}
			}
		}
		.coupon-name {
			margin: 5px 0;
			font-weight: 500;
			strong {
				font-weight: 600;
				display: block;
			}
		}
		.coupon-period {
			@include font-color(13px,#999);
		}
	}
}*/
.coupon-barcode {
  text-align: center;
}
.coupon-barcode .coupon-name {
  font-weight: 600;
  display: block;
  font-size: 26px;
  color: #2666c6;
}
.coupon-barcode .coupon-period {
  display: block;
  margin: 20px 0;
}
.coupon-barcode .barcode-img {
  margin: 10px 50px;
}
.coupon-barcode .barcode-img img {
  width: 100%;
}
.coupon-barcode .barcode-num {
  font-weight: bold;
  font-size: 15px;
}
.coupon-barcode .cmm-img-input img {
  width: 100%;
}

.my-kbkoin .mycoin-own {
  background: #fff;
  border-radius: 0 0 15px 15px;
  margin-bottom: 10px;
  padding: 30px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.my-kbkoin .mycoin-own [class*=coin-] strong {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}
.my-kbkoin .mycoin-own [class*=coin-] strong:after {
  content: "";
  display: block;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 18px;
  height: 18px;
}
.my-kbkoin .mycoin-own .coin-total {
  margin-bottom: 20px;
}
.my-kbkoin .mycoin-own .coin-total span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.my-kbkoin .mycoin-own .coin-total span b {
  color: #2666c6;
}
.my-kbkoin .mycoin-own .coin-total strong {
  font-size: 24px;
}
.my-kbkoin .mycoin-own .coin-total strong:after {
  top: 8px;
}
.my-kbkoin .mycoin-own .coin-use {
  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;
}
.my-kbkoin .mycoin-own .coin-use span {
  color: #666;
}
.my-kbkoin .mycoin-own .coin-use strong {
  font-weight: bold;
  font-size: 18px;
}
.my-kbkoin .mycoin-use {
  background: #fff;
  border-radius: 15px 15px 0 0;
}

.coin-used-con .period-set {
  padding: 30px 15px;
}
.coin-used-con .period-set .select-period {
  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;
}
.coin-used-con .period-set .select-period span {
  color: #666;
}
.coin-used-con .period-set .select-period .btn-period-set {
  height: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 28px;
  min-width: 95px;
  border: 1px solid #ddd;
  display: block;
  padding: 0 32px 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  background: #fff url("../images/common/bg_select01.png") no-repeat right 0;
  background-size: 33px 60px;
  color: #999;
  outline: none;
}
.coin-used-con .period-set .select-period .btn-period-set.on {
  background-position-y: -30px;
}
.coin-used-con .period-set .view-period-set {
  display: none;
}
.coin-used-con .period-set .btn-h-box .dash {
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
}
.coin-used-con .coin-used-list {
  padding: 0 15px 30px;
}
.coin-used-con .coin-used-list .tit {
  font-size: 18px;
}
.coin-used-con .coin-used-list li {
  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;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.coin-used-con .coin-used-list li .used-cont {
  width: 35%;
  text-align: left;
  font-weight: 500;
}
.coin-used-con .coin-used-list li .used-cont span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.coin-used-con .coin-used-list li .used-coin {
  width: 30%;
  font-size: 13px;
  color: #999;
  text-align: right;
}
.coin-used-con .coin-used-list li .used-coin span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.coin-used-con .coin-used-list li .used-coin span.coin-add {
  color: #2666c6;
}
.coin-used-con .coin-used-list li .used-coin span.coin-sub {
  color: #fd665c;
}
.coin-used-con .coin-used-list li .used-sum {
  width: 35%;
  font-size: 13px;
  color: #999;
  text-align: right;
}
.coin-used-con .coin-used-list li .used-sum strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-right: 25px;
}
.coin-used-con .coin-used-list li .used-sum strong:after {
  content: "";
  display: block;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 18px;
  height: 18px;
}
.coin-used-con .coin-used-list li .save-cont {
  width: 45%;
  text-align: left;
  font-weight: 500;
  color: #666;
}
.coin-used-con .coin-used-list li .save-coin {
  width: 30%;
  text-align: right;
  padding-right: 10px;
}
.coin-used-con .coin-used-list li .save-coin span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-right: 25px;
}
.coin-used-con .coin-used-list li .save-coin span:after {
  content: "";
  display: block;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  position: absolute;
  top: 5px;
  right: 0;
  width: 18px;
  height: 18px;
}
.coin-used-con .coin-used-list li .save-sum {
  width: 25%;
  color: #2666c6;
  text-align: center;
}
.coin-used-con .coin-used-list li .save-sum button {
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  width: 65px;
}

/*내차고*/
.header.mycar-header-rn {
  padding: 0;
}
.header.mycar-header-rn h1 {
  padding: 0;
}

.mycar-rn .mycar-sub-swiper {
  background: #f3f3f3;
  padding: 65px 0 40px;
  margin-bottom: -15px;
}
.mycar-rn .mycar-sub-swiper .car-info .car-num {
  display: block;
  font-weight: 500;
}
.mycar-rn .mycar-sub-swiper .car-info .car-num i {
  position: relative;
  font-weight: 600;
  padding-right: 10px;
  font-style: normal;
}
.mycar-rn .mycar-sub-swiper .car-info .car-num i:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #222;
  position: absolute;
  right: 5px;
  top: 50%;
}
.mycar-rn .mycar-sub-swiper .car-info strong {
  font-weight: bold;
  font-size: 24px;
  display: inline-block;
  line-height: 1.35;
  margin: 10px 0;
}
.mycar-rn .mycar-sub-swiper .car-info .car-kind {
  display: block;
  font-weight: 600;
}
.mycar-rn .mycar-sub-swiper .car-info .list {
  margin-top: 10px;
}
.mycar-rn .mycar-sub-swiper .car-info .list span {
  position: relative;
  padding-right: 6px;
  margin-right: 6px;
  color: #999;
  font-size: 13px;
}
.mycar-rn .mycar-sub-swiper .car-info .list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.mycar-rn .mycar-sub-swiper .car-info .list span:last-child:after {
  display: none;
}
.mycar-rn .mycar-sub-swiper .car-info .tooltip.tp01.e-mark .tip-tit {
  width: auto;
  height: auto;
}
.mycar-rn .mycar-sub-swiper .car-info .tooltip.tp01.e-mark .tip-tit:after {
  left: 0;
  width: 18px;
  height: 20px;
  background: url("../images/sub/ico_tooltip.png") no-repeat;
  background-size: 18px 20px;
}
.mycar-rn .mycar-sub-swiper .car-info .mycar-edit {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 20px;
  background: #364f7f;
  color: #fff;
  text-decoration: none;
}
.mycar-rn .mycar-sub-swiper .car-img {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.mycar-rn .mycar-sub-swiper .car-img img {
  width: auto;
  height: 70px;
}
.mycar-rn .mycar-sub-swiper .mycar-non-existent {
  position: relative;
  padding: 50px 30px 70px;
}
.mycar-rn .mycar-sub-swiper .swiper-container .swiper-slide {
  padding: 0 30px 35px;
}
.mycar-rn .mycar-sub-swiper .swiper-container .swiper-button-next {
  background: url("../images/sub/btn_swiper_next.png");
  background-size: 23px 45px;
  width: 23px;
  height: 45px;
  right: 0;
}
.mycar-rn .mycar-sub-swiper .swiper-container .swiper-button-prev {
  background: url("../images/sub/btn_swiper_prev.png");
  background-size: 23px 45px;
  width: 23px;
  height: 45px;
  left: 0;
}
.mycar-rn .mycar-cont {
  padding: 30px 15px;
}
.mycar-rn .mycar-cont .mycar-useinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-bottom: 10px;
}
.mycar-rn .mycar-cont .mycar-useinfo div {
  position: relative;
  width: 30%;
  min-height: 100px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 10px;
  margin-left: 10px;
  background: #f9f9f9;
}
.mycar-rn .mycar-cont .mycar-useinfo div.on {
  width: 40%;
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.mycar-rn .mycar-cont .mycar-useinfo div.on strong,
.mycar-rn .mycar-cont .mycar-useinfo div.on .txt {
  color: #fff;
}
.mycar-rn .mycar-cont .mycar-useinfo div strong {
  display: block;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -1px;
}
.mycar-rn .mycar-cont .mycar-useinfo div .txt {
  position: absolute;
  bottom: 15px;
  right: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #2666c6;
}
.mycar-rn .mycar-cont .mycar-swiper-bnr {
  margin-top: 10px;
}
.mycar-rn .mycar-cont .mycar-swiper-bnr .swiper-slide img {
  width: 100%;
}
.mycar-rn .mycar-cont .mycar-swiper-bnr .swiper-button-next {
  background: url("../images/sub/btn_bnr_swiper.png") no-repeat -10px 0;
  background-size: 20px 16px;
  width: 10px;
  height: 16px;
  right: 0;
  margin-top: -8px;
}
.mycar-rn .mycar-cont .mycar-swiper-bnr .swiper-button-prev {
  background: url("../images/sub/btn_bnr_swiper.png") no-repeat 0 0;
  background-size: 20px 16px;
  width: 10px;
  height: 16px;
  right: 0;
  margin-top: -8px;
}
.mycar-rn .mycar-cont .garage-area-ins {
  position: relative;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head strong {
  font-size: 18px;
  font-weight: 600;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head > div span {
  display: inline-block;
  margin-left: 10px;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head > div span.inr-logo img {
  width: auto;
  height: 25px;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head > div span.inr-d-day {
  padding: 7px 5px 6px 5px;
  vertical-align: middle;
  background: #f4f4f4;
  border-radius: 20px;
  min-width: 56px;
  color: #222;
  font-size: 12px;
  text-align: center;
  min-width: 75px;
  font-weight: 600;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-head > div span.inr-d-day i {
  font-style: normal;
  color: #2666c6;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-rev {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 10px;
  color: #2666c6;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-rev:after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 5px;
  height: 10px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -164px -25px;
  background-size: 500px;
  content: "";
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-date {
  display: block;
  font-size: 13px;
  color: #999;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area .isr-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1;
}
.mycar-rn .mycar-cont .garage-area-ins .isr-link-area:last-child {
  border-bottom: none;
}
.mycar-rn .mycar-credit {
  padding: 0 0 30px;
  background: #fff url("../images/sub/mycar_credit.png") no-repeat 88% 42px;
  background-size: 100px 100px;
}
.mycar-rn .mycar-credit h2 {
  padding-top: 30px;
  margin-bottom: 15px;
}
.mycar-rn .mycar-credit .s-sub-txt {
  font-size: 14px;
  padding: 0 0 0 15px;
  color: #666;
}
.mycar-rn .mycar-price {
  padding: 30px 15px;
}
.mycar-rn .mycar-price h2.sub-tit {
  display: inline-block;
}
.mycar-rn .mycar-price .mycar-market {
  margin-top: 25px;
}
.mycar-rn .mycar-price .mycar-market span {
  font-weight: bold;
  font-size: 18px;
}
.mycar-rn .mycar-price .mycar-market strong {
  display: block;
  font-weight: bold;
  font-size: 28px;
  color: #2666c6;
}
.mycar-rn .mycar-price .predict-list > li > strong span {
  color: #999;
}
.mycar-rn .price-new .acc-history .accident-section .acc-carmodel {
  text-align: left;
}
.mycar-rn .price-new .acc-history .accident-section .acc-carmodel .mycar-name span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.mycar-rn .price-new .acc-history .accident-section .acc-carmodel .mycar-name strong {
  font-weight: bold;
  font-size: 24px;
}
.mycar-rn .price-new .acc-history .accident-section .acc-carmodel span {
  color: #666;
}
.mycar-rn .price-new .acc-history .accident-section .acc-infotxt {
  color: #999;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r {
  border-top: 1px solid #ddd;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box {
  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;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("../images/sub/sprite_dealer.png");
  background-repeat: no-repeat;
  background-size: 250px auto;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list01 {
  background-position: 0 0;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list02 {
  background-position: -45px 0;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list03 {
  background-position: -90px 0;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list04 {
  background-position: -135px 0;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list05 {
  background-position: -180px 0;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list06 {
  background-position: 0 -45px;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list07 {
  background-position: -45px -45px;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list08 {
  background-position: -90px -45px;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .icon.list09 {
  background-position: -135px -45px;
}
.mycar-rn .price-new .acc-history .accident-section .accident-content .flx-r li.f-box > div .info {
  display: inline-block;
  padding-left: 20px;
}
.mycar-rn .bnr-ad {
  margin: 15px 0;
}
.mycar-rn .bnr-ad .swiper-wrapper .swiper-slide {
  padding: 0 15px;
}
.mycar-rn .bnr-ad .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.mycar-rn .bnr-ad .swiper-pagination {
  position: relative;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100% !important;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.mycar-rn .bnr-ad .swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #000;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.mycar-rn .bnr-ad .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 4px;
  background: #736b60;
}
.mycar-rn .driver-ana {
  padding: 30px 15px;
}
.mycar-rn .driver-ana .mileage-wrap .mileage-source {
  margin: 15px 0;
}
.mycar-rn .use-state {
  padding: 30px 15px;
}
.mycar-rn .use-state .state-txt {
  display: block;
  margin-top: 25px;
  font-weight: bold;
  font-size: 20px;
}
.mycar-rn .use-state .state-txt span {
  font-weight: bold;
  font-size: 20px;
  color: #2666c6;
}
.mycar-rn .use-state .use-report {
  margin-top: 30px;
}
.mycar-rn .use-state .use-report > div a {
  padding: 20px 15px;
  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: 5px;
  margin-top: 10px;
  text-decoration: none;
}
.mycar-rn .use-state .use-report > div a div strong {
  font-weight: 600;
  color: #222;
}
.mycar-rn .use-state .use-report > div a div span {
  font-size: 13px;
  color: #666;
  padding-left: 10px;
}
.mycar-rn .use-state .use-report > div a .link {
  font-weight: 600;
}
.mycar-rn .use-state .use-report > div a .link .link-icon {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 12px;
}
.mycar-rn .use-state .use-report > div a .link .link-icon:before {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-top: -5px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mycar-rn .use-state .use-report > div a .link .link-icon:after {
  position: absolute;
  right: 2px;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-top: -3px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #f5f5f5;
}
.mycar-rn .use-state .use-report > div.sell-cha a {
  background: #f3f5fc;
}
.mycar-rn .use-state .use-report > div.sell-cha a .link {
  color: #2666c6;
}
.mycar-rn .use-state .use-report > div.sell-cha a .link .link-icon:before {
  border-left: 6px solid #2666c6;
}
.mycar-rn .use-state .use-report > div.buy-cha a {
  background: #ffefee;
}
.mycar-rn .use-state .use-report > div.buy-cha a .link {
  color: #fd665c;
}
.mycar-rn .use-state .use-report > div.buy-cha a .link .link-icon:before {
  border-left: 6px solid #fd665c;
}
.mycar-rn .use-state .use-report > div.direct-cha a {
  background: #effbf7;
}
.mycar-rn .use-state .use-report > div.direct-cha a .link {
  color: #92ccb9;
}
.mycar-rn .use-state .use-report > div.direct-cha a .link .link-icon:before {
  border-left: 6px solid #92ccb9;
}
.mycar-rn .recommend-sale {
  padding: 30px 0;
}
.mycar-rn .recommend-sale h2.sub-tit {
  padding: 0 0 0 15px;
}
.mycar-rn .recommend-sale .month-area {
  margin-top: 20px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap {
  position: relative;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .ico-certification {
  width: 41px;
  height: 36px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .ico-certification img {
  width: 100%;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-img-slide {
  position: relative;
  margin-top: 15px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-img-slide img {
  width: 100%;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-img-slide .mycar-sell-price {
  position: absolute;
  left: 15px;
  bottom: 60px;
  font-weight: 600;
  color: #fff;
  background: #2666c6 url("../images/sub/bg_mycar_sell_price.png") no-repeat 10px 50%;
  background-size: 14px;
  padding: 5px 10px 5px 30px;
  border-radius: 20px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-txt-slide {
  margin-top: -50px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-txt-slide a {
  display: inline-block;
  width: calc(100% - 30px);
  height: 100%;
  color: #222;
  text-decoration: none;
  margin: 0 15px 10px 15px;
  padding: 15px;
  position: relative;
  border-radius: 5px;
  background: #fff;
  height: 160px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin: 0 15px 10px 15px;
  z-index: 1;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-txt-slide a strong {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-txt-slide a span {
  color: #999;
}
.mycar-rn .recommend-sale .month-area .recommend-car-wrap .usedcar-txt-slide a .price {
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 24px;
  color: #2666c6;
  margin-top: 10px;
}
.mycar-rn .alliance-service {
  padding: 30px 15px;
}
.mycar-rn .alliance-service > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.mycar-rn .alliance-service > div a {
  position: relative;
  width: 33%;
  text-align: center;
  color: #222;
  text-decoration: none;
  padding-top: 60px;
  font-size: 13px;
}
.mycar-rn .alliance-service > div a strong {
  font-weight: 600;
  display: block;
}
.mycar-rn .alliance-service > div a:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.mycar-rn .alliance-service > div a:before {
  content: "";
  width: 50px;
  height: 50px;
  background: url("../images/sub/bg_alliance_service.png") no-repeat 0 0;
  background-size: 150px 50px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.mycar-rn .alliance-service > div a.alliance02:before {
  background-position: -50px;
}
.mycar-rn .alliance-service > div a.alliance03:before {
  background-position: -100px;
}

.mycar-sub-reg .car-reg-area {
  background: #efedfe;
  padding: 80px 30px 35px;
  margin-bottom: -15px;
}
.mycar-sub-reg .car-reg-area .reg-txt {
  position: relative;
  padding-bottom: 80px;
}
.mycar-sub-reg .car-reg-area .reg-txt strong {
  font-weight: bold;
  font-size: 30px;
}
.mycar-sub-reg .car-reg-area .reg-txt strong span {
  font-size: 30px;
  color: #2666c6;
}
.mycar-sub-reg .car-reg-area .reg-txt p, .mycar-sub-reg .car-reg-area .reg-txt ul.guide-bul > li {
  margin-top: 30px;
  font-size: 18px;
  color: #4b4b4b;
}
.mycar-sub-reg .car-reg-area .reg-txt:after {
  content: "";
  display: block;
  width: 84px;
  height: 71px;
  background: url("../images/sub/bg_mycar_reg.png") no-repeat 0 0;
  background-size: 84px 71px;
  position: absolute;
  right: 0;
  bottom: 30px;
}
.mycar-sub-reg .car-reg-area .srch-input {
  position: relative;
  height: 50px;
  margin: 0;
}
.mycar-sub-reg .car-reg-area .srch-input fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mycar-sub-reg .car-reg-area .srch-input fieldset input, .mycar-sub-reg .car-reg-area .srch-input fieldset .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .mycar-sub-reg .car-reg-area .srch-input fieldset .ico-confirm, .mycar-sub-reg .car-reg-area .srch-input fieldset .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .mycar-sub-reg .car-reg-area .srch-input fieldset .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 0 60px 0 10px;
  outline: none;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.mycar-sub-reg .car-reg-area .srch-input fieldset .btn_srch {
  position: absolute;
  top: 1px;
  right: 1px;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #fff;
  background-size: 500px;
  border: 0 none;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
}
.mycar-sub-reg .car-reg-area .srch-input fieldset .btn_srch span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mycar-sub-reg .car-reg-area .srch-input fieldset .btn_srch:after {
  content: "";
  width: 14px;
  height: 16px;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -8px;
  background: url("../images/common/sprite.png");
  background-size: 500px;
  background-position: -200px -71px;
}
.mycar-sub-reg .mycar-reg-benefit {
  padding: 30px 15px;
}
.mycar-sub-reg .mycar-reg-benefit h2.sub-tit {
  margin-bottom: 30px;
}
.mycar-sub-reg .mycar-reg-benefit [class*=reg-benefit] {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 30px 100px 30px 20px;
  margin-bottom: 10px;
}
.mycar-sub-reg .mycar-reg-benefit [class*=reg-benefit] strong {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}
.mycar-sub-reg .mycar-reg-benefit [class*=reg-benefit] span {
  color: #999;
}
.mycar-sub-reg .mycar-reg-benefit [class*=reg-benefit]:after {
  content: "";
  width: 74px;
  height: 74px;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -37px;
  background: url("../images/sub/bg_reg_benefit.png");
  background-size: 444px 74px;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit01:after {
  background-position: 0 0;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit02:after {
  background-position: -74px 0;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit03:after {
  background-position: -148px 0;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit04:after {
  background-position: -222px 0;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit05:after {
  background-position: -296px 0;
}
.mycar-sub-reg .mycar-reg-benefit .reg-benefit06:after {
  background-position: -370px 0;
}
.mycar-sub-reg .regcar-num {
  border-radius: 0 0 15px 15px;
  padding: 30px 15px;
}
.mycar-sub-reg .regcar-num span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.mycar-sub-reg .regcar-num strong {
  display: block;
  margin-top: 5px;
  font-weight: bold;
  font-size: 24px;
}
.mycar-sub-reg .reg-direct-sel {
  padding: 30px 0 0 0;
}
.mycar-sub-reg .reg-direct-sel .sub-tit {
  padding: 0 15px;
  font-size: 18px;
}
.mycar-sub-reg .reg-direct-sel .box-area {
  margin: 30px 15px 100px;
}
.mycar-sub-reg .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.mycar-sub-reg .mycar-model-edit {
  padding: 30px 15px 0;
}

.first-reg-date {
  position: absolute;
  display: inline-block;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 5px;
  border: 1px solid #222;
  border-radius: 15px;
}
.first-reg-date span {
  font-size: 12px;
  color: #364f7f;
}

.my-regcar-info {
  position: relative;
  padding: 10px 0 35px;
}
.my-regcar-info .reg-cfm {
  font-weight: bold;
  font-size: 18px;
  display: block;
  text-align: center;
}
.my-regcar-info .reg-cfm span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.my-regcar-info .mycar-cfm {
  font-weight: bold;
  font-size: 24px;
  display: block;
  text-align: center;
}
.my-regcar-info .mycar-cfm span {
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #fd665c;
}
.my-regcar-info .reg-carimg {
  width: 180px;
  margin: 35px auto;
}
.my-regcar-info .reg-carimg img {
  width: 100%;
}
.my-regcar-info .regcar-info div {
  padding: 7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.my-regcar-info .regcar-info div .tit {
  width: 95px;
  font-size: 18px;
}
.my-regcar-info .regcar-info div .txt {
  width: calc(100% - 95px);
  font-weight: bold;
  font-size: 18px;
  color: #364f7f;
}

.loan-change-consult {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 20px;
}
.loan-change-consult span {
  font-weight: bold;
  font-size: 20px;
  color: #2666c6;
}

.mycar-info-edit {
  padding-top: 20px;
}
.mycar-info-edit h2.sub-tit {
  font-weight: bold;
  font-size: 24px;
  padding: 30px 0 0 0;
}
.mycar-info-edit .mycar-basicinfo {
  position: relative;
  padding: 0 15px 60px;
}
.mycar-info-edit .mycar-basicinfo .v-box .input-wrap {
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
  width: 100%;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 0;
}
.mycar-info-edit .mycar-basicinfo .v-box .input-wrap input[type=number], .mycar-info-edit .mycar-basicinfo .v-box .input-wrap .new-content-body .inp-box [type=number].ico-confirm, .new-content-body .inp-box .mycar-info-edit .mycar-basicinfo .v-box .input-wrap [type=number].ico-confirm, .mycar-info-edit .mycar-basicinfo .v-box .input-wrap .type-mydata .inp-box [type=number].ico-confirm, .type-mydata .inp-box .mycar-info-edit .mycar-basicinfo .v-box .input-wrap [type=number].ico-confirm {
  text-align: right;
  padding-right: 45px;
  border: 0;
  height: 28px;
  line-height: 28px;
}
.mycar-info-edit .mycar-basicinfo .v-box .input-wrap .pay-type {
  position: absolute;
  top: 14px;
  right: 10px;
  color: #999;
  font-size: 16px;
}
.mycar-info-edit .mycar-basicinfo .input-txt {
  position: relative;
}
.mycar-info-edit .mycar-basicinfo .input-txt span {
  display: block;
  width: 70%;
  font-size: 18px;
  color: #999;
}
.mycar-info-edit .mycar-basicinfo .input-txt:after {
  content: "";
  display: block;
  background: url("../images/sub/btn_arr_rgt_black.png") no-repeat 0 0;
  background-size: 7px 12px;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}
.mycar-info-edit .mycar-basicinfo .flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mycar-info-edit .mycar-basicinfo .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 102;
  padding: 0;
}
.mycar-info-edit .mycar-basicinfo .btn-wrap.btm-col a {
  border-radius: 0;
}
.mycar-info-edit .mycar-addinfo {
  padding: 0 15px 30px;
}
.mycar-info-edit .mycar-addinfo .sub-txt {
  display: block;
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}
.mycar-info-edit .mycar-addinfo .addinfo-list {
  margin-top: 30px;
}
.mycar-info-edit .mycar-addinfo .addinfo-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.mycar-info-edit .mycar-addinfo .addinfo-list div strong {
  display: block;
  width: 45%;
}
.mycar-info-edit .mycar-addinfo .addinfo-list div span {
  display: block;
  width: 55%;
  color: #666;
  text-align: right;
}
.mycar-info-edit .mycar-addinfo .addinfo-list div span a {
  position: relative;
  padding-right: 25px;
  color: #666;
  text-decoration: none;
}
.mycar-info-edit .mycar-addinfo .addinfo-list div span a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 11px;
  background: url("../images/sub/bg_onestop.png") no-repeat -209px 0;
  background-size: 215px 141px;
  margin-top: -5px;
}

.mycar-edit-img {
  padding-bottom: 60px;
}
.mycar-edit-img .car-detail-img {
  margin-bottom: 10px;
}

.s-edit-info {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 0 15px;
  bottom: 30px;
  z-index: 10;
}
.s-edit-info span {
  position: relative;
  display: -webkit-box;
  width: 100%;
  height: 50px;
  background: #4c4c4c;
  color: #fff;
  text-align: left;
  border-radius: 50px;
  padding-left: 40px;
  -webkit-box-align: center;
  line-height: 1.4;
  font-size: 15px;
}
.s-edit-info span:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-position: -232px 0;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -9px;
}

/*대환대출 배너 2021.03.19*/
.banner-secured {
  margin-top: 30px;
}
.banner-secured a {
  display: block;
}
.banner-secured a img {
  width: 100%;
}

.loanapp-consult {
  padding: 30px 0;
  margin: 30px 0 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.loanapp-consult .section-tit {
  display: block;
  font-size: 18px;
  padding: 0;
  margin-bottom: 15px;
}
.loanapp-consult .bnr-loanapp {
  position: relative;
  padding: 15px;
  margin-top: 10px;
  border-radius: 15px;
}
.loanapp-consult .bnr-loanapp .hashtag {
  display: block;
  margin-bottom: 45px;
  color: #fff;
  font-size: 13px;
}
.loanapp-consult .bnr-loanapp .loan-kind {
  display: block;
  font-size: 20px;
  color: #fff;
  line-height: 1.3;
  margin: 0;
}
.loanapp-consult .bnr-loanapp .loan-kind span {
  font-size: inherit;
}
.loanapp-consult .bnr-loanapp .app-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
}
.loanapp-consult .bnr-loanapp .app-link span {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: block;
  padding: 7px 20px;
  color: #fff;
  border-radius: 7px;
  font-weight: 600;
}
.loanapp-consult .bnr-loanapp:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -40px;
}
.loanapp-consult .bnr-loanapp.aff-loan {
  background: #3586ff;
}
.loanapp-consult .bnr-loanapp.aff-loan .loan-kind span {
  color: #ffeb0f;
}
.loanapp-consult .bnr-loanapp.aff-loan .app-link span {
  background: #2666c6;
}
.loanapp-consult .bnr-loanapp.aff-loan:after {
  background: url("../images/sub/bg_aff_loan.png") no-repeat 0 0;
  background-size: 87px 80px;
  width: 87px;
  height: 80px;
  right: 8px;
}
.loanapp-consult .bnr-loanapp.secure-loan {
  background: #f4932b;
}
.loanapp-consult .bnr-loanapp.secure-loan .loan-kind span {
  color: #092947;
}
.loanapp-consult .bnr-loanapp.secure-loan .app-link span {
  background: #e76621;
}
.loanapp-consult .bnr-loanapp.secure-loan:after {
  background: url("../images/sub/bg_secure_loan.png") no-repeat 0 0;
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  right: 15px;
}

/* 2021.03.23 내차등록 랜딩 */
.mycar-reg-wrap {
  background: #fff;
}
.mycar-reg-wrap .header {
  display: none;
}
.mycar-reg-wrap .mycar-reg-area {
  position: relative;
  padding: 135px 15px 30px;
}
.mycar-reg-wrap .mycar-reg-area .tit-txt {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
}
.mycar-reg-wrap .mycar-reg-area .con-txt {
  font-size: 18px;
}
.mycar-reg-wrap .mycar-reg-area .con-txt strong {
  font-size: 18px;
  color: #ffbc00;
}
.mycar-reg-wrap .mycar-reg-area .con-txt strong span {
  font-size: 24px;
  color: inherit;
}
.mycar-reg-wrap .mycar-reg-area:after {
  content: "";
  position: absolute;
  background: url("../images/sub/mycar_landing.png") no-repeat 0 0;
  background-size: 60px;
  left: 15px;
  top: 60px;
  width: 60px;
  height: 60px;
}

/* 공통 작업 */
.header.sub-header .btn-top-ck {
  position: absolute;
  top: 15px;
  right: 16px;
}
.header.sub-header .input-ck + label:after {
  top: 4px;
}
.header.update-theme {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: transparent;
}
.header.update-theme h1 {
  color: #fff;
}
.header.update-theme .pre-page:after {
  background-position: -402px 0;
}
.header.dealer-header {
  border-bottom: 1px solid #64a8e3;
}
.header.dealer-header > h1 {
  color: #fff;
  padding: 3px 0 0px;
}

.fw-r {
  font-weight: 400 !important;
}

.fw-b {
  font-weight: 600 !important;
}

.login-wrap.dealer .header h1 {
  font-size: 18px;
}

.car-select-list.dealer-type {
  background-color: transparent;
  margin-bottom: 0px;
}

.dealer {
  position: relative;
}
.dealer:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 15px;
  background: #fff;
  z-index: 1;
}
.dealer.after-none:after {
  display: none;
}
.dealer .complete-area:after {
  display: none;
}
.dealer .complete-area .tit-txt:after {
  background-position: -240px -257px;
}
.dealer .enquiry-detail-list {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.dealer .enquiry-detail-list > a {
  margin-right: 5px;
}
.dealer .enquiry-detail-list > a:last-child {
  width: 40%;
  margin-right: 0px;
}
.dealer .car-select-list {
  border-radius: 0px;
  background-color: transparent;
  margin-bottom: 0px;
}
.dealer .car-select-list .link-type {
  position: relative;
  background-color: #fff;
}
.dealer .car-select-list .link-type:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.dealer .k-section {
  margin-bottom: 0px;
  border-top: 1px solid #ddd;
  border-radius: 0px;
}
.dealer .k-car-search .tit .point-blue {
  font-size: 24px;
}
.dealer .auction-view .auction-cnt {
  border-radius: 15px 15px 0 0;
}
.dealer .auction-view .auction-cnt .section > .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0px;
  padding: 30px 15px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dealer .auction-view .auction-cnt .section > .tit > span {
  color: #2666c6;
}
.dealer .auction-view .auction-cnt .section .s-usedcar-info {
  padding: 15px 0px 0px;
}
.dealer .auction-view .auction-cnt .basic-info {
  padding: 0 30px;
}
.dealer .auction-view .car-name {
  border-bottom: none;
}
.dealer .btn-wrap.btm-col {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.dealer .s-pay .point-color {
  color: #2666c6;
  font-weight: normal;
}
.dealer .equal-list {
  padding: 0 15px;
}
.dealer .equal-list li {
  border-top: none;
  position: relative;
}
.dealer .equal-list li .logo {
  position: absolute;
  top: 10px;
  right: 22px;
  width: 58px;
}
.dealer .equal-list li .logo > img {
  width: 100%;
}
.dealer .snackbar-txt {
  bottom: 70px;
}
.dealer .s-pay .sub {
  display: inline-block;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  margin-right: 5px;
  vertical-align: middle;
}
.dealer .s-pic-model-list {
  position: relative;
  padding-bottom: 30px;
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dealer .s-pic-model-list a {
  color: #333;
  text-decoration: none;
}
.dealer .s-pic-model-list a:active,
.dealer .s-pic-model-list a:hover {
  text-decoration: none;
}
.dealer .s-pic-model-list .tab-type ul li a {
  font-size: 18px;
  padding: 15px 0;
  color: #999;
}
.dealer .s-pic-model-list .tab-type li.on a {
  color: #222;
}
.dealer .s-pic-model-list .tag-sel-area {
  position: static;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel {
  position: relative;
  overflow: auto;
  padding: 15px 15px 40px 15px;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel ul {
  display: table;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel ul li {
  display: table-cell;
  padding-right: 9px;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel ul li:last-child {
  padding-right: 15px;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel ul li a {
  display: inline-block;
  font-size: 14px;
  width: 65px;
  padding: 4px 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  color: #222;
}
.dealer .s-pic-model-list .tag-sel-area .tag-sel ul li a.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}
.dealer .s-pic-model-list .srch-list-sep {
  padding: 0 15px;
}
.dealer .s-pic-model-list .srch-list-sep ul > li {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dealer .s-pic-model-list .srch-list-sep ul > li:first-child {
  background: #f1f1f1;
  border-top: none;
  padding-right: 10px;
}
.dealer .s-pic-model-list .srch-list-sep ul > li:first-child + li {
  border-top: none;
}
.dealer .s-pic-model-list .srch-list-sep ul > li .input-ck + label {
  font-size: 16px;
  font-weight: 600;
}
.dealer .s-pic-model-list .srch-list-sep ul > li div.ra-ck a {
  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;
  width: 100%;
  font-weight: 600;
}
.dealer .s-pic-model-list .srch-list-sep ul > li div.s-car-kind {
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.dealer .s-pic-model-list .srch-list-sep ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.dealer .s-pic-model-list .srch-list-sep ul > li p.s-view-all, .dealer .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-view-all {
  font-size: 13px;
  color: #364f7f;
}
.dealer .s-pic-model-list .srch-list-sep ul > li p.s-car-img, .dealer .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img {
  width: 100px;
}
.dealer .s-pic-model-list .srch-list-sep ul > li p.s-car-img img, .dealer .s-pic-model-list .srch-list-sep ul > li ul.guide-bul > li.s-car-img img {
  width: 100%;
}
.dealer .s-pic-model-list .srch-list-sep input[type=checkbox]:checked + label:after, .dealer .s-pic-model-list .srch-list-sep .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .dealer .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after, .dealer .s-pic-model-list .srch-list-sep .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .dealer .s-pic-model-list .srch-list-sep [type=checkbox].ico-confirm:checked + label:after {
  background-position: -18px -18px;
}
.dealer .s-pic-model-list.con-fixed .tab-type {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.dealer .s-pic-model-list.con-fixed .tab-type ul {
  padding: 0 0 0 15px;
  width: 40%;
}
.dealer .s-pic-model-list.con-fixed .tag-sel-area {
  position: fixed;
  width: 60%;
  top: 0;
  left: 40%;
  background: #fff;
  z-index: 101;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.dealer .s-pic-model-list.con-fixed .tag-sel-area + .srch-list-sep {
  margin-top: 80px;
}
.dealer .s-pic-model-list.con-fixed .tag-sel-area .tag-sel {
  padding: 12px 15px;
  width: 100%;
}
.dealer .s-pic-model-list.con-fixed .tag-sel-area .tag-sel:after {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  background: #ddd;
}
.dealer .s-pic-model-list .scroll-fix {
  position: absolute;
  width: 100%;
}
.dealer .s-pic-model-list .scroll-fix + #tab-con {
  padding: 57px 0 0;
}
.dealer .selcar-option {
  position: fixed;
  left: 0;
  bottom: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  padding: 7px 15px 15px 15px;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dealer .selcar-option div {
  border-radius: 30px;
  height: 40px;
}
.dealer .selcar-option a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.dealer .selcar-option .btn-option {
  padding: 0 10px;
  background: #fcaf17;
}
.dealer .selcar-option .btn-relt-srch {
  width: 72%;
  background: #60584c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dealer .selcar-option .btn-relt-srch a:first-child {
  width: 78%;
}
.dealer .selcar-option .btn-relt-srch a:last-child {
  position: relative;
  width: 22%;
}
.dealer .selcar-option .btn-relt-srch a:last-child:before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background: #908a82;
  position: absolute;
  top: 50%;
  let: 0;
  margin-top: -12px;
}
.dealer .selcar-option .btn-relt-srch a:last-child:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/sub/sprite_buy.png") no-repeat 0 0;
  background-size: 250px 250px;
  background-position: 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.dealer .selcar-option .btn-relt-srch a:last-child span {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.dealer .selcar-option.opa-1 {
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 1;
}
.dealer .s-detail-model {
  margin-bottom: 0;
  padding: 0 0 80px 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-alarm {
  position: absolute;
  top: 12px;
  right: 10px;
  text-decoration: none;
  color: #333;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-radius: 4px;
}

.auction-time {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px 10px 0 0;
  margin-top: 10px;
  z-index: 2;
}
.auction-time > div {
  z-index: 1;
}
.auction-time .bar {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #b96aa0;
  z-index: 0;
}

.auction-top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0 12px;
  margin: 0 15px 15px;
  border-bottom: 1px solid #ddd;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
.auction-top-info .tit {
  font-size: 16px;
}
.auction-top-info > p, ul.auction-top-info.guide-bul > li {
  color: #999;
  font-size: 13px;
}

.participation {
  padding: 30px 15px 70px;
  background: #fff;
}
.participation > .tit {
  padding: 0;
  font-size: 16px;
  margin-bottom: 15px;
}
.participation .s-usedcar-info {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.participation .s-usedcar-info .general-usedcar {
  padding: 0px;
}

.auction-setting {
  margin-bottom: 20px;
}
.auction-setting .auc-title {
  padding: 15px;
  margin-bottom: 17px;
  font-weight: 600;
  font-size: 14px;
  background-color: #f1f1f1;
}
.auction-setting .coin-list {
  padding-top: 10px;
}
.auction-setting .auc-list .h-box {
  margin-bottom: 20px;
}

.participation-form > ol > li {
  padding: 30px 0px;
  border-bottom: 1px solid #ddd;
}
.participation-form > ol > li .section-tit {
  font-size: 16px;
  font-weight: normal;
  padding: 0;
}
.participation-form > ol > li .ra-ck {
  margin-top: 20px;
}
.participation-form > ol > li:last-child {
  border-bottom: none;
}
.participation-form .box-content {
  display: none;
}
.participation-form .box-content.on {
  display: block;
}

.caption-info {
  position: relative;
  padding-left: 10px;
  color: #999;
  font-size: 13px;
}
.caption-info::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #999;
  content: "";
}

.caption-info-black {
  position: relative;
  padding-left: 10px;
  color: #222;
  font-size: 13px;
  color: #666;
}
.caption-info-black::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #222;
  content: "";
}

.caption-info-red {
  position: relative;
  padding-left: 10px;
  color: #999;
  font-size: 13px;
}
.caption-info-red::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #fd665c;
  content: "";
}
.caption-info-red.bold {
  color: #222;
}

.caption-info-skyblue {
  position: relative;
  padding-left: 10px;
  color: #999;
  font-size: 13px;
}
.caption-info-skyblue::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #aad1d9;
  content: "";
}
.caption-info-skyblue .st {
  color: #222;
}

.caption-info-white {
  position: relative;
  padding-left: 10px;
  color: #e2ebf7;
  font-size: 13px;
}
.caption-info-white::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #e2ebf7;
  content: "";
}

.match-info {
  padding-top: 20px;
}
.match-info > dt, .dealer-detail .dealer-detail__status > div .match-info > dd {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.match-info > dt.caution, .dealer-detail .dealer-detail__status > div .match-info > dd.caution {
  position: relative;
  padding-left: 18px;
  color: #fd665c;
}
.match-info > dt.caution::before, .dealer-detail .dealer-detail__status > div .match-info > dd.caution::before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
}
.match-info > dd > ul > li {
  margin-bottom: 5px;
}

.text-area {
  margin-top: 20px;
}
.text-area > textarea {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 90px;
  padding: 15px 10px;
  border: 1px solid #ddd;
  resize: none;
}

.t-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-box .half {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-box .half ~ .half {
  margin-left: 10px;
}
.t-box .half .tit {
  display: block;
  margin-bottom: 10px;
}
.t-box .half .h-box {
  margin-bottom: 0px;
}

.homeplus-wrap > h2 {
  text-align: center;
}
.homeplus-wrap > h2 span {
  display: inline-block;
  width: 105px;
}
.homeplus-wrap > h2 span > img {
  width: 100%;
}
.homeplus-wrap .info {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.homeplus-wrap .info > p, .homeplus-wrap ul.info.guide-bul > li {
  margin-bottom: 5px;
}
.homeplus-wrap .b-info {
  text-align: center;
  margin-top: 30px;
}

.bid-info {
  overflow: hidden;
  margin-bottom: 10px;
}
.bid-info > p, ul.bid-info.guide-bul > li {
  float: left;
  font-size: 13px;
}
.bid-info > span {
  float: right;
}
.bid-info > span.bid-red {
  color: #fb665e;
  font-size: 13px;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.bid-info .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bid-info .btn-wrap .btn {
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  font-size: 14px;
  padding: 0 5px !important;
}

.coin-list > li {
  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-top: 1px dashed #ddd;
  padding: 10px 0px;
}
.coin-list > li:first-child {
  border-top: none;
}
.coin-list > li.total {
  border-top: 1px solid #ddd;
}
.coin-list > li.total > p {
  color: #333;
  font-weight: 600;
}
.coin-list > li.total .coin {
  font-size: 18px;
}
.coin-list > li > p {
  color: #666;
}
.coin-list .coin {
  display: inline-block;
  font-size: 16px;
  position: relative;
  padding-right: 24px;
}
.coin-list .coin:after {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  text-align: center;
  line-height: 17px;
  font-size: 13px;
  background-color: #ffbc00;
  content: "C";
}

.ranking-wrap > strong {
  font-size: 16px;
}
.ranking-wrap > p, ul.ranking-wrap.guide-bul > li {
  text-align: right;
  color: #666;
}
.ranking-wrap > p > .num, ul.ranking-wrap.guide-bul > li > .num {
  font-size: 20px;
  color: #2666c6;
}

.point-blue {
  color: #2666c6;
}

.point-red {
  color: #fb665e;
}

.s-usedcar-info .general-usedcar .box-under .s-car-img {
  width: 84px;
  height: 65px;
}
.s-usedcar-info .general-usedcar .box-under .s-car-txt {
  width: auto;
}
.s-usedcar-info .general-usedcar .box-under > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.s-usedcar-info .general-usedcar .box-under > a .frt-num {
  color: #333;
  font-weight: 600;
}
.s-usedcar-info .general-usedcar .box-under > a .b-brand {
  color: #333;
  font-size: 16px;
}
.s-usedcar-info .general-usedcar .box-under > a .s-info {
  margin-top: 10px;
  font-size: 13px;
}

.box-type2 .s-usedcar-info .s-pay span.sub {
  margin-left: 0px;
  display: inline-block;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  margin-right: 5px;
  vertical-align: middle;
}
.box-type2 .s-usedcar-info .s-pay.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box-type2 .s-usedcar-info .s-pay.flex .point-color {
  font-weight: 700;
  margin-left: 0px;
  margin-right: 10px;
  letter-spacing: -1px;
}

.content-pop .snackbar-txt {
  position: absolute;
  bottom: 85px;
}

.auc-message > p, ul.auc-message.guide-bul > li {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.auc-message > p .point-red, ul.auc-message.guide-bul > li .point-red {
  font-size: 16px;
}

.layer-pop-btm.swiper-type {
  padding: 0 0 64px 0;
}
.layer-pop-btm.swiper-type > .tit-pop {
  padding-left: 15px;
  padding-right: 15px;
}

.auction-wrap {
  padding: 0 15px;
}
.auction-wrap .auc-top-wrap > span {
  display: block;
  font-weight: 600;
  font-size: 13px;
}
.auction-wrap .auc-top-wrap > strong {
  font-size: 14px;
}
.auction-wrap .auc-top-wrap > p, .auction-wrap ul.auc-top-wrap.guide-bul > li {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
  vertical-align: middle;
}
.auction-wrap .auc-top-wrap > p > span, .auction-wrap ul.auc-top-wrap.guide-bul > li > span {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  border-radius: 50px;
  border: 1px solid #2666c6;
  color: #2666c6;
  position: relative;
  vertical-align: middle;
}

.auc-detail {
  margin-top: 30px;
  padding-bottom: 20px;
}
.auc-detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.auc-detail ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.auc-detail ul li > div strong {
  display: block;
  width: 75px;
  font-weight: 400;
  color: #999;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.btn-wrap.btm-col.half-col2 {
  display: -webkit-box;
}
.btn-wrap.btm-col.half-col2 a:nth-child(1) {
  width: 50%;
  border-color: #ddd;
}
.btn-wrap.btm-col.half-col2 a:nth-child(1) span {
  color: #000;
}
.btn-wrap.btm-col.half-col2 a:nth-child(2) {
  width: 50%;
}
.btn-wrap.btm-col.half-col2.on a:nth-child(1):before {
  display: none;
}

.swiper-wrap {
  background-color: #f2f2f2;
  padding: 15px 0px;
}
.swiper-wrap .swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-wrap .swiper-slide {
  width: 262px;
  min-height: 213px;
  background-color: #fff;
  border-radius: 10px;
}

.auc-st-wrap {
  padding: 15px 20px;
}
.auc-st-wrap .reset-btn {
  display: block;
  margin-bottom: 10px;
  text-align: right;
}
.auc-st-wrap .reset-btn > a {
  display: inline-block;
  padding-left: 18px;
  background: url("../images/sub/ico_reflash.png") no-repeat 0 50%;
  background-size: 12px auto;
  color: #364f7f;
  text-decoration: none;
}
.auc-st-wrap .tit {
  font-size: 14px;
  letter-spacing: -0.5px;
}
.auc-st-wrap .auc-content {
  margin-top: 25px;
}
.auc-st-wrap .auc-content .car-rd {
  margin-bottom: 25px;
}
.auc-st-wrap .auc-content .car-rd li {
  margin-bottom: 10px;
}
.auc-st-wrap .auc-content .btn-sw-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.auc-st-wrap .auc-content .btn-sw-wrap.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auc-st-wrap .auc-content .btn-sw-wrap > button {
  width: 105px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.auc-st-wrap .auc-content .btn-sw-wrap > button.on {
  border: 1px solid #2666c6;
  background-color: #2666c6;
  color: #fff;
}
.auc-st-wrap .auc-content .input-r + label {
  font-size: 14px;
}
.auc-st-wrap .text-area {
  margin-bottom: 15px;
  position: relative;
  margin-top: 10px;
}
.auc-st-wrap .text-area > textarea {
  border-radius: 4px;
  height: 60px;
}
.auc-st-wrap .text-area.large > textarea {
  height: 125px;
  padding: 15px 10px 15px 10px;
  border: 1px solid #ddd;
}
.auc-st-wrap .text-area .txt-len {
  display: block;
  width: 100%;
  text-align: right;
}

.tbl-list {
  padding: 0 15px;
  margin-bottom: 20px;
}
.tbl-list:last-child {
  margin-bottom: 0px;
}
.tbl-list .total > strong {
  font-weight: bold;
  font-size: 16px;
}
.tbl-list .total > strong > span {
  color: #2666c6;
}
.tbl-list .tbl-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 15px;
}
.tbl-list .tbl-input .btn-view {
  display: block;
  width: 95px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.tbl-list .reflash {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -20px 7px;
  background-size: 250px auto;
  text-indent: -9999px;
}
.tbl-list .tbl {
  border-top: 1px solid #ddd;
  margin-top: 15px;
}
.tbl-list .tbl > table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-list .tbl > table thead th {
  padding: 15px 0;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
}
.tbl-list .tbl > table tbody tr.bg-f1 td {
  background-color: #f1f1f1;
}
.tbl-list .tbl > table tbody tr.font-lightblue td {
  color: #2666c6;
}
.tbl-list .tbl > table tbody td {
  text-align: center;
  font-weight: 600;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.tbl-list .tbl-lft > table tbody td {
  text-align: left !important;
}
.tbl-list .bid-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tbl-list .bid-info > strong {
  font-size: 16px;
}
.tbl-list .bid-info .btn-wrap .btn {
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
}

.tooltip-wrap .btn {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  background: url("../images/sub/sprite_buy2.png") no-repeat 0 0;
  background-size: 250px auto;
  text-indent: -9999px;
}

.accident-history .tit-wrap > .tit {
  font-weight: bold;
  font-size: 20px;
}
.accident-history .tit-wrap > .car-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.accident-history .tit-wrap > .car-info-list li {
  position: relative;
  color: #999;
  margin-right: 10px;
  padding-right: 10px;
}
.accident-history .tit-wrap > .car-info-list li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.accident-history .tit-wrap > .car-info-list li:last-child:after {
  display: none;
}
.accident-history .tit-wrap > .car-info-list li:after {
  position: absolute;
  right: 0px;
  top: 8px;
  display: block;
  width: 1px;
  height: 7px;
  background-color: #ddd;
  content: "";
}
.accident-history .tit-wrap > .date {
  margin-top: 5px;
}
.accident-history .accident-section {
  margin-top: 30px;
}
.accident-history .accident-section > .tit {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.accident-history .accident-section > .tit span {
  display: block;
  font-weight: 400;
  margin-top: 5px;
}
.accident-history .accident-section > .tit em {
  font-style: normal;
}
.accident-history .accident-section > .accident-content .flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.accident-history .accident-section > .accident-content .flx .f-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("../images/sub/sprite_dealer.png");
  background-repeat: no-repeat;
  background-size: 250px auto;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list01 {
  background-position: 0 0;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list02 {
  background-position: -45px 0;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list03 {
  background-position: -90px 0;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list04 {
  background-position: -135px 0;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list05 {
  background-position: -180px 0;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list06 {
  background-position: 0 -45px;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list07 {
  background-position: -45px -45px;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list08 {
  background-position: -90px -45px;
}
.accident-history .accident-section > .accident-content .flx .f-box > .icon.list09 {
  background-position: -135px -45px;
}
.accident-history .accident-section > .accident-content .flx > li.f-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48%;
  padding: 15px 0px;
}
.accident-history .accident-section > .accident-content .flx > li.f-box .info {
  margin-top: 10px;
}
.accident-history .accident-section > .accident-content .flx > div.f-box {
  width: 100%;
  padding: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.accident-history .accident-section > .accident-content .flx > div.f-box .info {
  margin-left: 10px;
}
.accident-history .accident-section > .accident-content .h-box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accident-history .accident-section > .accident-content .acc-list li {
  padding-left: 15px;
  color: #666;
}
.accident-history .accident-section > .accident-content .acc-list li p, .accident-history .accident-section > .accident-content .acc-list li ul.guide-bul > li {
  text-indent: -15px;
}
.accident-history .accident-section > .accident-content .s-basic-info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .special-info {
  border-top: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .special-info li {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .special-info li.ico:before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  background-image: url("../images/sub/sprite_buy2.png");
  background-size: 250px;
  background-repeat: no-repeat;
  content: "";
}
.accident-history .accident-section > .accident-content .special-info li.type01:before {
  background-position: -136px -144px;
}
.accident-history .accident-section > .accident-content .special-info li.type02:before {
  background-position: -91px -144px;
}
.accident-history .accident-section > .accident-content .special-info li.type03:before {
  background-position: -46px -144px;
}
.accident-history .accident-section > .accident-content .special-info li .tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accident-history .accident-section > .accident-content .special-info li .fr {
  width: 50%;
  text-align: right;
}
.accident-history .accident-section > .accident-content .owners-info .b-tit {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-weight: 700;
  display: block;
  color: #222;
  background-color: #f1f1f1;
}
.accident-history .accident-section > .accident-content .owners-info .b-tit.center {
  text-align: center;
  color: #2666c6;
}
.accident-history .accident-section > .accident-content .owners-info > ul > li .basic-info {
  padding: 15px 15px 0;
  border-bottom: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .owners-info > ul > li .txt-left {
  font-weight: 700;
}
.accident-history .accident-section > .accident-content .owners-info .list {
  display: block;
  text-align: left;
}
.accident-history .accident-section > .accident-content .owners-info .list span {
  display: block;
}
.accident-history .accident-section > .accident-content .owners-info .list .ln {
  position: relative;
  display: inline-block;
  color: #fd665c;
  padding-right: 7px;
}
.accident-history .accident-section > .accident-content .owners-info .list .ln:after {
  position: absolute;
  right: 0px;
  top: 5px;
  width: 1px;
  height: 10px;
  background-color: #222;
  content: "";
}
.accident-history .accident-section > .accident-content .owners-info .list .display-point {
  margin-bottom: 5px;
  display: block;
  color: #2666c6;
  border: 1px solid #2666c6;
  padding: 0 5px;
  border-radius: 50px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
.accident-history .accident-section > .accident-content .owners-info .list em {
  font-style: normal;
}
.accident-history .accident-section > .accident-content .owners-tbl table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.accident-history .accident-section > .accident-content .owners-tbl table thead tr th {
  text-align: left;
  background-color: #f1f1f1;
  padding: 10px 15px;
  border: none;
}
.accident-history .accident-section > .accident-content .owners-tbl table tbody tr td {
  padding: 15px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .owners-tbl table tbody tr td strong {
  display: block;
  margin-bottom: 10px;
}
.accident-history .accident-section > .accident-content .owners-tbl .icon:before {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../images/sub/sprite_dealer.png");
  background-repeat: no-repeat;
  background-size: 250px;
  margin-bottom: 10px;
  content: "";
}
.accident-history .accident-section > .accident-content .owners-tbl .icon.type01:before {
  background-position: 0 0;
}
.accident-history .accident-section > .accident-content .owners-tbl .icon.type02:before {
  background-position: -45px 0;
}
.accident-history .accident-section > .accident-content .owners-tbl .icon.type03:before {
  background-position: -90px 0;
}
.accident-history .accident-section > .accident-content .owners-tbl.center table thead tr th {
  text-align: center;
  font-weight: 400;
  color: #666;
}
.accident-history .accident-section > .accident-content .owners-tbl.center table tbody tr td {
  text-align: center;
  padding: 15px 0px;
}
.accident-history .accident-section > .accident-content .period-wrap {
  padding: 15px 0px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.accident-history .accident-section > .accident-content .period-wrap strong {
  display: block;
  font-size: 20px;
  margin-top: 5px;
  color: #2666c6;
}
.accident-history .accident-section > .accident-content .distance-info {
  border: 1px solid #ddd;
  padding: 15px 0px;
  text-align: center;
}
.accident-history .accident-section > .accident-content .distance-info > p, .accident-history .accident-section > .accident-content ul.distance-info.guide-bul > li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.accident-history .accident-section > .accident-content .distance-info::before {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/sub/sprite_buy2.png") no-repeat -181px -144px;
  background-size: 250px;
  content: "";
}
.accident-history .ad-bananer {
  margin-top: 30px;
  background: #6e7da0;
  border-radius: 15px;
}
.accident-history .ad-bananer a {
  display: block;
  padding: 30px 15px 35px 30px;
  color: #fff;
  text-decoration: none;
  height: auto;
}
.accident-history .ad-bananer a .txt {
  margin-bottom: 17px;
}
.accident-history .ad-bananer a .tit {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
.accident-history .ad-bananer a .txt-ico {
  position: relative;
}
.accident-history .ad-bananer a .txt-ico span {
  position: relative;
}
.accident-history .ad-bananer a .txt-ico span:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -78px -323px;
  right: -15px;
  top: 5px;
  width: 5px;
  height: 8px;
}
.accident-history .ad-bananer a .txt-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -73px -101px;
  right: 15px;
  top: 0;
  width: 107px;
  height: 22px;
}
.accident-history .ad-bananer a {
  padding: 15px;
}
.accident-history .ad-bananer a .txt-ico span:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  right: 10px;
  top: 50%;
  margin-top: 3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.accident-history .ad-bananer a .txt-ico span:after {
  width: 0;
  height: 0;
  right: -15px;
  top: 4px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.accident-history .ad-bananer .banner-cnt {
  margin: 0;
}

.header.dealer-header-p {
  position: relative;
  padding: 0;
  background: #fff;
}
.header.dealer-header-p > .pre-page {
  padding: 13px 0 6px 43px;
}
.header.dealer-header-p h1 {
  color: #222;
  font-size: 18px;
  padding: 0;
}
.header.dealer-header-p h1 a.pre-page {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 27px;
  height: 13px;
}
.header.dealer-header-p h1 a.pre-page:after {
  left: 0;
  margin: -5px 0 0 0;
}
.header.dealer-header-p .btn-top {
  position: absolute;
  top: 22px;
  right: 0;
}
.header.dealer-header-p .btn-top a {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 17px;
  color: #222;
  text-decoration: none;
}
.header.dealer-header-p .btn-top a:after {
  content: "";
  display: inline-block;
  background: url("../images/sub/sprite_buy.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 50%;
  left: 0;
}
.header.dealer-header-p .btn-top .share:after {
  background-position: -35px -25px;
  width: 13px;
  height: 13px;
  margin-top: -6px;
}
.header.dealer-header-p .btn-top .interest:after {
  background-position: -35px 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
}

.s-dealer-f {
  background: #fff;
  padding: 30px 15px 64px 15px;
}

.brand-list-sep {
  padding: 0 15px;
}
.brand-list-sep ul > li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 16px 0 16px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand-list-sep ul > li div.ra-ck a {
  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;
  width: 100%;
  font-weight: 600;
}
.brand-list-sep ul > li div.s-car-kind {
  line-height: 1.2em;
  font-size: 16px;
}
.brand-list-sep ul > li div.s-car-kind span {
  color: #666;
  padding-left: 20px;
}
.brand-list-sep ul > li p.s-view-all, .brand-list-sep ul > li ul.guide-bul > li.s-view-all {
  font-size: 13px;
  color: #364f7f;
}
.brand-list-sep ul > li p.s-car-img, .brand-list-sep ul > li ul.guide-bul > li.s-car-img {
  width: 100px;
}
.brand-list-sep ul > li p.s-car-img img, .brand-list-sep ul > li ul.guide-bul > li.s-car-img img {
  width: 100%;
}

.btn-anchor {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  width: 100%;
  background: #fff;
  z-index: 1;
}
.btn-anchor li a {
  font-size: 16px;
  color: #999;
  text-decoration: none;
  padding-bottom: 15px;
}
.btn-anchor li a.on {
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #222;
}
.btn-anchor.con-fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.market-cd {
  border-radius: 0 0 15px 15px;
  padding: 0 15px;
}
.market-cd dl {
  padding: 30px 0;
}
.market-cd dl dt, .market-cd dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .market-cd dl dd {
  font-size: 18px;
  font-weight: 500;
}
.market-cd dl dt span, .market-cd dl .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .market-cd dl dd span {
  font-size: 18px;
  color: #2666c6;
}
.market-cd dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  padding-left: 30px;
}
.market-cd dl dd > div .tit {
  font-weight: 100;
  margin-bottom: 10px;
}
.market-cd dl dd > div .sum {
  font-weight: bold;
  font-size: 18px;
}
.market-cd dl dd > div:first-child .sum {
  position: relative;
}
.market-cd dl dd > div:first-child .sum:after {
  content: "";
  width: 6px;
  height: 7px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-position: 0 -90px;
  background-size: 250px;
  position: absolute;
  top: 11px;
  left: -10px;
}
.market-cd dl dd > div:last-child .sum {
  position: relative;
  color: #2666c6;
}
.market-cd dl dd > div:last-child .sum:after {
  content: "";
  width: 6px;
  height: 7px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-position: -6px -90px;
  background-size: 250px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.safety-price {
  padding: 30px 15px;
}
.safety-price h2 {
  margin-bottom: 30px;
}
.safety-price .money-graph .txt-wrap {
  margin-bottom: 12px;
  text-align: center;
}
.safety-price .money-graph .txt-wrap .txt {
  display: block;
}
.safety-price .money-graph .txt-wrap strong {
  font-size: 20px;
  font-weight: 600;
}
.safety-price .money-graph .txt-wrap strong span {
  font-size: 20px;
  font-weight: 600;
}

.price-range-bar__text-mid01,
.price-range-bar__text-mid02 {
  position: absolute;
  top: 25px;
  display: block;
  color: #666;
  font-size: 10px;
}

.price-range-bar__text-mid01 {
  left: 30%;
  text-align: left;
}

.price-range-bar__text-mid02 {
  left: 60%;
  text-align: right;
}

.price-simulation {
  padding: 30px 15px;
}
.price-simulation .tit-btn-area {
  margin-bottom: 30px;
}
.price-simulation .btn-wrap {
  padding: 15px 0 0 0;
}
.price-simulation .tbl-list {
  padding: 30px 0 0 0;
}
.price-simulation .new-price dt, .price-simulation .new-price .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price-simulation .new-price dd {
  margin-bottom: 10px;
}
.price-simulation .new-price dd {
  font-weight: bold;
  font-size: 24px;
  color: #2666c6;
}
.price-simulation .new-price-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.price-simulation .new-price-rate dl {
  padding-left: 25px;
}
.price-simulation .new-price-rate dt, .price-simulation .new-price-rate .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .price-simulation .new-price-rate dd {
  font-weight: 500;
  margin-bottom: 15px;
  text-align: right;
}
.price-simulation .new-price-rate dd {
  position: relative;
  font-size: 20px;
}
.price-simulation .new-price-rate dd:after {
  content: "";
  width: 6px;
  height: 7px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 11px;
  left: -10px;
}
.price-simulation .new-price-rate dd.up {
  color: #fd665c;
}
.price-simulation .new-price-rate dd.up:after {
  background-position: 0px -90px;
}
.price-simulation .new-price-rate dd.down {
  color: #2666c6;
}
.price-simulation .new-price-rate dd.down:after {
  background-position: -6px -90px;
}
.price-simulation .line-btn-area {
  overflow: hidden;
  margin-top: 30px;
}
.price-simulation .line-btn-area .float-r {
  display: -webkit-box;
}
.price-simulation .line-btn-area .float-r .line-btn {
  margin-left: 10px;
}
.price-simulation .line-btn-area .float-r .line-btn a {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #999;
  border-radius: 15px;
  text-decoration: none;
}
.price-simulation .input-unit {
  margin-top: 30px;
}

.selling-price {
  position: relative;
  border-radius: 15px 15px 0 0;
  background: #ffcc00;
  margin-bottom: 54px;
  padding: 30px 10px 80px;
}
.selling-price h2 {
  position: relative;
  width: 140px;
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin: 0 auto 35px;
  padding-left: 30px;
}
.selling-price h2:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-position: -12px -90px;
  background-size: 250px;
  position: absolute;
  top: 5px;
  left: 0;
}
.selling-price .prc-chk {
  position: absolute;
  left: 10px;
  top: 67px;
}
.selling-price .input-unit {
  background: #fff;
  border-color: #fff;
}
.selling-price .input-unit > input[type=number], .selling-price .new-content-body .inp-box .input-unit > [type=number].ico-confirm, .new-content-body .inp-box .selling-price .input-unit > [type=number].ico-confirm, .selling-price .type-mydata .inp-box .input-unit > [type=number].ico-confirm, .type-mydata .inp-box .selling-price .input-unit > [type=number].ico-confirm {
  border: 0;
}
.selling-price.no-box {
  background: none;
  padding: 0;
  margin: 0 0 30px;
}
.selling-price.no-box h2 {
  width: auto;
  margin: 0 0 20px;
  padding: 0;
}
.selling-price.no-box h2:after {
  display: none;
}
.selling-price.no-box .input-unit {
  border-color: #ddd;
}

div.nodata-txt {
  font-size: 16px;
  color: #666;
  width: 100%;
  text-align: center;
}

.s-price-reg {
  padding: 35px 15px 100px;
  background: #fff;
}
.s-price-reg .month-period {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: end !important;
  line-height: 50px;
  font-size: 18px;
}

.bl-dash {
  width: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 47px;
}

.main-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.main-table thead th {
  padding: 15px 0;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
}
.main-table tbody tr.bg-f1 td {
  background-color: #f1f1f1;
}
.main-table tbody tr.font-lightblue td {
  color: #2666c6;
}
.main-table tbody td {
  text-align: center;
  font-weight: 600;
  padding: 15px 13px !important;
  border-bottom: 1px solid #ddd;
}
.main-table tbody td a {
  color: #2666c6;
  text-decoration: none;
  border-bottom: 1px solid #2666c6;
}

.table-scroll {
  position: relative;
  overflow: hidden;
  margin-right: -15px;
}
.table-scroll .table-wrap {
  width: 100%;
  overflow: auto;
}
.table-scroll .table-wrap table {
  width: 100%;
  margin: auto;
  border-spacing: 0;
}
.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  background: #fff;
  white-space: nowrap;
  vertical-align: top;
}

.clone {
  position: absolute;
  top: 16px;
  left: 0;
  pointer-events: none;
}
.clone thead {
  background: transparent;
}
.clone tbody th {
  visibility: visible;
  color: red;
}
.clone th,
.clone td {
  visibility: hidden;
  border-color: transparent;
}
.clone .fixed-side {
  visibility: visible;
  border-bottom: 1px solid #ddd;
}

.simple-exp dl {
  position: relative;
  padding: 30px 0 30px 40px;
}
.simple-exp dl dt, .simple-exp dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .simple-exp dl dd {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.simple-exp dl:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  position: absolute;
  top: 25px;
  left: 0;
}
.simple-exp dl.simple-exp01:after {
  background-position: 0 -220px;
}
.simple-exp dl.simple-exp02:after {
  background-position: -30px -220px;
}

.btn-type01 {
  position: relative;
  display: block;
  border-radius: 4px;
  height: 74px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 64px;
  padding: 0 0 0 15px;
  padding: 0;
  border: 1px solid #ddd;
  background: #fff;
}
.btn-type01:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  width: 7px;
  height: 12px;
  right: 15px;
  top: 31px;
  z-index: 0;
}
.btn-type01 .detail-op {
  overflow: hidden;
  padding: 10px 0 10px 15px;
}
.btn-type01 .detail-op li {
  float: left;
  margin-right: 5px;
  line-height: 26px;
}
.btn-type01 .detail-op li:nth-child(4) {
  clear: both;
}

.btn-ad-preview {
  overflow: hidden;
}
.btn-ad-preview a {
  float: right;
  display: block;
  width: 90px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  letter-spacing: -1px;
  text-decoration: none;
}
.btn-ad-preview.btn-ad-ty-2 a {
  min-width: 100px;
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #222;
}

.direct-input h2.tit,
.direct-input h2.tit-01 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0;
}
.direct-input h3.s-tit span {
  font-size: 15px;
  color: #666;
}
.direct-input h4 {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  margin: 15px 0;
}
.direct-input .box-area .v-box {
  margin-top: 30px;
}
.direct-input .box-area .v-box h2.tit {
  margin-top: 40px;
}
.direct-input .option-sel li {
  margin-bottom: 0;
}

.s-carimg-part {
  border-radius: 0 0 15px 15px;
  padding: 30px 0;
}

.s-cartxt-part {
  border-radius: 15px 15px 0 0;
  padding: 30px 15px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.check-pc {
  color: #666;
  padding-left: 15px;
  text-indent: -15px;
  margin-top: 30px;
}
.check-pc div {
  position: relative;
  padding-left: 25px;
  text-indent: 0;
  margin-top: 5px;
}
.check-pc div:after {
  content: "·";
  display: inline-block;
  position: absolute;
  width: 12px;
  top: 1px;
  left: 14px;
  font-size: 14px;
  color: #666;
}
.check-pc ul {
  margin-top: 5px;
}
.check-pc ul li {
  position: relative;
  padding-left: 20px;
  text-indent: 0;
}
.check-pc ul li:after {
  content: "·";
  display: inline-block;
  position: absolute;
  width: 12px;
  top: -2px;
  left: 9px;
  font-size: 14px;
  color: #666;
}

.txt-record {
  position: relative;
  color: #fd665c;
  padding-left: 20px;
  margin-top: 30px;
}
.txt-record:after {
  content: "※";
  display: inline-block;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.s-carstate-sel {
  overflow: hidden;
}
.s-carstate-sel div {
  width: 25%;
  float: left;
  margin-bottom: 15px;
}
.s-carstate-sel div a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  background: #cdcdcd;
  color: #fff;
  font-size: 13px;
  padding-top: 30px;
  margin: 0 auto;
}
.s-carstate-sel div a:before {
  position: absolute;
  display: block;
  top: 10px;
  left: 43%;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.s-carstate-sel div a.carstate01 {
  background: #fd665c;
}
.s-carstate-sel div a.carstate01:before {
  content: "X";
}
.s-carstate-sel div a.carstate02 {
  background: #9cd5c2;
}
.s-carstate-sel div a.carstate02:before {
  content: "C";
}
.s-carstate-sel div a.carstate03 {
  background: #2666c6;
  letter-spacing: -1px;
}
.s-carstate-sel div a.carstate03:before {
  content: "W";
  left: 38%;
}
.s-carstate-sel div a.carstate04 {
  background: #a6b5c7;
  letter-spacing: -1px;
}
.s-carstate-sel div a.carstate04:before {
  content: "A";
  left: 38%;
}
.s-carstate-sel div a.carstate05 {
  background: #10a8e5;
  letter-spacing: -1px;
}
.s-carstate-sel div a.carstate05:before {
  content: "U";
  left: 38%;
}
.s-carstate-sel div a.carstate06 {
  background: #60584c;
  letter-spacing: -1px;
}
.s-carstate-sel div a.carstate06:before {
  content: "T";
  left: 38%;
}
.s-carstate-sel div a.carstate07 {
  padding-top: 0;
  line-height: 60px;
}
.s-carstate-sel div a.carstate07:before {
  display: none;
}

.input-unit {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px 0;
  border-radius: 3px;
}
.input-unit > input[type=number], .new-content-body .inp-box .input-unit > [type=number].ico-confirm, .type-mydata .inp-box .input-unit > [type=number].ico-confirm,
.input-unit .inp-num {
  text-align: right;
  padding-right: 45px;
  border: 0;
  height: 28px;
  line-height: 28px;
  background: #fff;
}
.input-unit .input-type {
  border: 0;
  height: 28px;
  line-height: 28px;
}
.input-unit > .sign-ps {
  position: absolute;
  top: 16px;
  right: 10px;
  color: #999;
  font-size: 14px;
}
.input-unit.buy-pay > input[type=number], .new-content-body .inp-box .input-unit.buy-pay > [type=number].ico-confirm, .type-mydata .inp-box .input-unit.buy-pay > [type=number].ico-confirm {
  padding-right: 70px;
}
.input-unit.buy-pay .pay-type {
  right: 30px;
}
.input-unit.buy-pay .btn-del {
  position: absolute;
  top: 13px;
  right: 4px;
}
.input-unit.buy-pay .btn-del a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 25px;
  height: 25px;
}
.input-unit.buy-pay .btn-del a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png") no-repeat;
  background-position: -36px -35px;
  width: 15px;
  height: 15px;
  margin: -8px 0 0 -8px;
  background-size: 500px;
}
.input-unit.input-disable {
  background: #ececec;
}
.input-unit.input-disable > input[type=number], .new-content-body .inp-box .input-unit.input-disable > [type=number].ico-confirm, .type-mydata .inp-box .input-unit.input-disable > [type=number].ico-confirm {
  background: #ececec;
}

.input-type-h25 {
  -webkit-appearance: none;
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 25px;
  padding: 0 9px;
  background: #fff;
  font-size: 14px;
}

.shoot-img {
  border: 1px solid #ddd;
  width: 100%;
  min-height: 220px;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
}
.shoot-img div.file-image {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  z-index: 500;
}
.shoot-img div.file-image img {
  width: 100%;
}
.shoot-img div.file-image a {
  position: absolute;
  top: 15px;
  right: 15px;
  text-indent: -9999px;
  display: block;
  width: 18px;
  height: 18px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -120px -90px;
}
.shoot-img div.file-image + .file-upload {
  display: none;
}
.shoot-img div.file-upload {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.shoot-img label {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 110px;
  cursor: pointer;
}
.shoot-img label:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -100px -90px;
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -10px;
}
.shoot-img input[type=file], .shoot-img .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .shoot-img [type=file].ico-confirm, .shoot-img .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .shoot-img [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.txt-sel-area {
  position: static;
  margin-right: -15px;
}
.txt-sel-area .txt-sel {
  position: relative;
  overflow: auto;
  padding: 0 0 10px;
}
.txt-sel-area .txt-sel ul {
  display: table;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.txt-sel-area .txt-sel ul li {
  display: table-cell;
  padding-right: 9px;
}
.txt-sel-area .txt-sel ul li:last-child {
  padding-right: 15px;
}
.txt-sel-area .txt-sel ul li a {
  display: inline-block;
  font-size: 14px;
  width: 90px;
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #222;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.txt-sel-area .txt-sel ul li a.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}

.txt-sel-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.txt-sel-btn button {
  padding: 0 20px;
}

.gift-list {
  margin-top: 10px;
  padding: 10px 0 65px;
  border-top: 1px solid #ddd;
}
.gift-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.gift-list .gift-img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  border: 1px solid #ddd;
  margin-right: 10px;
  overflow: hidden;
}
.gift-list .gift-img img {
  width: 100%;
}
.gift-list .gift-txt {
  position: relative;
  width: calc(100% - 100px);
  padding: 5px 0;
}
.gift-list .gift-txt .date {
  margin-top: 10px;
  color: #999;
}
.gift-list .gift-txt .money {
  margin-top: 2px;
}
.gift-list .gift-txt strong {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding-right: 45px;
}
.gift-list .gift-txt del {
  display: inline-block;
  color: #999;
}
.gift-list .gift-txt .selt {
  position: absolute;
  top: 8px;
  right: 15px;
}
.gift-list .gift-txt .selt label {
  text-indent: -9999px;
  padding: 0;
}
.gift-list .gift-txt b.sum {
  font-size: 18px;
  font-weight: 600;
}
.gift-list .gift-txt b.per {
  position: absolute;
  right: 0;
  bottom: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #fd665c;
}

.gift-detail {
  padding-bottom: 125px;
}
.gift-detail section {
  padding: 30px 15px;
}
.gift-detail section h2.sub-tit {
  margin-bottom: 25px;
}
.gift-detail section img {
  width: 100%;
}
.gift-detail .gift-product {
  border-radius: 0 0 15px 15px;
}
.gift-detail .gift-product .gift-img {
  position: relative;
  border-radius: 15px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.gift-detail .gift-product .gift-img img {
  width: 100%;
}
.gift-detail .gift-product .gift-img span {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background: #fd665c;
  text-align: center;
  border-radius: 46px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.gift-detail .gift-product .gift-txt strong {
  display: block;
  font-size: 20px;
  font-wight: 500;
  margin: 20px 0;
}
.gift-detail .gift-product .gift-txt del {
  display: block;
  color: #999;
  text-align: right;
  padding-right: 15px;
}
.gift-detail .gift-product .gift-txt .sum {
  display: block;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
  padding-right: 15px;
}

.cmm-select-theme {
  position: absolute;
  top: 8px;
  right: 10px;
  display: -webkit-box;
}
.cmm-select-theme .select-type {
  display: -webkit-box;
  height: 38px;
  font-size: 13px;
  margin-left: 10px;
  background-position: right -2px;
}

.theme-pick-gt {
  display: none;
}
.theme-pick-gt div > a {
  display: block;
  padding: 15px;
  border-top: 1px solid #ddd;
  font-weight: 500;
  color: #222;
  text-decoration: none;
}
.theme-pick-gt div > a.arr {
  position: relative;
}
.theme-pick-gt div > a.arr:after {
  content: "";
  width: 8px;
  height: 5px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -102px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -2px;
}
.theme-pick-gt div > a.arr.on:after {
  background-position: 0 -97px;
}
.theme-pick-gt div ul {
  overflow: hidden;
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  display: none;
}
.theme-pick-gt div ul li {
  float: left;
  width: 20%;
  text-align: center;
  line-height: 30px;
}
.theme-pick-gt div ul li a {
  font-weight: 500;
  color: #222;
  text-decoration: none;
}

.brand-info {
  padding: 50px 15px 30px;
}
.brand-info .brand-img {
  width: 95px;
  margin: 0 auto;
}
.brand-info .brand-img img {
  width: 100%;
}
.brand-info .brand-txt {
  text-align: center;
}
.brand-info .brand-txt dt, .brand-info .brand-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .brand-info .brand-txt dd {
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 10px;
}
.brand-info .brand-txt dd p, .brand-info .brand-txt dd ul.guide-bul > li {
  display: inline-block;
  padding-right: 15px;
}
.brand-info .brand-txt dd a {
  position: relative;
  display: inline-block;
  color: #364f7f;
  text-decoration: none;
  padding-left: 21px;
}
.brand-info .brand-txt dd a:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -140px -90px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.s-brand-content .tab-type {
  border-radius: 15px 15px 0 0;
  background: #fff;
}
.s-brand-content .tab-type span {
  font-size: 16px;
}
.s-brand-content .recall-list {
  padding: 25px 15px 0;
}
.s-brand-content .recall-list dl {
  margin: 15px 0;
}
.s-brand-content .recall-list dl dt, .s-brand-content .recall-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .s-brand-content .recall-list dl dd {
  display: block;
  width: 100%;
  padding: 15px;
  background: #f1f1f1;
  font-weight: 600;
}
.s-brand-content .recall-list dl dd {
  padding: 15px;
}
.s-brand-content .recall-list dl dd span {
  display: block;
  ont-size: 13px;
  color: #999;
  font-weight: 400;
  margin-bottom: 15px;
}
.s-brand-content .recall-list dl dd a {
  position: relative;
  color: #364f7f;
  padding-right: 20px;
  text-decoration: none;
  font-weight: 500;
}
.s-brand-content .recall-list dl dd a:after {
  content: "";
  width: 13px;
  height: 13px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -157px -90px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}
.s-brand-content .used-list-img {
  padding: 10px 15px 40px;
}

.recall-pop-list {
  padding: 15px 0 0 0;
  border-bottom: 1px solid #ddd;
}
.recall-pop-list dt, .recall-pop-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .recall-pop-list dd {
  display: block;
  width: 100%;
  padding: 15px;
  background: #f1f1f1;
  color: #666;
  font-weight: 400;
}
.recall-pop-list dd {
  padding: 15px;
}
.recall-pop-list dd .model-name {
  font-size: 500;
}
.recall-pop-list dd .model-date {
  font-size: 13px;
  color: #999;
}
.recall-pop-list dd .model-date span:first-child {
  position: relative;
  padding-right: 10px;
  margin-right: 7px;
}
.recall-pop-list dd .model-date span:first-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 7px;
  margin-top: -3px;
  background: #999;
  position: absolute;
  top: 50%;
  right: 0;
}
.recall-pop-list dd + dd {
  margin-top: -10px;
}

.calculator-wrap {
  padding-bottom: 1px;
}
.calculator-wrap .tab-type {
  background-color: #fff;
}
.calculator-wrap .garage-area .list {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.calculator-wrap .garage-area .list > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.calculator-wrap .garage-area .car-img {
  top: 30px;
  right: 0px;
}
.calculator-wrap .garage-area .car-img .car-info-list {
  position: absolute;
  bottom: -25px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calculator-wrap .garage-area .car-img .car-info-list li {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}
.calculator-wrap .garage-area .car-img .car-info-list li a {
  color: #364f7f;
  text-decoration: none;
  white-space: nowrap;
}
.calculator-wrap .garage-area .car-img .car-info-list li::after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 1px;
  height: 8px;
  background-color: #364f7f;
  content: "";
}
.calculator-wrap .garage-area .car-img .car-info-list li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.calculator-wrap .garage-area .car-img .car-info-list li:last-child::after {
  display: none;
}
.calculator-wrap .garage-area .g-pay {
  margin-top: 30px;
  display: block;
  font-size: 20px;
  color: #2666c6;
}
.calculator-wrap .garage-area .g-txt {
  margin-top: 30px;
  display: block;
  color: #999;
}
.calculator-wrap .garage-area .g-txt + .g-pay {
  margin-top: 0px;
}
.calculator-wrap .row-flow {
  border-top: none;
}
.calculator-wrap .row-flow > strong {
  font-size: 16px;
}
.calculator-wrap .row-flow.b-t {
  border-top: 1px solid #ddd;
  height: 60px;
}
.calculator-wrap .row-flow.b-t > span {
  font-size: 18px;
  color: #2666c6;
}
.calculator-wrap .row-flow.b-t > strong {
  font-size: 20px;
}
.calculator-wrap .h-area.bt-none {
  border-top: none;
}
.calculator-wrap .h-area.total {
  border-bottom: none;
  background-color: #f1f1f1;
}
.calculator-wrap .h-area.total .h-box {
  height: 60px;
}
.calculator-wrap .h-area.total .h-box .tit {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  color: #2666c6;
}
.calculator-wrap .h-area.total .h-box .tit span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.calculator-wrap .h-area.total .h-box .pay {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  color: #2666c6;
  font-size: 20px;
  font-weight: 700;
}
.calculator-wrap .h-area.expectation {
  border-bottom: none;
}
.calculator-wrap .h-area.expectation .h-box .tit {
  font-weight: 700;
  color: #2666c6;
}
.calculator-wrap .h-area.expectation .h-box .pay {
  font-weight: 700;
  color: #2666c6;
}
.calculator-wrap .h-area .h-box {
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
}
.calculator-wrap .h-area .h-box > div {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  position: relative;
  top: 2px;
}
.calculator-wrap .h-area .h-box .tit {
  color: #666;
}
.calculator-wrap .h-area .h-box .tit > strong {
  color: #222;
}
.calculator-wrap .h-area .h-box .pay {
  font-weight: 700;
  color: #222;
}
.calculator-wrap .h-area .ra-ck {
  position: relative;
}
.calculator-wrap .h-area .ra-ck .info {
  text-indent: -99999px;
  position: relative;
  top: -1px;
  margin-left: 5px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../images/sub/sprite_buy2.png");
  background-size: 250px auto;
}
.calculator-wrap .h-area .select-box-type {
  text-align: left;
  width: 90px;
}
.calculator-wrap .h-area .input-ck + label {
  font-size: 14px;
  color: #666;
}
.calculator-wrap .box-tit {
  display: block;
  padding: 0 15px;
  margin-top: 40px;
  font-size: 18px;
}
.calculator-wrap .s-pic-model-list {
  margin-bottom: 40px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
}
.calculator-wrap .total-footer strong {
  font-weight: 400;
}
.calculator-wrap .total-footer .point-blue {
  font-size: 20px;
}
.calculator-wrap .box-lant-list {
  margin-top: 25px;
}
.calculator-wrap .box-lant-list .box-area {
  border-bottom: 1px solid #ddd;
}
.calculator-wrap .box-lant-list .box-area .v-box {
  margin-top: 15px;
  margin-bottom: 15px;
}
.calculator-wrap .box-lant-list .box-area:last-child {
  border-bottom: none;
}
.calculator-wrap .installment .caption-info-red {
  position: relative;
  top: -10px;
}

.calculator-content {
  background-color: #fff;
}
.calculator-content .installment {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
  z-index: 20;
}
.calculator-content .total-pay {
  position: relative;
  margin-top: -10px;
  border-top: 40px solid #f1f1f1;
  z-index: 10;
}
.calculator-content .total-pay .row-flow {
  border-top: 1px solid #ddd;
  padding: 0 15px;
}
.calculator-content .total-pay .caption-info-red {
  position: absolute;
  left: 0px;
  top: 60px;
  margin: 0 15px;
}

.vehicle-wrap .garage-area {
  border-bottom: none;
}
.vehicle-wrap .garage-area .car-img {
  top: 30px;
  right: 0px;
}
.vehicle-wrap .h-area {
  border-top: none;
}
.vehicle-wrap .h-area .h-box > div {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.vehicle-wrap .h-area .h-box .tit {
  color: #666;
}
.vehicle-wrap .h-area .h-box .tit .s-tit {
  position: relative;
  top: 5px;
}
.vehicle-wrap .h-area .h-box .tit.nowrap {
  white-space: nowrap;
}
.vehicle-wrap .h-area .h-box .pay {
  font-weight: 700;
}
.vehicle-wrap .h-area .h-box .txt {
  color: #666;
  padding-left: 20px;
}
.vehicle-wrap .h-area.b-none {
  border-bottom: none;
}
.vehicle-wrap .total-pay {
  font-size: 18px;
  text-align: right;
  padding: 0 15px;
}
.vehicle-wrap .btn-accident {
  border-radius: 50px;
  top: 32px;
}

.inquiry-select-btn a {
  position: relative;
  display: block;
  height: 54px;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 54px;
  margin-bottom: 10px;
  padding: 0 0 0 43px;
  border: 1px solid #ddd;
  text-decoration: none;
  border-radius: 4px;
}
.inquiry-select-btn a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -60px -138px;
  right: 15px;
  top: 21px;
  width: 7px;
  height: 12px;
}
.inquiry-select-btn a:before {
  background-image: url("../images/sub/sprite_dealer_2.png?ver=20200115");
  background-repeat: no-repeat;
  background-size: 250px;
  display: block;
  position: absolute;
  left: 15px;
  top: 18px;
  width: 15px;
  height: 15px;
  content: "";
}
.inquiry-select-btn a.btn-inquiry01:before {
  background-position: -5px -5px;
}
.inquiry-select-btn a.btn-inquiry02:before {
  width: 18px;
  background-position: -25px -5px;
}
.inquiry-select-btn a.btn-inquiry03:before {
  width: 18px;
  height: 17px;
  background-position: -49px -4px;
}
.inquiry-select-btn a.btn-inquiry04:before {
  width: 18px;
  background-position: -71px -5px;
}
.inquiry-select-btn a.btn-inquiry05:before {
  width: 18px;
  height: 17px;
  background-position: -93px -4px;
}
.inquiry-select-btn a.btn-inquiry06:before {
  width: 20px;
  background-position: -115px -5px;
}

.filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: 0 15px;
}
.filter-wrap li {
  margin-right: 5px;
}
.filter-wrap li a {
  display: block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
}

.cost-selected {
  padding: 0 10px 20px;
}
.cost-selected ul {
  overflow: hidden;
}
.cost-selected ul li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  padding: 0 5px;
}
.cost-selected ul li.bg-select-01 .select-box:before {
  background-position: -5px -26px;
}
.cost-selected ul li.bg-select-02 .select-box:before {
  background-position: -31px -26px;
}
.cost-selected ul li.bg-select-03 .select-box:before {
  width: 20px;
  background-position: -52px -26px;
}
.cost-selected ul li.bg-select-04 .select-box:before {
  height: 20px;
  background-position: -71px -26px;
}
.cost-selected .select-box {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.cost-selected .select-box::before {
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  width: 22px;
  height: 17px;
  background-image: url("../images/sub/sprite_dealer_2.png?ver=20200115");
  background-repeat: no-repeat;
  background-size: 250px;
  content: "";
}
.cost-selected .select-box:after {
  position: absolute;
  right: 10px;
  top: 16px;
  width: 11px;
  height: 6px;
  background: url("../images/sub/bg_selected_black.png") no-repeat 0 0;
  background-size: 11px auto;
  content: "";
}
.cost-selected .select-box select {
  width: 100%;
  height: 40px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: none;
  color: #222;
  padding: 0 33px 0 40px;
}

.cost-txt {
  font-size: 18px;
  padding: 30px 15px 30px;
  font-weight: 700;
}
.cost-txt span {
  display: block;
  font-size: 24px;
}

.registration-cost {
  padding: 30px 15px;
}
.registration-cost .h-area {
  padding: 0;
  border-bottom: none;
}
.registration-cost .h-area .h-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
  height: 40px;
  margin-bottom: 0px;
  padding: 0 15px;
}
.registration-cost .h-area .h-box .txt {
  color: #666;
}
.registration-cost .h-area .h-box .tit {
  font-weight: 700;
}
.registration-cost .h-area .h-box .pay {
  font-weight: 700;
}
.registration-cost .h-area .h-box .pay .input-wrap {
  padding: 5px 0;
  background: #fff;
}
.registration-cost .h-area .h-box .pay .input-wrap input[type=number], .registration-cost .h-area .h-box .pay .input-wrap .new-content-body .inp-box [type=number].ico-confirm, .new-content-body .inp-box .registration-cost .h-area .h-box .pay .input-wrap [type=number].ico-confirm, .registration-cost .h-area .h-box .pay .input-wrap .type-mydata .inp-box [type=number].ico-confirm, .type-mydata .inp-box .registration-cost .h-area .h-box .pay .input-wrap [type=number].ico-confirm {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.registration-cost .h-area .h-box .pay .input-wrap .pay-type {
  top: 6px;
  font-size: 14px;
}
.registration-cost .h-area .h-box.bg {
  background-color: #f1f1f1;
}

.car-vehicles {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 15px;
  top: 18px;
}
.car-vehicles > p, ul.car-vehicles.guide-bul > li {
  margin-left: 25px;
}
.car-vehicles > p span, ul.car-vehicles.guide-bul > li span {
  font-weight: 700;
}

.tab-vehicles-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}
.tab-vehicles-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 0;
  white-space: nowrap;
  padding: 0 15px;
  z-index: 10;
}
.tab-vehicles-wrap ul li a {
  display: block;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  padding: 10px 15px;
  text-align: center;
}
.tab-vehicles-wrap ul li a span {
  position: relative;
}
.tab-vehicles-wrap ul li.on a {
  border-bottom: 2px solid #222;
  font-weight: 700;
}
.tab-vehicles-wrap ul li.new span:after {
  position: absolute;
  right: -2px;
  top: -2px;
  width: 3px;
  height: 3px;
  background-color: #df6654;
  border-radius: 100%;
  content: "";
}
.tab-vehicles-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.tab-vehicles-content {
  display: none;
  height: 100vh;
}
.tab-vehicles-content.on {
  display: block;
}
.tab-vehicles-content.bg {
  background-color: #fff;
}

.sorting-wrap {
  padding: 10px 0 0 15px;
  position: relative;
  height: 43px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.sorting-wrap .select-box {
  display: inline-block;
  margin-left: 5px;
  padding-right: 20px;
  background: #fff url("../images/common/bg_select.png") no-repeat calc(100% + 10px) -10px;
  background-size: 33px 80px;
  margin-right: 20px;
}
.sorting-wrap .select-box .select-type {
  height: 20px;
  padding: 0px;
  font-size: 14px;
  border: none;
  -moz-text-align-last: right;
       text-align-last: right;
}
.sorting-wrap .menu-btn {
  position: absolute;
  right: 40px;
  top: 0px;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.sorting-wrap .menu-btn:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -12px -60px;
  background-size: 250px;
  content: "";
}
.sorting-wrap .menu-btn.th:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -12px -88px;
  background-size: 250px;
  content: "";
}
.sorting-wrap .sreach-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.sorting-wrap .sreach-btn:after {
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  width: 11px;
  height: 11px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -44px -60px;
  background-size: 250px;
  content: "";
}

.sales-dealer .ra-ck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-bottom: 1px solid #ddd;
  height: 50px;
}
.sales-dealer .ra-ck:last-child {
  border-bottom: none;
}

.shop-brand .logo {
  width: 73px;
  display: inline-block;
}
.shop-brand .logo img {
  width: 100%;
}
.shop-brand .tit {
  display: block;
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.shop-brand .m-tit {
  font-size: 18px;
}

.b-info-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-info-shop li {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  color: #666;
}
.b-info-shop li:after {
  position: absolute;
  right: 0px;
  top: 3px;
  width: 1px;
  height: 11px;
  background-color: #c1c1c1;
  content: "";
}
.b-info-shop li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}
.b-info-shop li:last-child:after {
  display: none;
}

.dealer-member-list {
  position: relative;
  margin-top: 30px;
}
.dealer-member-list dl {
  position: relative;
}
.dealer-member-list dl dt, .dealer-member-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .dealer-member-list dl dd {
  color: #222;
  margin-bottom: 5px;
}
.dealer-member-list dl dd {
  color: #2666c6;
}
.dealer-member-list dl dd strong {
  font-size: 20px;
}
.dealer-member-list dl.new:after {
  position: absolute;
  right: -3px;
  top: -3px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #fb1b1b;
  content: "";
}
.dealer-member-list dl:last-child {
  margin-right: 0px;
}
.dealer-member-list .top-member {
  margin-bottom: 10px;
}
.dealer-member-list .md-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.dealer-member-list .md-member dl {
  margin-right: 18px;
}
.dealer-member-list .md-member dl dt, .dealer-member-list .md-member dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .dealer-member-list .md-member dl dd {
  font-size: 13px;
  color: #666;
  margin-bottom: 0px;
}
.dealer-member-list .md-member dl dd {
  font-size: 13px;
}
.dealer-member-list .bt-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dealer-member-list .bt-member .bt {
  position: relative;
  padding-top: 27px;
}
.dealer-member-list .bt-member .bt:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 15px;
  height: 18px;
  background-image: url("../images/sub/sprite_dealer_2.png?ver=20200115");
  background-repeat: no-repeat;
  background-size: 250px;
  content: "";
}
.dealer-member-list .bt-member .bt.ico01:after {
  background-position: -55px -27px;
}
.dealer-member-list .bt-member .bt.ico02:after {
  background-position: -96px -27px;
}
.dealer-member-list .bt-member .bt.ico03:after {
  background-position: -117px -27px;
}
.dealer-member-list .list-member {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-member-list .list-member dl {
  margin-right: 35px;
}
.dealer-member-list .list-member dl:last-child {
  margin-right: 0px;
}
.dealer-member-list .list-member dl .big {
  font-size: 24px;
}
.dealer-member-list .list-member dl.first {
  margin-right: 67px;
}
.dealer-member-list .list-member dl.mid {
  margin-right: 50px;
}
.dealer-member-list .btn-info-edit {
  position: absolute;
  right: 0px;
  top: 0px;
}
.dealer-member-list .btn-info-edit li {
  margin-bottom: 10px;
}
.dealer-member-list .btn-info-edit li a {
  min-width: 100px;
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #222;
}
.dealer-member-list .btn-info-edit li a.on {
  color: #fff;
  background-color: #2666c6;
  border: 1px solid #2666c6;
  padding: 0 10px;
}

.superintend-member {
  margin-top: 15px;
  margin-right: -15px;
  margin-left: -15px;
}
.superintend-member .swiper-container {
  padding: 0 15px;
}
.superintend-member .swiper-container .swiper-slide {
  width: 150px;
}
.superintend-member .d-member {
  width: 150px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px 0px 13px 10px;
}
.superintend-member .d-member > strong {
  display: block;
  margin-bottom: 10px;
}
.superintend-member .d-member > span {
  color: #666;
  display: block;
  margin-bottom: 3px;
}

.best-dealer-list {
  padding: 30px 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.best-dealer-list dl {
  width: 125px;
}
.best-dealer-list dl dt, .best-dealer-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .best-dealer-list dl dd {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 700;
}
.best-dealer-list .thumbnail {
  text-align: center;
}
.best-dealer-list .thumbnail .img {
  margin: 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.best-dealer-list .thumbnail .img img {
  width: 100%;
}
.best-dealer-list .thumbnail p, .best-dealer-list .thumbnail ul.guide-bul > li {
  font-weight: 700;
}
.best-dealer-list .infor-wrap {
  margin-top: 15px;
}
.best-dealer-list .infor-wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3px;
}
.best-dealer-list .infor-wrap ul li .star-area {
  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;
  width: 100%;
}
.best-dealer-list .infor-wrap ul li .star-area .star-rating + .text {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 700;
}
.best-dealer-list .infor-wrap ul li > span {
  color: #666;
  font-size: 13px;
}
.best-dealer-list .infor-wrap ul li > strong {
  font-size: 13px;
}

.admin-car .more {
  text-decoration: none;
}

.rud-box.superintend-box {
  padding: 15px 15px 20px;
  margin-bottom: 10px;
}
.rud-box.best-dealer-box {
  padding: 15px 15px 20px;
  margin-bottom: 10px;
}
.rud-box.sales-status {
  padding: 15px 15px 40px;
  margin-bottom: 10px;
}
.rud-box.sales-status .more {
  position: absolute;
  right: 15px;
  top: 30px;
  color: #2666c6;
  text-decoration: none;
}
.rud-box.phone-status {
  padding: 30px 15px 50px;
}
.rud-box.phone-status .dealer-member-list {
  margin-top: 0px;
}
.rud-box.my-infor-box {
  padding: 15px 15px 20px;
  margin-bottom: 10px;
}
.rud-box.my-infor-box .h-area {
  margin-top: 20px;
  border-top: none;
  border-bottom: none;
}
.rud-box.service-state {
  padding: 15px 15px 100px;
}
.rud-box.service-state .t-issue {
  margin-top: 30px;
  margin-bottom: 15px;
  color: #fd665c;
}
.rud-box.service-state.type02 {
  padding: 15px 15px 20px;
  margin-bottom: 10px;
}

.state-list li {
  margin-bottom: 10px;
}
.state-list li a {
  position: relative;
  display: block;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 17px 19px;
}
.state-list li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.state-list li a > strong {
  display: inline-block;
  line-height: 24px;
  margin-right: 9px;
  font-size: 18px;
  color: #222;
}
.state-list li a > span {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  color: #fd665c;
}

.dealer-status {
  background-color: #fff;
  padding-bottom: 90px;
}
.dealer-status.type2 {
  background-color: transparent;
  padding-bottom: 90px;
}
.dealer-status.type2 .tp-section {
  background-color: #fff;
}
.dealer-status.type2 .dealer-list-section {
  overflow: hidden;
  background-color: #fff;
  padding-bottom: 30px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.dealer-status.type2 .dealer-list-section > ul > li:last-child {
  border-bottom: 1px solid #ddd;
}
.dealer-status .withdrawal-btn {
  text-align: right;
  padding: 30px 15px 0px;
}
.dealer-status .withdrawal-btn a {
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  color: #222;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 20px;
}

.tp-section {
  padding-top: 30px;
}
.tp-section > p, ul.tp-section.guide-bul > li {
  padding: 0 15px;
}
.tp-section .sorting-wrap {
  padding: 10px 0 0 10px;
}
.tp-section.flex {
  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-bottom: 1px solid #ddd;
}
.tp-section.flex .sorting-wrap {
  border-bottom: none;
}

.dealer-list-section {
  padding: 0 15px;
}
.dealer-list-section > ul > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.dealer-list-section > ul > li:last-child {
  border-bottom: none;
}

.indicate {
  margin-bottom: 15px;
}
.indicate > span {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 50px;
  padding: 0 15px;
  height: 22px;
  line-height: 22px;
}

.member-dealer {
  position: relative;
  padding-left: 55px;
}
.member-dealer .img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}
.member-dealer .img img {
  width: 100%;
}
.member-dealer > strong {
  display: block;
  margin-bottom: 5px;
}
.member-dealer > strong .link {
  color: #2666c6;
}
.member-dealer .date {
  font-size: 13px;
  color: #999;
}
.member-dealer .b-info-shop {
  margin-bottom: 3px;
}
.member-dealer .b-info-shop li {
  color: #222;
}
.member-dealer .caution {
  position: relative;
  width: 220px;
  color: #fff;
  background-color: #fd665c;
  font-size: 13px;
  margin-top: 10px;
  padding: 4px 0 3px 22px;
  border-radius: 50px;
}
.member-dealer .caution:before {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}
.member-dealer .withdrawal {
  color: #fd665c;
}

.v-box .textarea-type {
  width: 100%;
  height: 110px;
  background-color: #fff;
  padding: 15px 15px 30px;
  font-size: 13px;
  resize: none;
}
.v-box .textarea-info {
  position: absolute;
  font-size: 14px;
  right: 10px;
  bottom: 10px;
  font-size: 13px;
  color: #666;
}

.dealer-btn-wrap {
  position: absolute;
  right: 15px;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-btn-wrap li {
  margin-left: 5px;
}
.dealer-btn-wrap li a {
  display: block;
  border: 1px solid #ddd;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  color: #222;
}

.profile-wrap {
  padding: 30px 15px 0px;
}
.profile-wrap .pro-area {
  position: relative;
  padding-left: 55px;
}
.profile-wrap .pro-area .text {
  font-weight: 700;
}
.profile-wrap .pro-area .num {
  position: relative;
  top: 2px;
  color: #666;
}
.profile-wrap .pro-area .tit {
  position: relative;
  padding-right: 20px;
  display: block;
}
.profile-wrap .pro-area .tit a {
  display: inline-block;
  margin-left: 3px;
  width: 14px;
  height: 15px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -139px -27px;
  background-size: 250px;
  text-indent: -9999px;
}
.profile-wrap .pro-area .img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #ececec;
  border: none;
  overflow: hidden;
}
.profile-wrap .pro-area .img img {
  width: 100%;
}
.profile-wrap .btn-photo-edit {
  text-decoration: none;
  color: #2666c6;
}

.infor-dealer-box {
  position: relative;
  padding: 0 15px;
}
.infor-dealer-box .section-tit {
  padding: 30px 0 0;
}
.infor-dealer-box .h-area {
  border-top: none;
}
.infor-dealer-box .h-area .pay {
  font-weight: 700;
}
.infor-dealer-box .detail-btn {
  position: absolute;
  right: 15px;
  top: 35px;
}
.infor-dealer-box .h-box .tit {
  color: #666;
}
.infor-dealer-box .star-area .star-rating {
  width: 78px;
}
.infor-dealer-box .star-area .star-rating > span {
  left: -2px;
}
.infor-dealer-box .star-area .star-rating + .text {
  margin-left: 0px;
  font-size: 16px;
  font-weight: 700;
}
.infor-dealer-box .star-area .num {
  position: relative;
  top: 2px;
}
.infor-dealer-box .md-status {
  position: absolute;
  right: 15px;
  top: 33px;
  border: 1px solid #fd665c;
  border-radius: 50px;
  color: #fd665c;
  padding: 0 15px;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
}

.terms-txt {
  margin-top: 15px;
}
.terms-txt .input-ck + label {
  color: #222;
}

.sd-officer .forwarding-wrap .f-sections .num-area {
  height: 75px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sd-officer .forwarding-wrap .f-sections .num-area .date {
  display: block;
  font-weight: 400;
  color: #999;
}
.sd-officer .forwarding-wrap .f-sections .num-area .first-wid strong {
  display: block;
  font-size: 18px;
  color: #2666c6;
}
.sd-officer .forwarding-wrap .f-sections .num-area .last-wid {
  text-align: right;
}
.sd-officer .forwarding-wrap .f-sections .num-area .last-wid p, .sd-officer .forwarding-wrap .f-sections .num-area .last-wid ul.guide-bul > li {
  margin-bottom: 5px;
}
.sd-officer .forwarding-wrap .f-sections .num-area .last-wid a {
  color: #2666c6;
}
.sd-officer .forwarding-wrap .f-sections .num-area .last-wid.bt {
  position: relative;
  top: 23px;
}
.sd-officer .enquiry-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin: 0 15px 0 10px;
}
.sd-officer .enquiry-list > li {
  margin-left: 5px;
}
.sd-officer .d-tit {
  font-size: 16px;
  font-weight: 700;
  color: #2666c6;
}
.sd-officer .d-tit.cor-black {
  color: #222;
}
.sd-officer .b-list {
  margin-top: 5px;
}
.sd-officer .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.sd-officer .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.sd-officer .b-list span:last-child:after {
  display: none;
}
.sd-officer .rud-top-info {
  padding: 15px 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sd-officer .rud-top-info .category {
  margin-bottom: 3px;
}
.sd-officer .rud-top-info .category span {
  min-width: 43px;
  height: 22px;
  padding: 0 8px;
  border-radius: 18px;
  display: inline-block;
  font-size: 13px;
  border: 1px solid #222;
}
.sd-officer .rud-top-info .category .sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.sd-officer .rud-top-info .category .sell:after {
  display: none;
}
.sd-officer .rud-top-info .category .seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.sd-officer .rud-top-info .category .deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.sd-officer .rud-top-info .category .change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.sd-officer .rud-top-info .category .clear {
  color: #fd665c;
  border: 1px solid #fd665c;
}
.sd-officer .rud-top-info .category .state {
  color: #fd665c;
  border-color: #fd665c;
}
.sd-officer .rud-top-info .name {
  color: #222;
  font-weight: 700;
}

.car-application {
  padding-top: 15px;
  margin: 0 15px;
  border-top: 1px solid #ddd;
}
.car-application .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.car-application .flex-box .t-btn {
  color: #2666c6;
}
.car-application strong {
  font-size: 16px;
}
.car-application strong span {
  font-size: 16px;
  display: block;
}
.car-application .date {
  color: #999;
  letter-spacing: -1px;
}
.car-application .txt {
  letter-spacing: -1px;
}
.car-application .car-btn {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  color: #222;
  text-decoration: none;
}
.car-application .car-btn.on {
  width: 70px;
  background-color: #2666c6;
  color: #fff;
  height: 40px;
  line-height: 40px;
  border: none;
}

.move-application {
  background-color: #fff;
  padding: 0 15px;
}
.move-application .move-issues {
  padding-top: 30px;
}
.move-application .move-issues strong {
  display: block;
  margin-bottom: 30px;
  font-size: 24px;
}
.move-application .move-issues.icon:before {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat 0 -118px;
  background-size: 250px;
  content: "";
}

.od-wrap {
  margin-top: 72px;
}
.od-wrap dt, .od-wrap .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .od-wrap dd {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 700;
}
.od-wrap .error-txt {
  margin-top: 10px;
}

.trade-info {
  margin-top: 30px;
}
.trade-info li {
  color: #999;
  margin-bottom: 3px;
}

.input-od-text input[type=text], .input-od-text .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .input-od-text [type=text].ico-confirm, .input-od-text .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .input-od-text [type=text].ico-confirm {
  width: 100%;
  height: 50px;
  font-size: 24px;
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: 2px solid #e1e1e1;
}
.input-od-text input[type=text]::-webkit-input-placeholder, .input-od-text .new-content-body .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .input-od-text [type=text].ico-confirm::-webkit-input-placeholder, .input-od-text .type-mydata .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .input-od-text [type=text].ico-confirm::-webkit-input-placeholder {
  font-size: 24px;
  font-weight: 700;
  color: #ddd;
}
.input-od-text input[type=text]::-moz-placeholder, .input-od-text .new-content-body .inp-box [type=text].ico-confirm::-moz-placeholder, .new-content-body .inp-box .input-od-text [type=text].ico-confirm::-moz-placeholder, .input-od-text .type-mydata .inp-box [type=text].ico-confirm::-moz-placeholder, .type-mydata .inp-box .input-od-text [type=text].ico-confirm::-moz-placeholder {
  font-size: 24px;
  font-weight: 700;
  color: #ddd;
}
.input-od-text input[type=text]:-ms-input-placeholder, .input-od-text .new-content-body .inp-box [type=text].ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .input-od-text [type=text].ico-confirm:-ms-input-placeholder, .input-od-text .type-mydata .inp-box [type=text].ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .input-od-text [type=text].ico-confirm:-ms-input-placeholder {
  font-size: 24px;
  font-weight: 700;
  color: #ddd;
}
.input-od-text input[type=text]::-ms-input-placeholder, .input-od-text .new-content-body .inp-box [type=text].ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .input-od-text [type=text].ico-confirm::-ms-input-placeholder, .input-od-text .type-mydata .inp-box [type=text].ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .input-od-text [type=text].ico-confirm::-ms-input-placeholder {
  font-size: 24px;
  font-weight: 700;
  color: #ddd;
}
.input-od-text input[type=text]::placeholder, .input-od-text .new-content-body .inp-box [type=text].ico-confirm::placeholder, .new-content-body .inp-box .input-od-text [type=text].ico-confirm::placeholder, .input-od-text .type-mydata .inp-box [type=text].ico-confirm::placeholder, .type-mydata .inp-box .input-od-text [type=text].ico-confirm::placeholder {
  font-size: 24px;
  font-weight: 700;
  color: #ddd;
}

.current-car {
  display: inline-block;
  color: #fff;
  background-color: #10a8e5;
  border-radius: 50px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
}

.update-setting:after {
  display: none;
}

.graph-section {
  position: relative;
  overflow: hidden;
  height: 270px;
  padding: 55px 0px 0;
  background: rgb(98, 142, 195);
  background: linear-gradient(148deg, rgb(98, 142, 195) 0%, rgb(104, 168, 209) 50%, rgb(112, 204, 228) 100%);
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
}
.graph-section .graph-area {
  height: 208px;
}
.graph-section .graph-area .time-chart {
  height: 208px;
}
.graph-section .legend-wrap {
  text-align: right;
  margin-top: 5px;
}
.graph-section .legend-wrap span {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  margin-left: 10px;
}
.graph-section .legend-wrap span:before {
  position: absolute;
  left: 0px;
  top: 6px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  content: "";
}
.graph-section .legend-wrap span.l01 {
  color: #a6e0cd;
}
.graph-section .legend-wrap span.l01:before {
  background-color: #a6e0cd;
}
.graph-section .legend-wrap span.l02 {
  color: #ffcc00;
}
.graph-section .legend-wrap span.l02:before {
  background-color: #ffcc00;
}
.graph-section .chart-wid {
  position: absolute;
  left: 0;
  bottom: 83px;
  width: 100%;
  padding: 0 71px;
  height: 150px;
}
.graph-section .chart-wid > div {
  position: relative;
  height: 150px;
}
.graph-section .chart-wid [class*=time-num] {
  position: absolute;
  bottom: 0;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #2666c6;
  color: #fff;
  font-size: 9px;
  text-align: center;
  line-height: 14px;
}
.graph-section .chart-wid [class*=time-num]:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 11px;
  width: 1px;
  height: 102px;
  background: #2666c6;
}

.option-section {
  padding: 0 15px 100px;
}
.option-section .options > li {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.option-section .options > li > a {
  display: block;
  line-height: 60px;
  color: #999;
  text-decoration: none;
  height: 60px;
  padding: 0 15px;
}
.option-section .options > li > a.on {
  color: #2666c6;
}
.option-section .options > li > a.on > span.icon01:before {
  background-position: 0 -212px;
}
.option-section .options > li > a.on > span.icon02:before {
  background-position: -22px -212px;
}
.option-section .options > li > a.on > span.icon03:before {
  background-position: -45px -212px;
}
.option-section .options > li > a.on > span.icon04:before {
  background-position: -68px -212px;
}
.option-section .options > li > a.on + .picker-wrap {
  display: block;
}
.option-section .options > li > a > span {
  position: relative;
  padding-left: 30px;
}
.option-section .options > li > a > span:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 18px;
  background-image: url("../images/sub/sprite_dealer_2.png?ver=20200115");
  background-repeat: no-repeat;
  background-size: 250px;
  content: "";
}
.option-section .options > li > a > span.icon01:before {
  background-position: 0 -189px;
}
.option-section .options > li > a > span.icon02:before {
  background-position: -22px -189px;
}
.option-section .options > li > a > span.icon03:before {
  background-position: -45px -189px;
}
.option-section .options > li > a > span.icon04:before {
  background-position: -68px -189px;
}

.picker-wrap {
  display: none;
  margin-top: 5px;
  padding: 0 15px;
}
.picker-wrap .time-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.picker-wrap .time-list li {
  position: relative;
  text-align: center;
}
.picker-wrap .time-list li a {
  margin-bottom: 13px;
  text-align: center;
  line-height: 27px;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  color: #10a8e5;
  border: 1px solid #10a8e5;
  background-color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.picker-wrap .time-list li a.selected {
  background-color: #10a8e5;
  color: #fff;
  font-size: 13px;
  -webkit-animation: shadow-nav2 1s infinite;
          animation: shadow-nav2 1s infinite;
}
.picker-wrap .time-list li a.disabled {
  background-color: #f2f2f2;
  color: #999;
  border: none;
  pointer-events: none;
}
.picker-wrap .time-list li .disabled + span {
  color: #cdcdcd;
}
.picker-wrap .time-list li span {
  color: #10a8e5;
  font-weight: 700;
}
@-webkit-keyframes shadow-nav2 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(16, 168, 229, 0.5);
            box-shadow: 0 0 0 0px rgba(16, 168, 229, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(16, 168, 229, 0);
            box-shadow: 0 0 0 10px rgba(16, 168, 229, 0);
  }
}
@keyframes shadow-nav2 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(16, 168, 229, 0.5);
            box-shadow: 0 0 0 0px rgba(16, 168, 229, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(16, 168, 229, 0);
            box-shadow: 0 0 0 10px rgba(16, 168, 229, 0);
  }
}
.picker-wrap .sub-picker {
  position: relative;
}
.picker-wrap .sub-picker .picker-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.picker-wrap .sub-picker .picker-time .hour {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
}
.picker-wrap .sub-picker .picker-time .minute {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
}
.picker-wrap .sub-picker .picker-time > span {
  display: block;
  margin-left: 5px;
  margin-right: 20px;
  color: #999;
  font-weight: 700;
}
.picker-wrap .sub-picker .picker-time .picker-dialog {
  background-color: #fff;
  border: none;
}
.picker-wrap .sub-picker .picker-time .picker-cell::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  bottom: 50%;
  margin-bottom: 1rem;
  top: 0;
}
.picker-wrap .sub-picker .picker-time .picker-cell::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  bottom: 0;
  margin-top: 1rem;
  top: 50%;
}
.picker-wrap .sub-picker .picker-time .picker-picked {
  color: #222;
  font-size: 24px;
}
.picker-wrap .sub-picker .picker-time .picker-item {
  font-size: 24px;
}
.picker-wrap .sub-picker .btn {
  position: absolute;
  right: 20px;
  top: 47px;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  color: #666;
}

.all-menu-section {
  padding: 85px 30px 45px;
  background: rgb(96, 137, 192);
  background: linear-gradient(148deg, rgb(96, 137, 192) 0%, rgb(100, 152, 200) 50%, rgb(111, 199, 226) 100%);
}
.all-menu-section .m-tit {
  margin-bottom: 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}

.car-all-place {
  position: relative;
  margin: 10px -30px 0px;
}
.car-all-place .swiper-container {
  padding: 0 30px 0 30px;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  width: 225px;
  border-radius: 8px;
  overflow: hidden;
  /*border-radius: 10px;
          padding:25px 0px 15px 25px;
          color:#fff;
          height:200px;*/
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide.bg01 {
  /*background-color:#a6b5c7;*/
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide.bg02 {
  /*background-color:#7683a1;*/
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide strong {
  font-size: 16px;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide .txt {
  font-size: 14px;
  margin-top: 10px;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide .icon {
  position: absolute;
  bottom: 15px;
  left: 25px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide .icon.per01 {
  background: url("../images/sub/car_all_01.png") no-repeat 0 0;
  background-size: 100% auto;
}
.car-all-place .swiper-container .swiper-wrapper .swiper-slide .icon.per02 {
  background: url("../images/sub/car_all_02.png") no-repeat 0 0;
  background-size: 100% auto;
}
.car-all-place .swiper-pagination {
  position: absolute;
  right: 10px;
  top: initial;
  bottom: -28px;
  display: inline-block;
  width: 50px;
  height: 20px;
  line-height: 20px;
  background: #585757;
  color: #fff;
  text-align: center;
  border-radius: 20px;
}

.cookie-list.dealer dl dd ul li {
  margin-bottom: 23px;
}
.cookie-list.dealer dl dd ul li .g-logo {
  position: relative;
  top: -1px;
  left: 2px;
  vertical-align: middle;
  width: 50px;
}
.cookie-list.dealer dl dd ul li:before {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 26px;
  height: 20px;
  background-image: url("../images/sub/sprite_dealer_2.png?ver=20200115");
  background-repeat: no-repeat;
  background-size: 250px;
}
.cookie-list.dealer dl dd ul li.icon01:before {
  background-position: -218px -110px;
}
.cookie-list.dealer dl dd ul li.icon02:before {
  background-position: -218px -134px;
}
.cookie-list.dealer dl dd ul li.icon03:before {
  background-position: -218px -162px;
}
.cookie-list.dealer dl dd ul li.icon04:before {
  background-position: -218px -190px;
}
.cookie-list.dealer dl dd ul li.icon05:before {
  background-position: -218px -219px;
}
.cookie-list.dealer dl dd ul li.icon06:before {
  background-position: -187px -109px;
}
.cookie-list.dealer dl dd ul li.icon07:before {
  background-position: -187px -135px;
}
.cookie-list.dealer dl dd ul li.icon08:before {
  background-position: -187px -164px;
}
.cookie-list.dealer dl dd ul li.icon09:before {
  background-position: -187px -189px;
}
.cookie-list.dealer dl dd ul li.icon10:before {
  background-position: -187px -218px;
}
.cookie-list.dealer dl dd ul li.icon11:before {
  background-position: -155px -108px;
}
.cookie-list.dealer dl dd ul li.icon12:before {
  background-position: -155px -135px;
}
.cookie-list.dealer dl dd ul li.icon13:before {
  background-position: -155px -163px;
}
.cookie-list.dealer dl dd ul li.icon14:before {
  background-position: -155px -189px;
}
.cookie-list.dealer dl dd ul li.icon15:before {
  background-position: -155px -218px;
}
.cookie-list.dealer dl dd ul li.icon16:before {
  background-position: -125px -108px;
}
.cookie-list.dealer dl dd ul li.icon17:before {
  background-position: -124px -136px;
}
.cookie-list.dealer dl dd ul li.icon18:before {
  background-position: -124px -162px;
}
.cookie-list.dealer dl dd ul li.icon19:before {
  background-position: -124px -190px;
}
.cookie-list.dealer dl dd ul li.icon20:before {
  background-position: -124px -217px;
}
.cookie-list.dealer dl dd ul li.icon21:before {
  background-position: -96px -109px;
}
.cookie-list.dealer dl dd ul li.icon22:before {
  background-position: -96px -136px;
}
.cookie-list.dealer dl dd ul li.icon23:before {
  background-position: -98px -163px;
}
.cookie-list.dealer dl dd ul li.icon-coupon:before {
  background: url("../images/common/icon20-allmenu-coupon.svg") center/20px auto no-repeat;
}

.dealer-user-wrap .home-top-dealer {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)), to(rgb(191, 191, 191)));
  background: linear-gradient(180deg, rgb(242, 242, 242) 0%, rgb(191, 191, 191) 100%);
}
.dealer-user-wrap .home-top-dealer:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.dealer-user-wrap .home-top-dealer .home-top-dealer-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f6fa;
}
.dealer-user-wrap .home-top-dealer .swiper-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f6fa;
}
.dealer-user-wrap .home-top-dealer .swiper-container .swiper-slide {
  overflow: hidden;
}
.dealer-user-wrap .home-top-dealer .photo {
  position: absolute;
  left: 15px;
  bottom: 16%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .photo img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dealer-user-wrap .home-top-dealer .photo a {
  position: relative;
  display: block;
}
.dealer-user-wrap .home-top-dealer .photo a:after {
  content: "";
  position: absolute;
  right: -19px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -91px -211px;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dealer-user-wrap .home-top-dealer .btn-sharing {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 26px;
  height: 29px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -195px 0;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .btn-registration {
  display: block;
  position: absolute;
  right: 50px;
  top: 15px;
  width: 26px;
  height: 30px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -195px -64px;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .btn-del {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 26px;
  height: 28px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -160px -33px;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .btn-photo {
  display: block;
  position: absolute;
  right: 50px;
  top: 15px;
  width: 26px;
  height: 30px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -160px 0px;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .btn-profile {
  display: block;
  position: absolute;
  right: 50px;
  top: 18px;
  width: 26px;
  height: 30px;
  text-indent: -9999px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -195px -68px;
  background-size: 250px;
  z-index: 2;
}
.dealer-user-wrap .home-top-dealer .no-data {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.dealer-user-wrap .home-top-dealer .no-data .default {
  position: absolute;
  right: 30px;
  bottom: 17.5%;
  width: 146px;
}
.dealer-user-wrap .home-top-dealer .no-data .default img {
  width: 100%;
}
.dealer-user-wrap .home-top-dealer .no-data .txt-profile {
  position: absolute;
  right: 85px;
  top: 10px;
  display: inline-block;
  background: #ffbc00;
  padding: 15px;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.dealer-user-wrap .home-top-dealer .no-data .txt-profile:after {
  content: "";
  position: absolute;
  right: -5px;
  top: 15px;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat -40px 0;
  background-size: 100px 40px;
}
.dealer-user-wrap .box-rud {
  position: relative;
  z-index: 10;
}
.dealer-user-wrap .box-rud.mg-mt15 {
  margin-top: -9.5% !important;
}
.dealer-user-wrap .dir-member {
  position: relative;
  padding-left: 32px;
  font-size: 20px;
}
.dealer-user-wrap .dir-member:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -195px -36px;
  background-size: 250px;
  content: "";
}
.dealer-user-wrap .point-place {
  position: absolute;
  right: 15px;
  top: 30px;
  text-decoration: none;
  padding: 0 10px;
  color: #999;
  text-align: center;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ddd;
  border-radius: 50px;
  background-color: #fff;
}
.dealer-user-wrap .list {
  overflow: hidden;
}
.dealer-user-wrap .list li {
  position: relative;
  float: left;
  padding-left: 10px;
  margin-left: 10px;
  color: #666;
}
.dealer-user-wrap .list li:before {
  position: absolute;
  left: 0px;
  top: 5px;
  display: block;
  width: 1px;
  height: 8px;
  background-color: #ddd;
  content: "";
}
.dealer-user-wrap .list li:first-child {
  padding-left: 0px;
  margin-left: 0px;
}
.dealer-user-wrap .list li:first-child:before {
  display: none;
}
.dealer-user-wrap .list li span {
  color: #222;
  font-weight: 700;
}
.dealer-user-wrap .txt-content {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  padding-right: 50px;
}
.dealer-user-wrap .txt-content .more {
  color: #364f7f;
}
.dealer-user-wrap .txt-content.more-wrap {
  overflow: hidden;
  white-space: normal;
  height: 96px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  padding-bottom: 0px;
}
.dealer-user-wrap .txt-content.more-wrap .more {
  position: absolute;
  right: 0px;
  bottom: 2px;
  display: block;
}
.dealer-user-wrap .txt-content .more {
  position: absolute;
  right: 0px;
  bottom: 2px;
  display: block;
}
.dealer-user-wrap .btn-dlr {
  position: relative;
  display: block;
  width: 100%;
  height: 57px;
  background-color: #364f7f;
  margin: 30px 0 20px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 57px;
  border-radius: 4px;
  text-decoration: none;
}
.dealer-user-wrap .btn-dlr:after {
  position: absolute;
  right: 15px;
  top: 23px;
  width: 7px;
  height: 13px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -38px -26px;
  background-size: 500px;
  content: "";
}
.dealer-user-wrap .pro-dealer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.dealer-user-wrap .pro-dealer dl {
  width: 50%;
}
.dealer-user-wrap .pro-dealer dl dt, .dealer-user-wrap .pro-dealer dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .dealer-user-wrap .pro-dealer dl dd {
  margin-bottom: 20px;
  font-weight: 700;
}
.dealer-user-wrap .pro-dealer dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-user-wrap .pro-dealer dl dd ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.dealer-user-wrap .pro-dealer dl dd ul li:before {
  display: block;
  width: 40px;
  height: 34px;
  background: url("../images/sub/sprite_dealer_icon.png");
  background-repeat: no-repeat;
  background-size: 250px;
  content: "";
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon01:before {
  background-position: -4px -4px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon01.disabled:before {
  background-position: -4px -44px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon01.disabled strong {
  color: #999;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon02:before {
  background-position: -50px -4px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon02.disabled:before {
  background-position: -50px -44px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon02.disabled strong {
  color: #999;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon03:before {
  background-position: left -125px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon03.disabled:before {
  background-position: left -159px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon03.disabled strong {
  color: #999;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon04:before {
  background-position: -42px -125px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon04.disabled:before {
  background-position: -42px -159px;
}
.dealer-user-wrap .pro-dealer dl dd ul li.icon04.disabled strong {
  color: #999;
}
.dealer-user-wrap .pro-dealer dl dd ul li strong {
  display: block;
  margin-top: 10px;
  text-align: center;
}
.dealer-user-wrap .pro-dealer dl dd ul li a strong {
  color: #222;
}
.dealer-user-wrap .pro-dealer .btn-tooltip {
  display: block;
  text-decoration: none;
}
.dealer-user-wrap .pro-dealer .on .layer-tooltip {
  display: block;
}
.dealer-user-wrap .pro-dealer .layer-tooltip {
  display: none;
  width: 185px;
  position: absolute;
  bottom: 45px;
  background-color: #ffbc00;
  color: #fff;
  text-align: left;
  border-radius: 5px;
  padding: 15px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.dealer-user-wrap .pro-dealer .layer-tooltip strong {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 0px !important;
  color: #fff !important;
}
.dealer-user-wrap .pro-dealer .layer-tooltip:after {
  position: absolute;
  bottom: 16px;
  display: block;
  width: 6px;
  height: 8px;
  content: "";
}
.on .dealer-user-wrap .pro-dealer .layer-tooltip {
  display: block;
}
.dealer-user-wrap .pro-dealer .layer-tooltip {
  right: 80px;
}
.dealer-user-wrap .pro-dealer .layer-tooltip:after {
  right: -6px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -135px -63px;
  background-size: 250px;
}
.dealer-user-wrap .pro-dealer .buy-dealer .layer-tooltip {
  left: 80px;
  z-index: 2;
}
.dealer-user-wrap .pro-dealer .buy-dealer .layer-tooltip:after {
  left: -5px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -135px -80px;
  background-size: 250px;
}
.dealer-user-wrap .section-tit {
  margin-bottom: 20px;
  padding: 0;
}
.dealer-user-wrap .direct-bnr {
  margin: 0 15px 10px;
}
.dealer-user-wrap .car-select-list .magazine {
  padding: 10px 0 30px 0;
}
.dealer-user-wrap .car-select-list .magazine-list ul {
  padding: 0;
}
.dealer-user-wrap .car-select-list .magazine-list ul li a {
  padding-bottom: 0;
}
.dealer-user-wrap .car-select-list .magazine-list ul li a .tit {
  height: 38px;
  margin-top: 0px;
  white-space: normal;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dealer-user-wrap .car-select-list .magazine-list ul li a .txt {
  font-size: 14px;
  padding: 0;
}
.dealer-user-wrap .car-select-list .magazine-list ul li a .hash {
  margin: 10px 0 5px 0;
}
.dealer-user-wrap .car-select-list .magazine-list ul li a .hash span {
  font-size: 13px;
  color: #2666c6;
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp {
  margin-top: 5px;
  overflow: hidden;
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp li {
  position: relative;
  float: left;
  padding-left: 5px;
  margin-left: 5px;
  color: #666;
  padding-right: 0px;
  width: auto;
  font-size: 13px;
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp li:before {
  position: absolute;
  left: 0px;
  top: 5px;
  display: block;
  width: 1px;
  height: 8px;
  background-color: #ddd;
  content: "";
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp li:first-child {
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp li:first-child:before {
  display: none;
}
.dealer-user-wrap .car-select-list .magazine-list .list-pro-tp li span {
  color: #222;
  font-size: 13px;
}
.dealer-user-wrap .btn {
  text-decoration: none;
}
.dealer-user-wrap .data-none {
  margin-top: 30px;
  text-align: center;
}
.dealer-user-wrap .data-none:before {
  width: 18px;
  height: 23px;
  display: inline-block;
  margin-bottom: 15px;
  background: url("../images/sub/sprite_dealer_icon.png") no-repeat -232px 0px;
  background-size: 250px;
  content: "";
}
.dealer-user-wrap .data-none p, .dealer-user-wrap .data-none ul.guide-bul > li {
  color: #666;
}
.dealer-user-wrap .data-none span {
  display: block;
  margin-top: 5px;
  color: #999;
}
.dealer-user-wrap .swiper-pagination-progressbar {
  width: 18%;
  background: rgba(233, 233, 233, 0.2);
  border-radius: 2px;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 16%;
}
.dealer-user-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  display: block;
  background: #fff;
  border-radius: 2px;
}
.dealer-user-wrap .link-theme {
  position: absolute;
  top: 30px;
  right: 15px;
}
.dealer-user-wrap .link-theme a {
  position: relative;
  display: block;
  padding: 0 0 0 17px;
  color: #222;
  text-decoration: none;
}
.dealer-user-wrap .link-theme a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -237px -13px;
  left: 0;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6px;
}

.customer-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-post .post {
  padding: 0 0 0 10px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 47%;
  border-right: 1px solid #ddd;
}
.customer-post .post p, .customer-post .post ul.guide-bul > li {
  font-weight: 700;
  margin-bottom: 5px;
}
.customer-post .post .t-number {
  text-align: center;
  display: block;
  font-size: 24px;
}
.customer-post .post ul li {
  margin-bottom: 15px;
}
.customer-post .post ul li:last-child {
  margin-bottom: 0px;
}
.customer-post .post:last-child {
  width: 53%;
  border-right: none;
}

.sale-money .point {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-style: normal;
  color: #fd665c;
}
.sale-money .point:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 11px;
  height: 100%;
  display: block;
  background: url("../images/sub/sprite_dealer_icon.png") no-repeat 0 -236px;
  background-size: 250px;
  content: "";
}
.sale-money .point2 {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-style: normal;
  color: #2666c6;
}
.sale-money .point2:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 11px;
  height: 100%;
  display: block;
  background: url("../images/sub/sprite_dealer_icon.png") no-repeat -12px -236px;
  background-size: 250px;
  content: "";
}

.next-car-swipe .swiper-container .swiper-slide .info {
  margin-top: 10px;
}
.next-car-swipe .swiper-container .swiper-slide .info > .tit {
  font-size: 14px;
}
.next-car-swipe .swiper-container .swiper-slide .info .pay {
  margin-top: 20px;
}
.next-car-swipe .b-list {
  margin-top: 5px;
}
.next-car-swipe .b-list span {
  position: relative;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
  letter-spacing: -1px;
}
.next-car-swipe .b-list span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -4px;
}
.next-car-swipe .b-list span:last-child:after {
  display: none;
}

.review-list.type02 .category {
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50px;
  padding: 0 10px;
  border-radius: 50px;
  height: 22px;
  line-height: 22px;
  color: #fff;
}
.review-list.type02 .category.sell {
  color: #fff;
  background: #7491b4;
  border-color: #7491b4;
}
.review-list.type02 .category.sell:after {
  display: none;
}
.review-list.type02 .category.seek {
  color: #706d25;
  background: #e5e179;
  border-color: #e5e179;
}
.review-list.type02 .category.deal {
  color: #fff;
  background: #6e7da0;
  border-color: #6e7da0;
}
.review-list.type02 .category.change {
  color: #fff;
  background: #6bb3b0;
  border-color: #6bb3b0;
}
.review-list.type02 li {
  padding: 30px 0px;
  margin: 0 15px;
  border-bottom: 1px solid #ddd;
}
.review-list.type02 li:first-child {
  padding-top: 0px;
}
.review-list.type02 li:last-child {
  border-bottom: none;
}
.review-list.type02 li > a {
  padding: 0px;
}
.review-list.type02 li .car-photo-list.car-swiper {
  margin: 0 -15px;
  padding: 0px;
}
.review-list.type02 li .car-photo-list.car-swiper .swiper-container {
  padding: 0 15px 0 15px;
}
.review-list.type02 .txt {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0px;
}
.review-list.type02 .flex-wrap {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.btn-dealer-wrap > a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border: 1px solid #2666c6;
  color: #2666c6 !important;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
}
.btn-dealer-wrap > a.on {
  color: #fff !important;
  background-color: #364f7f;
  border: none;
  font-weight: 700;
}
.btn-dealer-wrap.btn-h {
  display: -webkit-box;
  background: #fff;
  margin: 15px 0 0;
}
.btn-dealer-wrap.btn-h > * {
  -webkit-box-flex: 1;
  width: 50%;
}
.btn-dealer-wrap.btn-h a:first-of-type {
  margin-right: 10px;
}

.aLetter {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}
.aLetter .bt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.aLetter .textarea-wrap textarea {
  width: 100%;
  resize: none;
  height: 200px;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 15px 10px;
  color: #999;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.aLetter .txt-length {
  text-align: right;
  color: #999;
  margin-top: 5px;
}
.aLetter .input-ck + label {
  font-size: 14px;
}

.refund-wrap {
  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-bottom: 10px;
}
.refund-wrap .more {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  color: #666;
  padding: 0 15px;
}

.h-box.v-registration {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h-box.v-registration .dash {
  display: inline-block;
  margin: 0 10px;
}
.h-box.v-registration .last-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h-box.v-registration .last-number .input-type {
  width: 25px;
  color: #999;
  font-size: 16px;
  padding: 0px 0px 0px 6px;
}
.h-box.v-registration .last-number .bot {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #999;
}

.v-list dd {
  padding: 0 15px;
}
.v-list dd ol li {
  text-indent: -15px;
}

.identification .car-sale-list {
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px;
}
.identification .car-sale-list .total {
  border-bottom: 1px solid #ddd;
}
.identification .car-sale-list .total input[type=checkbox], .identification .car-sale-list .total .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .identification .car-sale-list .total [type=checkbox].ico-confirm, .identification .car-sale-list .total .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .identification .car-sale-list .total [type=checkbox].ico-confirm {
  display: none;
}
.identification .car-sale-list .total label {
  position: relative;
  display: -webkit-box;
  min-height: 60px;
  padding: 10px 40px 10px 44px;
  color: #222;
  text-decoration: none;
  -webkit-box-align: center;
}
.identification .car-sale-list .total label span {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.identification .car-sale-list .total label:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  left: 15px;
  top: 50%;
  margin-top: -9px;
}
.identification .car-sale-list .total input:checked + label:before, .identification .car-sale-list .total .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .identification .car-sale-list .total .ico-confirm:checked + label:before, .identification .car-sale-list .total .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .identification .car-sale-list .total .ico-confirm:checked + label:before {
  background-position: -208px -30px;
}
.identification .car-sale-list li {
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 0px;
}
.identification .car-sale-list li input[type=checkbox], .identification .car-sale-list li .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .identification .car-sale-list li [type=checkbox].ico-confirm, .identification .car-sale-list li .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .identification .car-sale-list li [type=checkbox].ico-confirm {
  display: none;
}
.identification .car-sale-list li label {
  position: relative;
  display: -webkit-box;
  min-height: 60px;
  padding: 10px 40px 10px 44px;
  color: #222;
  text-decoration: none;
  -webkit-box-align: center;
}
.identification .car-sale-list li label span {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.identification .car-sale-list li label:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -190px -30px;
  width: 18px;
  height: 18px;
  left: 15px;
  top: 50%;
  margin-top: -9px;
}
.identification .car-sale-list li label:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -279px;
  width: 5px;
  height: 8px;
  right: 20px;
  top: 50%;
  margin-top: -4px;
}
.identification .car-sale-list li input:checked + label:before, .identification .car-sale-list li .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .identification .car-sale-list li .ico-confirm:checked + label:before, .identification .car-sale-list li .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .identification .car-sale-list li .ico-confirm:checked + label:before {
  background-position: -208px -30px;
}
.identification .car-sale-list li:last-child {
  border-bottom: none;
}

.info-certified {
  padding: 90px 15px;
  text-align: center;
}
.info-certified:before {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/sub/sprite_dealer_icon.png") no-repeat -95px 0;
  background-size: 250px;
  content: "";
}
.info-certified .btn {
  margin-top: 190px;
  display: block;
  margin-bottom: 50px;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #2666c6;
  border-radius: 3px;
}
.info-certified .set {
  color: #222;
  font-size: 16px;
}
.info-certified .st {
  margin-top: 30px;
  display: block;
  font-size: 20px;
}
.info-certified > p, ul.info-certified.guide-bul > li {
  margin-top: 20px;
}

.btn-type.h-type {
  height: 40px;
  line-height: 40px;
}
.btn-type.h-type:after {
  background-position: -75px -278px;
  top: 14px;
}

.info-caution-list li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 10px;
}
.info-caution-list li:before {
  position: absolute;
  left: 0px;
  top: -2px;
  content: "-";
}

.menu-btn {
  position: absolute;
  right: 15px;
  top: 0px;
  text-decoration: none;
  color: #222;
  padding-right: 18px;
  height: 55px;
  line-height: 55px;
}
.menu-btn:after {
  content: "";
  width: 8px;
  height: 5px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -102px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -2px;
}
.menu-btn.on:after {
  background-position: 0 -97px;
}

.shipping-area {
  display: -webkit-box;
  background: #fff;
  padding: 30px 15px;
}
.shipping-area .img {
  width: 110px;
  height: 83px;
}
.shipping-area .img img {
  width: 100%;
}
.shipping-area .info-txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 10px;
}
.shipping-area .info-txt > * {
  display: block;
}
.shipping-area .info-txt .state {
  display: inline-block;
  height: 18px;
  border: 1px solid #fd665c;
  color: #fd665c;
  font-size: 12px;
  border-radius: 18px;
  margin-bottom: 7px;
  padding: 0 12px;
}
.shipping-area .info-txt .car-name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
}
.shipping-area .info-txt .car-info {
  color: #999;
}
.shipping-area .info-txt .car-info span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #999;
}
.shipping-area .info-txt .car-info span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #999;
}
.shipping-area .info-txt .car-info span:last-child:after {
  display: none;
}
.shipping-area .info-txt .red-tx {
  color: #fd665c;
}
.shipping-area .info-txt .shipping-pay {
  display: -webkit-box;
  margin-top: 30px;
}
.shipping-area .info-txt .shipping-pay .tit {
  margin-right: 15px;
  color: #666;
}
.shipping-area .info-txt .shipping-pay .txt {
  color: #2666c6;
}

.shipping-cnt {
  background: #fff;
  padding: 15px;
}

.cmm-tit-type {
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  padding: 0 0 0 15px;
}

.shipping-appl {
  background: #f1f1f1;
  padding: 0 0 30px;
}
.shipping-appl .rud-box {
  padding: 0 15px 30px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.shipping-appl .rud-box .applicant-info {
  position: relative;
  padding: 20px 0;
}
.shipping-appl .rud-box .applicant-info > span {
  display: block;
  margin-bottom: 3px;
}
.shipping-appl .rud-box .applicant-info .app-dete {
  position: absolute;
  right: 0;
  top: 20px;
  color: #999;
  font-size: 12px;
}
.shipping-appl .rud-box .payment-info {
  padding: 20px 0;
}
.shipping-appl .rud-box .payment-info > span {
  display: block;
  margin-bottom: 3px;
}
.shipping-appl .rud-box .payment-info .pay {
  color: #2666c6;
}
.shipping-appl .rud-box .btn-wrap {
  text-align: center;
}
.shipping-appl .rud-box .btn-wrap .btn-s {
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  margin-left: 3px;
}
.shipping-appl .compleat-txt {
  background: #fff;
  padding: 20px 15px 10px;
}
.shipping-appl .compleat-txt .h-box {
  margin-bottom: 10px;
}
.shipping-appl .compleat-txt .tit {
  display: inline-block;
  width: 100px;
}
.shipping-appl .compleat-txt .txt.cmm-blue {
  text-align: left;
  color: #2666c6;
  -webkit-box-pack: start;
}
.shipping-appl .gt-sum {
  color: #2666c6;
}

.customer-expense {
  padding: 20px 0;
}
.customer-expense strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}

.cmm-check-item dt, .cmm-check-item .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cmm-check-item dd {
  color: #2666c6;
  margin-bottom: 5px;
}
.cmm-check-item dd {
  position: relative;
  padding: 0 0 0 18px;
  color: #999;
}
.cmm-check-item dd:after {
  content: "※";
  position: absolute;
  left: 0;
  top: -1px;
}

.ad-effect-graph {
  position: relative;
}
.ad-effect-graph .age-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 150px;
}
.ad-effect-graph .age-area .age-num-box {
  position: absolute;
  left: auto;
  bottom: 33px;
  width: auto;
  height: 0;
  margin: 0 0 0 -15px;
}
.ad-effect-graph .age-area .safety-section {
  position: absolute;
  height: 20px;
  border-radius: 15px;
  background: #10a8e5;
  color: #fff;
  font-size: 11px;
  padding: 0 6px 0 8px;
  line-height: 20px;
  z-index: 9;
}
.ad-effect-graph .age-area .safety-section:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 5px solid #10a8e5;
}
.ad-effect-graph .age-area .age-num {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-left: -8px;
  z-index: 9;
}
.ad-effect-graph .age-area .age-num:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 25px;
  width: 16px;
  height: 16px;
  background: #2666c6;
  margin: 0 0 0 -6px;
  border-radius: 15px;
}
.ad-effect-graph .age-area .age-num:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 29px;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  background: #fff;
  border-radius: 8px;
}
.ad-effect-graph .age-area .age-num span {
  position: absolute;
  left: 50%;
  display: inline-block;
  min-width: 80px;
  height: 17px;
  background: #2666c6;
  color: #fff;
  font-weight: 600;
  border-radius: 17px;
  line-height: 17px;
  padding: 0 6px;
  text-align: center;
  margin-left: -40px;
  font-size: 12px;
}
.ad-effect-graph .age-area .age-num span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 17px;
  width: 0;
  height: 0;
  margin-left: -3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2666c6;
}
.ad-effect-graph .txt-safety {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0 0 15px;
}
.ad-effect-graph .txt-safety:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: #10a8e5;
}
.ad-effect-graph .min-max-area {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 150px;
  margin-left: -75px;
  text-align: center;
}

.cmm-txt-over {
  display: inline-block;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cmm-dealer-rating li {
  padding: 25px 0;
  border-top: 1px solid #ddd;
}
.cmm-dealer-rating li:first-child {
  border-top: none;
}
.cmm-dealer-rating li .img {
  float: left;
  width: 65px;
  text-align: center;
}
.cmm-dealer-rating li .img img {
  width: 29px;
  height: 29px;
}
.cmm-dealer-rating li dl {
  padding: 0 0 0 65px;
}
.cmm-dealer-rating li dl dt, .cmm-dealer-rating li dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cmm-dealer-rating li dl dd {
  font-size: 15px;
  font-weight: 500;
  padding: 4px 0 14px;
}
.cmm-dealer-rating li dl dd {
  position: relative;
  padding: 0 0 0 10px;
  font-size: 12px;
}
.cmm-dealer-rating li dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background: #222;
}
.cmm-dealer-rating li:first-child {
  padding-top: 0;
}
.cmm-dealer-rating li.last .img {
  position: relative;
  top: 0;
  width: 62px;
}
.cmm-dealer-rating li.last .img img {
  position: relative;
  top: 2px;
  width: 100%;
  height: 13px;
}
.cmm-dealer-rating li.last dt, .cmm-dealer-rating li.last .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .cmm-dealer-rating li.last dd {
  padding-top: 0;
}

.avg-bar-graph {
  position: relative;
  width: 100%;
  height: 30px;
}
.avg-bar-graph .act-bar {
  position: absolute;
  top: 50%;
  height: 4px;
  margin: -2px 0 0;
  background-color: #2666c6;
}
.avg-bar-graph .act-bar .act-bar-min,
.avg-bar-graph .act-bar .act-bar-max {
  position: absolute;
  top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #2666c6;
}
.avg-bar-graph .act-bar .act-bar-min span,
.avg-bar-graph .act-bar .act-bar-max span {
  position: absolute;
  top: 15px;
  left: 50%;
  width: 50px;
  margin: 0 0 0 -25px;
  padding: 20px 0 0;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.avg-bar-graph .act-bar .act-bar-min {
  left: -6px;
}
.avg-bar-graph .act-bar .act-bar-max {
  right: -6px;
}
.avg-bar-graph .dott {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -15px;
  border: 7px solid #2666c6;
  border-radius: 100%;
  background-color: #fff;
}
.avg-bar-graph .dott span {
  position: absolute;
  top: 17px;
  left: 50%;
  width: 50px;
  margin: 0 0 0 -25px;
  padding: 20px 0 0;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.avg-bar-graph .dott.active {
  border: 7px solid #ffcd42;
}
.avg-bar-graph:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  margin: -2px 0 0;
  background-color: #f1f1f1;
}

.refund_wrap h2.tit {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 0;
}
.refund_wrap .table_row {
  overflow: hidden;
}
.refund_wrap .table_row table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.refund_wrap .table_row table tr > * {
  height: 40px;
  padding: 5px 5px;
  font-size: 12px;
}
.refund_wrap .table_row table tr th {
  background: #f1f1f1;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.refund_wrap .table_row table tr td {
  border-bottom: 1px solid #ddd;
  white-space: normal;
  word-break: break-all;
  word-spacing: normal;
  padding: 5px 10px;
}
.refund_wrap .table_row table tr .tbl-cen {
  text-align: center;
}
.refund_wrap .table_row table tbody tr > * {
  border-top: 1px solid #ddd;
}
.refund_wrap .table_row table tbody tr th {
  text-align: left;
  padding: 5px 10px;
}
.refund_wrap .table_row table tbody tr th + th {
  border-left: 1px solid #ddd;
}
.refund_wrap p.fs12, .refund_wrap ul.guide-bul > li.fs12 {
  position: relative;
  padding: 0 0 10px 10px;
}
.refund_wrap p.fs12:after, .refund_wrap ul.guide-bul > li.fs12:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.refund_wrap .h_box dl dt, .refund_wrap .h_box dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .refund_wrap .h_box dl dd,
.refund_wrap .h_box_area dl dt,
.refund_wrap .h_box_area dl .dealer-detail .dealer-detail__status > div dd,
.dealer-detail .dealer-detail__status > div .refund_wrap .h_box_area dl dd {
  margin-top: 10px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 600;
}
.refund_wrap input[type=text], .refund_wrap .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .refund_wrap [type=text].ico-confirm, .refund_wrap .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .refund_wrap [type=text].ico-confirm,
.refund_wrap input[type=tel],
.refund_wrap .new-content-body .inp-box [type=tel].ico-confirm,
.new-content-body .inp-box .refund_wrap [type=tel].ico-confirm,
.refund_wrap .type-mydata .inp-box [type=tel].ico-confirm,
.type-mydata .inp-box .refund_wrap [type=tel].ico-confirm {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fdfdfd;
  height: 40px;
  padding: 0 5px;
  line-height: 38px;
}
.refund_wrap input[type=text]:disabled, .refund_wrap .new-content-body .inp-box [type=text].ico-confirm:disabled, .new-content-body .inp-box .refund_wrap [type=text].ico-confirm:disabled, .refund_wrap .type-mydata .inp-box [type=text].ico-confirm:disabled, .type-mydata .inp-box .refund_wrap [type=text].ico-confirm:disabled,
.refund_wrap input[type=tel]:disabled,
.refund_wrap .new-content-body .inp-box [type=tel].ico-confirm:disabled,
.new-content-body .inp-box .refund_wrap [type=tel].ico-confirm:disabled,
.refund_wrap .type-mydata .inp-box [type=tel].ico-confirm:disabled,
.type-mydata .inp-box .refund_wrap [type=tel].ico-confirm:disabled {
  background: #ececec;
  color: #999;
}
.refund_wrap .btn_input {
  border: 1px solid #2666c6;
  background: #2666c6;
  color: #fff;
  line-height: 38px;
  font-size: 12px;
  border-radius: 4px;
  -webkit-box-pack: center;
}
.refund_wrap .input_area .h_box {
  display: -webkit-box;
}
.refund_wrap .input_area .h_box > * {
  display: -webkit-box;
}
.refund_wrap .input_area .h_box input, .refund_wrap .input_area .h_box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .refund_wrap .input_area .h_box .ico-confirm, .refund_wrap .input_area .h_box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .refund_wrap .input_area .h_box .ico-confirm {
  -webkit-box-flex: 1;
}
.refund_wrap .input_area .h_box .btn_input {
  margin-left: 5px;
}
.refund_wrap .bl.circle {
  margin: 15px 0 20px;
}
.refund_wrap .bl.circle li {
  position: relative;
  padding: 0 0 0 10px;
  font-size: 12px;
}
.refund_wrap .bl.circle li:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.refund_wrap .box_type {
  background: #eee;
  padding: 10px;
  font-size: 12px;
}
.refund_wrap input[type=checkbox], .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm {
  display: none;
  margin: 0;
  padding: 0;
}
.refund_wrap input[type=checkbox] + label, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm + label, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm + label, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm + label, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0 20px;
  padding: 0 0 0 22px;
  line-height: 1.2em;
  height: 16px;
  font-size: 16px;
}
.refund_wrap input[type=checkbox] + label, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm + label, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm + label, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm + label, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm + label {
  position: relative;
  font-size: 12px;
}
.refund_wrap input[type=checkbox] + label:after, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm + label:after, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm + label:after, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm + label:after, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm + label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-size: 500px;
  width: 15px;
  height: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.refund_wrap input[type=checkbox]:checked, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm:checked, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm:checked, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm:checked, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm:checked {
  background-color: #666;
  -webkit-appearance: checkbox;
}
.refund_wrap input[type=checkbox]:checked + label:after, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm:checked + label:after, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm:checked + label:after, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm:checked + label:after, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm:checked + label:after {
  content: "";
  background: url("../images/common/sprite.png") no-repeat -18px -18px;
  background-size: 500px;
  border: 0;
}
.refund_wrap input[type=checkbox]:first-child + label, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm:first-child + label, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm:first-child + label, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm:first-child + label, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm:first-child + label {
  margin: 0;
}
.refund_wrap input[type=checkbox]:disabled + label:after, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm:disabled + label:after, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm:disabled + label:after, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm:disabled + label:after, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm:disabled + label:after {
  background: url("../images/common/sprite.png") no-repeat -54px -18px;
  background-size: 500px;
}
.refund_wrap input[type=checkbox]:checked:disabled + label:after, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm:checked:disabled + label:after, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm:checked:disabled + label:after, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm:checked:disabled + label:after, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm:checked:disabled + label:after {
  background-position: -36px -18px;
}
.refund_wrap input[type=checkbox] + label.sole_ck, .refund_wrap .new-content-body .inp-box [type=checkbox].ico-confirm + label.sole_ck, .new-content-body .inp-box .refund_wrap [type=checkbox].ico-confirm + label.sole_ck, .refund_wrap .type-mydata .inp-box [type=checkbox].ico-confirm + label.sole_ck, .type-mydata .inp-box .refund_wrap [type=checkbox].ico-confirm + label.sole_ck {
  text-indent: -9999ex;
}
.refund_wrap .mg_t15 {
  position: relative;
  margin: 15px 0 20px;
}
.refund_wrap .mg_t15 .btn.lv3.white {
  position: absolute;
  right: 0;
  top: -4px;
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  color: #222;
}
.refund_wrap .mg_b20 {
  margin-bottom: 20px;
}
.refund_wrap .list_ft12 {
  margin-bottom: 30px;
}
.refund_wrap .list_ft12 li {
  position: relative;
  margin: 15px 0 0;
  padding: 0 0 0 15px;
  font-size: 12px;
  text-align: justify;
}
.refund_wrap .list_ft12 li strong {
  position: absolute;
  left: 0;
  top: 0;
}
.refund_wrap .txt_blue2 {
  color: #2666c6;
}

.table_col {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.table_col .mg_b10 {
  margin-bottom: 10px;
}
.table_col table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table_col table tr > * {
  height: 40px;
  padding: 5px 5px;
  font-size: 12px;
}
.table_col table tr th {
  background: #f0f0f0;
  border-top: 1px solid #ddd;
}
.table_col table tr th + th {
  border-left: 1px solid #ddd;
}
.table_col table tr td {
  border-left: 1px solid #ddd;
  text-align: center;
}
.table_col table tr td.t_l {
  text-align: left;
}
.table_col table tr td.t_l strong {
  display: block;
  margin-top: 5px;
}
.table_col table tr .tbl-cen {
  text-align: center;
}
.table_col table tbody tr > * {
  border-top: 1px solid #ddd;
}
.table_col table tbody tr th {
  padding-left: 0;
  padding-right: 0;
}
.table_col table tbody tr th + th {
  border-left: 1px solid #ddd;
}
.table_col table tbody tr td:first-child {
  border-left: 0;
}

.car_search_wrap .search_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.car_search_wrap .search_box > div {
  -webkit-box-flex: 1;
}
.car_search_wrap .search_box input[type=text], .car_search_wrap .search_box .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .car_search_wrap .search_box [type=text].ico-confirm, .car_search_wrap .search_box .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .car_search_wrap .search_box [type=text].ico-confirm {
  height: 40px;
  border-radius: 4px;
  padding: 0 10px;
  line-height: 38px;
  border: 1px solid #ddd;
}
.car_search_wrap .search_box #year {
  margin: 0 5px;
  width: 100px !important;
}
.car_search_wrap .search_box .btn_type button {
  display: inline-block;
  height: 40px;
  background: #ddd;
  color: #222;
  font-size: 14px;
  padding: 0 9px;
  border-radius: 4px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  border: 0;
}
.car_search_wrap .v_m {
  margin: 10px 0;
  color: #fd665c;
}

.update-list--link .arer {
  height: 65px;
}
.update-list--link a {
  height: 43px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.update-list--link a.center {
  text-align: center;
  line-height: 40px;
}
.update-list--link a strong,
.update-list--link a span,
.update-list--link a .data {
  font-size: 13px;
}
.update-list--link a strong.center {
  text-align: center;
}
.update-list .linkButton {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 43px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.ad-user-wrap > .area .b-info .btnBlue {
  margin: 5px 0 0;
  height: 30px;
  background-color: #2666c6;
  border: 1px solid #2666c6;
  border-radius: 4px;
}
.ad-user-wrap > .area .b-info .btnBlue span {
  display: block;
  padding: 0 5px;
  color: #fff;
}

.car-info-box .v-box .cor-blue--link {
  margin: 5px 0 0;
  text-decoration: none;
}

.textColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.textColumn .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  padding: 5px 5px 0;
}

.graph-section--pop {
  border-radius: 15px;
}

.textTitle {
  text-align: center;
  margin-bottom: 10px;
}
.textTitle strong {
  font-size: 16px;
}

.searchArea--auction {
  padding: 0 0 63px;
  background: #fff;
}

.btn-v-box .btn-s {
  margin: 0 0 10px;
  text-decoration: none;
}

.btnFile label {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}
.btnFile input[type=file], .btnFile .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .btnFile [type=file].ico-confirm, .btnFile .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .btnFile [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.btnPhoto {
  margin: 0 10px;
}
.btnPhoto span {
  position: relative;
}
.btnPhoto span:after, .btnPhoto span:before {
  content: "";
  position: absolute;
  background: #fff;
}
.btnPhoto span:after {
  width: 10px;
  height: 2px;
  right: -16px;
  top: 7px;
}
.btnPhoto span:before {
  height: 10px;
  width: 2px;
  right: -12px;
  top: 3px;
}

.carnumSearch {
  position: relative;
  padding: 0 55px 0 0;
}
.carnumSearch .btn-s {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0 15px;
}

/*2020.07.22 추가*/
.penalty-date {
  position: relative;
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
}
.penalty-date a.days {
  font-size: 20px;
  display: block;
  font-weight: 600;
}
.penalty-date span {
  color: #666;
  display: block;
}
.penalty-date:after {
  content: "";
  display: block;
  background: url("../images/sub/ico_warning.png") no-repeat;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  left: 15px;
}

/*실매물검색*/
.car-search-caution {
  width: 100%;
  padding: 0 30px 60px;
  background: #fff;
}
.car-search-caution h3 {
  position: relative;
  color: #fd665c;
  font-weight: 600;
  padding-left: 20px;
}
.car-search-caution h3:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  position: absolute;
  top: 4px;
  left: 0;
}
.car-search-caution div {
  position: relative;
  font-size: 13px;
  color: #999;
  padding-left: 20px;
  margin-top: 5px;
}
.car-search-caution div span {
  color: #fd665c;
}
.car-search-caution div ul {
  margin-top: 5px;
}
.car-search-caution div ul li {
  font-size: 13px;
  color: #999;
  padding: 0 0 5px 10px;
  text-indent: -10px;
}
.car-search-caution div:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  left: 4px;
  top: 8px;
}

.ad-user-wrap > .area .b-info .b-pay > span.owner-cmm-state {
  background: #10a8e5;
  border-color: #10a8e5;
  color: #fff;
}
.ad-user-wrap > .area .b-info .b-pay > span.sumcom-cmm-state {
  background: #9cd5c2;
  border-color: #9cd5c2;
  color: #fff;
}
.ad-user-wrap > .area .b-info .b-pay > span.cancel-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}

.calling .txt-cont {
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

.dlr-page-list.dlr-page-btn.col-4 > ul > li {
  width: 25%;
}

.file-img-list {
  padding: 10px 0 0;
}
.file-img-list .file-img {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.file-img-list .file-img .img {
  display: inline-block;
  width: 72.5px;
  height: 50px;
  border: 1px solid #ddd;
}
.file-img-list .file-img .img img {
  width: 100%;
}

/* 진단중고차 */
.btn-diagnosis {
  position: relative;
  margin: 15px 0;
}
.btn-diagnosis.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.btn-diagnosis.col2 > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
}
.btn-diagnosis a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 15px;
  font-size: 13px;
  color: #222;
  text-decoration: none;
  font-weight: 600;
}
.btn-diagnosis a:after {
  content: "";
  display: block;
  width: 5px;
  height: 8px;
  background: url("../images/sub/dia_arrow.png") no-repeat;
  background-size: 5px 32px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.btn-diagnosis a ~ a {
  margin-top: 5px;
}
.btn-diagnosis [class*=btn-] {
  border-radius: 4px;
}
.btn-diagnosis .btn-app {
  background: #ffbc00;
}
.btn-diagnosis .btn-app:after {
  background-position: 0 0;
}
.btn-diagnosis .btn-app.disabled {
  background: #e4e4e4;
  pointer-events: none;
  color: #666;
}
.btn-diagnosis .btn-app.disabled:after {
  display: none;
}
.btn-diagnosis .btn-use {
  background: #60584c;
  color: #fff;
}
.btn-diagnosis .btn-use:after {
  background-position: 0 -8px;
}
.btn-diagnosis .btn-prog {
  background: #9cd5c2;
}
.btn-diagnosis .btn-prog:after {
  background-position: 0 -16px;
}
.btn-diagnosis .btn-guide {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 100%;
  padding: 0;
  text-indent: -9999px;
}
.btn-diagnosis .btn-guide:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: url("../images/sub/btn_diag_guide.png") no-repeat 50% 50%;
  background-size: cover;
}
.btn-diagnosis .btn-guide + .btn-app {
  width: calc(100% - 35px);
  margin-left: 35px;
}
.btn-diagnosis .btn-cancel {
  background: #fd665c;
  color: #fff;
}
.btn-diagnosis .btn-cancel:after {
  background-position: 0 -24px;
}
.btn-diagnosis .btn-cert {
  padding: 1.2rem 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04rem;
  border-radius: 1.2rem;
  background-color: #ff5d16;
  color: #fff;
  text-align: center;
}
.btn-diagnosis .btn-cert::after {
  display: none;
}
.btn-diagnosis .btn-cert .balloon-area {
  top: -3.3rem;
  right: 0;
  padding: 0.8rem 1rem 0.7rem 1rem;
}
.btn-diagnosis .btn-cert .balloon-area::after {
  top: 3rem;
  right: 0.8rem;
}
@-webkit-keyframes aniBalloonUpInfinite {
  0% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  6%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
  85%, 100% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
}
@keyframes aniBalloonUpInfinite {
  0% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  6%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
  85%, 100% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
}

.my-car-admin .link-area a.diagnosis:after {
  content: "";
  position: absolute;
  background: url("../images/sub/ico_diag.png") no-repeat;
  background-size: 13px;
}

/*진단중고차 팝업*/
.layer-pop-cnt {
  display: none;
}

.calendar-box .ui-datepicker .ui-widget-header a.ui-datepicker-next {
  right: 15px;
  top: 10px;
}
.calendar-box .ui-datepicker .ui-widget-header a.ui-datepicker-prev {
  left: 15px;
  top: 10px;
}
.calendar-box .ui-datepicker.ui-widget-content {
  position: relative;
  width: 100%;
  padding: 10px;
  border-color: #ddd;
  border-radius: 10px;
}
.calendar-box .ui-datepicker.ui-widget-content a {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: auto;
}
.calendar-box .ui-datepicker.ui-widget-content .ui-datepicker-today a {
  background-color: #fffa90 !important;
  color: #333 !important;
}
.calendar-box .ui-datepicker.ui-widget-content .ui-state-active {
  background-color: #336fc9 !important;
  color: #fff !important;
}

.diagnosis-pop {
  padding-bottom: 60px;
}
.diagnosis-pop .box-area .v-box {
  margin: 30px 0 0 0;
}
.diagnosis-pop .diag-price {
  text-align: right;
}
.diagnosis-pop .diag-price .pay-type {
  display: block;
  color: #666;
}
.diagnosis-pop .diag-price .car-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.diagnosis-pop .diag-price .car-price .car-type {
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  padding-right: 12px;
}
.diagnosis-pop .diag-price .car-price strong {
  position: relative;
  font-weight: bold;
  font-size: 26px;
  /* padding: 0 0 0 25px;

           &:after {
               @include sprite-type2 (url($asset-dealer) no-repeat -30px -118px, 250px);
               width: 18px;
               height: 18px;
               position: absolute;
               top: 50%;
               left: 0;
               margin-top: -7px;
           }*/
}
.diagnosis-pop .diag-price .car-price strong span {
  font-size: 24px;
}
.diagnosis-pop .diag-rest {
  text-align: right;
}
.diagnosis-pop .diag-rest span {
  font-weight: 600;
  color: #fd665d;
  display: block;
}
.diagnosis-pop .diag-rest strong {
  font-weight: bold;
  font-size: 20px;
}
.diagnosis-pop .diag-caution {
  background: #f1f1f1;
  padding: 20px;
  margin-top: 30px;
}
.diagnosis-pop .diag-caution strong {
  font-weight: 600;
}
.diagnosis-pop .diag-caution ul li {
  position: relative;
  color: #999;
  padding-left: 15px;
  margin-top: 15px;
}
.diagnosis-pop .diag-caution ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  left: 2px;
  top: 8px;
}
.diagnosis-pop.diag-review {
  background: none;
}
.diagnosis-pop.diag-review .b-info {
  position: relative;
}
.diagnosis-pop.diag-review .b-info .btn-review-edit {
  top: 0;
  right: 0;
}
.diagnosis-pop.diag-review .b-info .b-brand {
  padding-right: 45px;
}
.diagnosis-pop.diag-review .diag-review-item {
  padding-left: 0;
  padding-right: 0;
}

.diag-manage-tab .tab-type {
  position: relative;
  background: #fff;
  border-radius: 0;
}

.diag-manage-cont .diag-sec {
  margin-bottom: 15px;
  padding: 30px 15px 20px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.diag-manage-cont .diag-sec .car-link {
  display: -webkit-box;
  text-decoration: none;
  color: #222;
}
.diag-manage-cont .diag-sec .car-link .photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 140px;
  height: 140px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.diag-manage-cont .diag-sec .car-link .photo .photo-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diag-manage-cont .diag-sec .car-link .photo .photo-thum img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.diag-manage-cont .diag-sec .car-link .photo .diag-bedge {
  position: absolute;
  top: 5px;
  left: 5px;
}
.diag-manage-cont .diag-sec .car-link .photo .diag-bedge img {
  width: 44px;
  height: 20px;
}
.diag-manage-cont .diag-sec .car-link .photo .cover-soldout {
  z-index: 5;
}
.diag-manage-cont .diag-sec .car-link .info-txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 10px;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num {
  font-weight: 600;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 2px 10px 1px 10px;
  border-radius: 50px;
  font-size: 14px;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span.gray {
  background: #ddd;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span.green {
  background: #10af5b;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span.blue {
  background: #2666c6;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span.red {
  background: #fd665c;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-num span.soldout {
  background: #89150d;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-name {
  font-weight: bold;
  font-size: 16px;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-info {
  display: block;
  margin-bottom: 5px;
  line-height: 1.4;
  color: #999;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-info span {
  position: relative;
  display: inline-block;
  font-size: 13px;
  margin-right: 7px;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-info span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 5px;
  width: 1px;
  height: 8px;
  background: #999;
}
.diag-manage-cont .diag-sec .car-link .info-txt .car-info span:last-child:after {
  display: none;
}
.diag-manage-cont .diag-sec .car-link .info-txt .date {
  color: #666;
  display: block;
  text-align: right;
}
.diag-manage-cont .diag-sec .car-link .info-txt .money {
  color: #2666c6;
  display: block;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
}
.diag-manage-cont .diag-sec .car-link .info-txt .money strong {
  font-weight: bold;
  font-size: 20px;
}
.diag-manage-cont .diag-sec .diag-reserve-state {
  background: #f5f6f9;
  border: 1px solid #dbe0f0;
  border-radius: 2px;
  padding: 15px;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.diag-manage-cont .diag-sec .diag-reserve-state .tit {
  font-weight: 600;
}
.diag-manage-cont .diag-sec .diag-reserve-state .tit.gray {
  color: #999;
}
.diag-manage-cont .diag-sec .diag-reserve-state .tit.blue {
  color: #2666c6;
}
.diag-manage-cont .diag-sec .diag-reserve-state .tit.red {
  color: #fd665c;
}
.diag-manage-cont .diag-sec .diag-reserve-state .btn-state {
  position: relative;
  height: 30px;
  padding: 0 32px 0 13px;
  border-radius: 3px;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
}
.diag-manage-cont .diag-sec .diag-reserve-state .btn-state:after {
  position: absolute;
  top: 50%;
  right: 19px;
  content: "";
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.diag-manage-cont .diag-sec .diag-reserve-state .btn-state.video {
  background: #2666c6;
}
.diag-manage-cont .diag-sec .diag-reserve-state .btn-state.refuse {
  background: #333;
}
.diag-manage-cont .diag-sec .btn-diagnosis {
  margin-top: 5px;
}
.diag-manage-cont .diag-sec .btn-diagnosis.btn-diag-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.diag-manage-cont .diag-sec .btn-diagnosis.btn-diag-flex .master-call {
  background: url("../images/sub/bg_master_call.png") no-repeat 5px 50%;
  background-size: 18px;
  padding-left: 30px;
  font-weight: 600;
}
.diag-manage-cont .diag-sec .btn-diagnosis.btn-diag-flex .master-call:after {
  background-position: 0 -8px;
}
.diag-manage-cont .s-used-nodata {
  height: 240px;
  background: #fff url("../images/sub/buy_used_nodata.png") no-repeat center 55px;
  background-size: 100px 100px;
  border-radius: 0 0 15px 15px;
  margin-top: -25px;
}
.diag-manage-cont .s-used-nodata p, .diag-manage-cont .s-used-nodata ul.guide-bul > li {
  font-size: 14px;
  text-align: center;
  margin-top: 170px;
}

.ct-bedge-b {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ct-bedge-b .check {
  display: block;
  background: #fd665c;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.ct-bedge-b .kb-certify {
  display: block;
  width: 57px;
  height: 50px;
  background: url("../images/common/kb_certification_car4.png") no-repeat 0 0;
  background-size: 57px 50px;
  text-indent: -9999px;
}

.ct-bedge-s {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.ct-bedge-s .check {
  display: block;
  background: #fd665c;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.ct-bedge-s .kb-certify {
  display: block;
  width: 41px;
  height: 36px;
  background: url("../images/common/kb_certification_car3.png") no-repeat 0 0;
  background-size: 41px 36px;
  text-indent: -9999px;
}

.visualImage .text01 {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.visualImage .text01 .title {
  display: block;
  font-size: 24px;
  margin-bottom: 15px;
}
.visualImage .view-link {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -80px;
}
.visualImage .view-link a {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fd665c;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}

/* 진단차량관리 수정 2021.02.08*/
.diag-top-ed .btn-menu-list .mycar-admin {
  position: relative;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  padding-left: 50px;
  margin-bottom: 5px;
}
.diag-top-ed .btn-menu-list .mycar-admin:before {
  content: "";
  display: block;
  width: 23px;
  height: 20px;
  position: absolute;
  top: 16px;
  left: 15px;
  background: url("../images/sub/mycar_admin.png") no-repeat;
  background-size: 46px 20px;
}
.diag-top-ed .btn-menu-list .mycar-admin a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.diag-top-ed .btn-menu-list .mycar-admin a:after {
  content: "";
  display: block;
  width: 9px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  background: url("../images/sub/arr_mycar_admin.png") no-repeat;
  background-size: 9px 16px;
}
.diag-top-ed .btn-menu-list .mycar-admin strong {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
}
.diag-top-ed .btn-menu-list .mycar-admin .tag {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  border-radius: 7px;
  height: 14px;
  line-height: 16px;
  padding: 0 5px;
  background: #f00;
  font-style: normal;
}
.diag-top-ed .btn-menu-list .mycar-admin .added {
  position: absolute;
  top: 50%;
  right: 38px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
}
.diag-top-ed .btn-menu-list .mycar-admin-adreg {
  background: #3261a0;
}
.diag-top-ed .btn-menu-list .mycar-admin-adreg:before {
  background-position: 0 0;
}
.diag-top-ed .btn-menu-list .mycar-admin-diag {
  background: #0277bd;
}
.diag-top-ed .btn-menu-list .mycar-admin-diag:before {
  background-position: -23px 0;
}
.diag-top-ed .btn-menu-list .mycar-admin-diag i {
  line-height: 1;
}
.diag-top-ed .btn-menu-list .mycar-admin-diag img {
  vertical-align: middle;
  width: 35px;
  height: 14px;
}
.diag-top-ed .btn-menu-list .mycar-admin.mycar-admin-homeservice {
  background: #f8de7a;
}
.diag-top-ed .btn-menu-list .mycar-admin.mycar-admin-homeservice strong {
  color: #222;
}
.diag-top-ed .btn-menu-list .mycar-admin.mycar-admin-homeservice:before {
  background: url("../images/sub/icon-homeservice-dealer.png") center/contain no-repeat;
}
.diag-top-ed .btn-menu-list .mycar-admin.mycar-admin-homeservice a:after {
  background: url("../images/sub/icon-arrow-dealer.svg") center/contain no-repeat;
}
.diag-top-ed .btn-menu-list .mycar-admin.mycar-admin-homeservice .added {
  color: #222;
}
.diag-top-ed.my-car-admin .link-area {
  display: block;
  text-align: right;
}
.diag-top-ed.my-car-admin .link-area a {
  display: inline-block;
  margin-left: 10px;
}
.diag-top-ed.my-car-admin .link-area a:first-of-type {
  margin-left: 0;
}
.diag-top-ed.my-car-admin .link-area .inner-left {
  float: left;
  text-align: left;
}
.diag-top-ed.my-car-admin .link-area .inner-left a {
  margin: 0 10px 0 0;
}
.diag-top-ed.my-car-admin .link-area:after {
  display: block;
  clear: both;
  content: "";
}

.my-car-admin .link-area a.kbcare:after {
  background: url("../images/sub/icon-kbcare-sm.svg") center/contain no-repeat;
  margin-top: -6px;
  vertical-align: middle;
}

/*진단예약 팝업 수정 2021.02.23*/
.diagnosis-pop .diag-caution-check {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}
.diagnosis-pop .diag-caution-check .diag-agree {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.diagnosis-pop .diag-caution-check .diag-agree .diag-agree-txt {
  font-size: 18px;
  letter-spacing: -1px;
}
.diagnosis-pop .diag-caution-check .diag-agree .input-ck + label {
  margin: 0 0 0 10px;
}
.diagnosis-pop .diag-caution-check .diag-caution-list {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px 15px 0 15px;
  margin-top: 15px;
}
.diagnosis-pop .diag-caution-check .diag-caution-list ul li {
  position: relative;
  padding-left: 8px;
  padding-bottom: 15px;
  color: #999;
}
.diagnosis-pop .diag-caution-check .diag-caution-list ul li:after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fd665c;
  position: absolute;
  top: 7px;
  left: 0;
}

/*진단예약 팝업 수정 2021.03.18*/
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content {
  position: relative;
  width: 100%;
  padding: 10px;
  border-color: #ddd;
  border-radius: 10px;
}
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content a {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: auto;
}
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
}
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content .ui-datepicker-today a {
  background-color: #fffa90 !important;
  color: #333 !important;
}
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content .ui-state-active {
  background-color: #336fc9 !important;
  color: #fff !important;
}
.diagnosis-pop .calendar-box .ui-datepicker.ui-widget-content .ui-datepicker-today a.ui-state-active {
  background-color: #336fc9 !important;
  color: #fff !important;
}
.diagnosis-pop .diag-time {
  margin-top: 20px;
}
.diagnosis-pop .diag-time .today-date {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.diagnosis-pop .diag-time .today-date span {
  font-size: 14px;
  color: #fd665c;
  font-weight: 400;
}
.diagnosis-pop .diag-time .today-time .btn-s {
  display: inline-block;
  width: 22%;
  height: 30px;
  line-height: 28px;
  margin: 0 0 10px 4px;
  outline: none;
}
.diagnosis-pop .diag-time .today-time .btn-s i {
  font-style: normal;
  font-size: 12px;
  color: #fd665c;
  padding-left: 5px;
}
.diagnosis-pop .diag-time .today-time .btn-s:nth-child(4n+1) {
  margin-left: 0;
}
.diagnosis-pop .diag-time .today-time .btn-s.on {
  border-color: #336fc9;
  background-color: #336fc9;
}
.diagnosis-pop .diag-time .today-time .btn-s.on span {
  color: #fff;
}
.diagnosis-pop .diag-time .today-time .btn-s.on span i {
  color: inherit;
}
.diagnosis-pop .diag-time .today-time .btn-s.disable {
  border-color: #ddd;
  background-color: #f1f1f1;
  cursor: default;
}
.diagnosis-pop .diag-time .today-time .btn-s.disable span i {
  color: inherit;
}
.diagnosis-pop .diag-caution-check .diag-sv-list h3 {
  font-size: 16px;
  color: #fd665c;
  margin-bottom: 10px;
}
.diagnosis-pop .diag-caution-check .diag-sv-list ul li ul {
  margin-top: 10px;
}
.diagnosis-pop .diag-caution-check .diag-sv-list ul li ul li {
  padding-left: 15px;
  text-indent: -15px;
  padding-bottom: 5px;
}
.diagnosis-pop .diag-caution-check .diag-sv-list ul li ul li:after {
  display: none;
}

/* 딜러 퀵메인 2021.03.23 */
.dealer-login {
  background: linear-gradient(-45deg, #71cfe6, #569fdc);
  background-size: 100%;
  /*@include gradint-ps;*/
  height: 100vh;
}
.dealer-login .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  color: #fff;
  padding: 0;
}
.dealer-login .header h1 {
  padding: 12px 0 0 21px;
}
.dealer-login .btn-fixed-center {
  height: 100vh;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dealer-login .btn-fixed-center .btn-login {
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 8px;
}
.dealer-login .btn-fixed-center .btn-login strong {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 7px;
}
.dealer-login .btn-fixed-center .btn-login span {
  line-height: 1.5;
}
.dealer-login .btn-fixed-center .btn-login-menu01 {
  background: #126bb5;
}
.dealer-login .btn-fixed-center .btn-login-menu01 span {
  color: #aad8ff;
}
.dealer-login .btn-fixed-center .btn-login-menu02 {
  background: #1d82c8;
}
.dealer-login .btn-fixed-center .btn-login-menu02 span {
  color: #aad8ff;
}
.dealer-login .btn-fixed-center .btn-login-menu03 {
  background: #1b91d0;
}
.dealer-login .btn-fixed-center .btn-login-menu03 span {
  color: #a6e7ff;
}
.dealer-login .btn-fixed-center .btn-login-menu04 {
  background: #0088ba;
}
.dealer-login .btn-fixed-center .btn-login-menu04 span {
  color: #a6e7ff;
}
.dealer-login .btn-fixed-center .btn-login-menu05 {
  background: #0095ba;
}
.dealer-login .btn-fixed-center .btn-login-menu05 span {
  color: #9cebfe;
}
.dealer-login .btn-fixed-center .btn-login .ico-beta {
  margin-left: 5px;
}
.dealer-login .btn-fixed-center .btn-login .ico-beta img {
  vertical-align: middle;
  width: 35px;
  height: 14px;
}
.dealer-login .btn-fixed-center .btn-login:after {
  content: "";
  display: block;
  width: 9px;
  height: 17px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  background: url("../images/sub/arr_mycar_admin.png") no-repeat;
  background-size: 9px 16px;
}
.dealer-login .main-link {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 30px;
  text-align: center;
}
.dealer-login .main-link a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding-right: 15px;
}
.dealer-login .main-link a:after {
  content: "";
  width: 5px;
  height: 8px;
  background: url("../images/sub/icon_arrow_white.png") no-repeat 0 0;
  background-size: auto 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}

/* [20211118] 딜러 진단 서비스 가이드 */
.diag-guide {
  color: #333;
  letter-spacing: -0.025em;
}
.diag-guide .section-detail.s-carmd-info-d {
  position: static;
}

.guide-section {
  padding: 25px 16px 40px;
}
.guide-section.guide-section--main {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  padding-bottom: 0;
}
.guide-section .guide-visual {
  margin: 40px -16px 0;
}
.guide-section .guide-visual img {
  width: 100%;
}

.guide-tit {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 700;
}

.guide-img-tit {
  margin-bottom: 40px;
  padding-top: 15px;
  background: url("../images/sub/bg-mark-tit.svg") 0 0/20px auto no-repeat;
}

.guide-desc {
  display: block;
  font-size: 16px;
}

.guide-detail-area {
  position: relative;
  z-index: 1;
  border-radius: 16px 16px 0 0;
  background: #fff;
  margin-top: -16px;
  -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);
}
.guide-detail-area .guide-sub-section {
  border-top: 8px solid #f5f5f5;
  padding: 40px 16px;
}
.guide-detail-area .guide-sub-section:first-child {
  border-top: 0;
}

.diag-service-summary {
  margin-top: 15px;
}
.diag-service-summary > li {
  float: left;
  width: 25%;
}
.diag-service-summary .diag-service-summary__thumb {
  display: block;
  margin: 0 auto 6px;
  text-align: center;
}
.diag-service-summary .diag-service-summary__thumb img {
  width: 56px;
}
.diag-service-summary:after {
  display: block;
  clear: both;
  content: "";
}
.diag-service-summary .diag-service-summary__tit {
  display: block;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
}

.guide-sub-tit {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #111;
}
.guide-sub-tit span {
  z-index: 1;
  position: relative;
  font: inherit;
  color: inherit;
}
.guide-sub-tit span:before {
  z-index: -1;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #fc0;
  content: "";
}

.diag-service-list {
  margin-top: 40px;
  border-top: 1px solid #f5f5f5;
}
.diag-service-list > li {
  color: #111;
  margin-top: 40px;
  border-radius: 12px;
  -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);
  padding: 32px 15px;
  text-align: center;
}
.diag-service-list .diag-service-list__thumb {
  display: block;
  width: 60px;
  margin: 0 auto 16px;
}
.diag-service-list .diag-service-list__thumb img {
  width: 100%;
}
.diag-service-list .diag-service-list__tit {
  font-size: 20px;
}
.diag-service-list .diag-service-list__tit span {
  color: #3a94ff;
  font: inherit;
}
.diag-service-list .diag-service-list__desc {
  font-size: 16px;
  margin-top: 6px;
}

.guide-tbl > table {
  border-bottom: 1px solid #e6e6e6;
  border-collapse: collapse;
}
.guide-tbl > table th,
.guide-tbl > table td {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-align: left;
  padding: 16px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  vertical-align: top;
}
.guide-tbl > table th:first-child,
.guide-tbl > table td:first-child {
  border-left: 0;
}
.guide-tbl > table th {
  background-color: #f5f5f5;
}

p.guide-bul, ul.guide-bul > li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
p.guide-bul:before, ul.guide-bul > li:before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
  content: "";
}
p.guide-bul .txt-point, ul.guide-bul > li .txt-point {
  font-weight: 700;
  color: #3a94ff;
}
p.guide-bul .txt-small, ul.guide-bul > li .txt-small {
  font-size: 14px;
}

ul.guide-bul > li {
  margin-top: 12px;
}
ul.guide-bul > li:first-child {
  margin-top: 0;
}

.guide-step-list > li {
  position: relative;
  padding: 0 0 42px;
}
.guide-step-list > li:after {
  clear: both;
  display: block;
  content: "";
}
.guide-step-list > li:before {
  position: absolute;
  left: 50%;
  bottom: 21px;
  margin-left: -10px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.guide-step-list > li:last-child {
  padding-bottom: 0;
}
.guide-step-list > li:last-child:before {
  display: none;
}
.guide-step-list .guide-step-list__thumb {
  display: block;
  float: left;
  width: 52px;
}
.guide-step-list .guide-step-list__thumb img {
  width: 100%;
}
.guide-step-list .guide-step-list__cont {
  float: left;
  width: calc(100% - 52px);
  padding: 5px 0 0 12px;
}
.guide-step-list .guide-step-list__tit {
  font-weight: 700;
  font-size: 16px;
  color: #111;
  margin-bottom: 6px;
}
.guide-step-list .guide-step-list__desc {
  font-size: 14px;
  color: #666;
}

.txt-guide-link {
  font-size: 28px;
  color: #333;
  text-decoration: none;
}

.share-link-area {
  padding-top: 10px;
  text-align: center;
}
.share-link-area .share-link-area__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
}
.share-link-area .share-link-area__link-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
}
.share-link-area .share-link-area__link-item a {
  display: inline-block;
  width: 50px;
}
.share-link-area .share-link-area__link-item img {
  width: 100%;
}
.share-link-area .share-link-area__tit {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  color: #111;
}
.share-link-area .share-link-area__desc {
  margin-top: 8px;
  font-size: 16px;
  color: #222;
}

.branch-contact {
  position: relative;
  margin-top: 24px;
}

.branch-contact__desc {
  color: #3a94ff;
  display: block;
  font-size: 14px;
  line-height: 1.21;
}

.branch-contact__table {
  width: 100%;
  margin-top: 6px;
  border-collapse: collapse;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
}
.branch-contact__table th,
.branch-contact__table td {
  padding: 10px 16px;
  border: 1px solid #e6e6e6;
}
.branch-contact__table th:first-child,
.branch-contact__table td:first-child {
  border-left: 0;
}
.branch-contact__table th:last-child,
.branch-contact__table td:last-child {
  border-right: 0;
}
.branch-contact__table th {
  font-weight: normal;
  text-align: left;
}
.branch-contact__table .table-head-column {
  background-color: #f5f5f5;
}
.branch-contact__table .contact-number {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
}
.branch-contact__table .contact-number__icon {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #333;
  border-radius: 50%;
}
.branch-contact__table .contact-number__icon:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  display: block;
  width: 12px;
  height: 14px;
  background: url("../images/sub/dealer_diagnosis_guide_call_icon@2x.png") no-repeat center top;
  background-size: 11px auto;
}
.branch-contact__table .contact-number-type {
  display: block;
  font-size: 11px;
  margin-top: 2px;
}

/* 진단신청차량 정보확인 */
.diag-review {
  padding-bottom: 54px;
  background: #f8f8f8;
}
.diag-review .diag-review-text {
  padding: 25px 15px 27px;
  background: #fff;
}
.diag-review .diag-review-text strong {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
}
.diag-review .diag-review-text span {
  display: block;
  font-size: 15px;
}
.diag-review .diag-review-item {
  position: relative;
  width: 100%;
  margin-top: 8px;
  padding: 20px 15px;
  background: #fff;
}
.diag-review .diag-review-item.maker .diag-review-title {
  margin: 7px 0 4px;
}
.diag-review .diag-review-item.price .unit {
  letter-spacing: -1px;
}
.diag-review .diag-review-item.option .diag-review-title {
  margin-top: 8px;
}
.diag-review .diag-review-item.maker .btn-review-edit, .diag-review .diag-review-item.option .btn-review-edit {
  top: 25px;
}
.diag-review .diag-review-item:after {
  display: block;
  content: "";
  clear: both;
}
.diag-review .btn-review-edit {
  position: absolute;
  right: 15px;
  width: 40px;
  height: 26px;
  background: #336fc9;
  border-radius: 2px;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.diag-review .diag-review-thumb {
  position: relative;
  float: left;
  width: 130px;
  height: 100px;
  margin-right: 12px;
  border-radius: 5px;
  overflow: hidden;
}
.diag-review .diag-review-thumb .number {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}
.diag-review .diag-review-thumb .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.diag-review .diag-review-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.diag-review .diag-review-value {
  float: right;
  padding-right: 54px;
  font-size: 15px;
}
.diag-review .diag-review-value .unit {
  font-style: normal;
  font-weight: 700;
}
.diag-review .diag-review-model {
  display: block;
  padding-top: 3px;
  font-size: 17px;
}
.diag-review .diag-review-option {
  margin-top: 12px;
  margin-left: 5px;
}
.diag-review .diag-review-option .option-item + .option-item {
  margin-top: 14px;
}
.diag-review .diag-review-option .option-title {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 700;
}
.diag-review .diag-review-option .option-desc {
  font-size: 15px;
  line-height: 1.5;
}

/* 진단신청차량 정보확인 - 차량정보 수정, 옵션정보 수정 팝업 */
.diag-review-info .text-info {
  display: block;
  margin-bottom: 35px;
  font-size: 14px;
}
.diag-review-info .h-box .p-tit {
  width: 130px;
  font-size: 18px;
}
.diag-review-info .h-box .p-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 90px;
  padding-left: 10px;
  font-size: 17px;
  -ms-flex-item-align: center;
      align-self: center;
}
.diag-review-info .input-unit > .pay-type {
  font-size: 17px;
  font-weight: 700;
}
.diag-review-info .input-unit > .pay-type-price {
  letter-spacing: -1px;
}

.diag-review-anchor {
  position: relative;
  padding: 15px 0;
}
.diag-review-anchor:after {
  background: none;
}

.diag-review-option .srch-list.srch-list01 {
  padding: 0;
}

/* 진단신청차량 정보확인 - 진단상품 선택 팝업 */
.ad-diag-group {
  margin-top: 40px;
  margin-bottom: -45px;
}
.ad-diag-group .ad-diag-item {
  padding: 15px;
  border: 1px solid #fcb222;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.ad-diag-group .ad-diag-item + .ad-diag-item {
  margin-top: 15px;
}
.ad-diag-group .ad-diag-link {
  position: relative;
  display: block;
  text-decoration: none;
}
.ad-diag-group .ad-diag-link:after {
  position: absolute;
  top: 50%;
  right: 5px;
  content: "";
  width: 8px;
  height: 8px;
  border: solid #fcb222;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.ad-diag-group .ad-diag-text {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
  color: #777;
}
.ad-diag-group .ad-diag-service {
  display: block;
  font-size: 19px;
  font-weight: 700;
  color: #222;
}
.ad-diag-group .ad-diag-service .mark-plus {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -5px 5px 0 3px;
  background: url("../images/sub/icon_diag_plus.png") no-repeat 50% 50%;
  background-size: cover;
  vertical-align: middle;
}

/* 진단중고차+ 신청 예약, 진단중고차(온라인 진단) 신청 팝업 */
.diag-service .ad-user-wrap {
  margin-bottom: 50px;
}
.diag-service .ui-datepicker-buttonpane {
  padding-top: 11px;
  border-top: 1px solid #e4e4e4;
}
.diag-service .ui-datepicker-current {
  margin-left: 22px;
  font-size: 14px;
  color: #959595;
  cursor: pointer;
}
.diag-service .diag-price .pay-free {
  font-size: 20px;
  font-weight: 700;
  color: #fd665d;
}
.diag-service .diag-price .pay-beta {
  font-size: 16px;
  color: #222;
}
.diag-service .diag-file-item {
  margin-top: 25px;
}
.diag-service .diag-file-title {
  margin-bottom: 16px;
  line-height: 1.5;
}
.diag-service .diag-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 150px;
}
.diag-service .diag-file:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.diag-service .diag-file .btn-round-x {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  border: 0;
  display: none;
}
.diag-service .diag-file.is-filled .diag-file-upload {
  display: none;
}
.diag-service .diag-file.is-filled .btn-round-x {
  display: block;
}
.diag-service .diag-file.is-filled:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.diag-service .diag-file-attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border-radius: 8px;
  text-align: center;
}
.diag-service .diag-file-attach .diag-file-upload {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.diag-service .diag-file-attach label {
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 0 30px;
  background: #fff;
  border-radius: 6px;
  line-height: 40px;
  cursor: pointer;
}
.diag-service .diag-file-attach input[type=file], .diag-service .diag-file-attach .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .diag-service .diag-file-attach [type=file].ico-confirm, .diag-service .diag-file-attach .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .diag-service .diag-file-attach [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.diag-service .diag-file-attach .file-upload-text {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: #fcb222;
}
.diag-service .diag-file-attach .diag-file-img {
  width: 100%;
  height: auto;
}
.diag-service .diag-service-check .diag-agree {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.diag-service .diag-service-check .diag-agree .input-ck + label {
  margin: 0;
  padding-left: 25px;
}
.diag-service .diag-service-check .diag-agree .input-ck + label:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.diag-service .diag-service-check .diag-agree .diag-agree-txt {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
  font-size: 16px;
  text-decoration: none;
  line-height: 1.5;
  color: #222;
}
.diag-service .diag-service-check .diag-agree .diag-agree-txt:after {
  position: absolute;
  top: 50%;
  right: 5px;
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -7px;
  border: solid #ddd;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.diag-service .diag-service-check .diag-agree .diag-agree-txt.active:after {
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.diag-service .diag-service-check .diag-agree .diag-agree-accent {
  font-size: inherit;
  color: #fd665d;
}
.diag-service .diag-service-check .diag-service-caution {
  display: none;
  margin-top: 15px;
  padding: 15px;
  background: #f8f8f8;
}
.diag-service .diag-service-check .diag-service-caution.active {
  display: block;
}
.diag-service .diag-service-check .diag-service-caution .cautio-title {
  font-size: 15px;
}
.diag-service .diag-service-check .diag-service-caution .cautio-group {
  margin-top: 10px;
}
.diag-service .diag-service-check .diag-service-caution .cautio-list {
  position: relative;
  padding-left: 8px;
  line-height: 1.45;
  color: #888;
}
.diag-service .diag-service-check .diag-service-caution .cautio-list:before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #fd665c;
  border-radius: 3px;
}
.diag-service .diag-service-check .diag-service-caution .cautio-list + .cautio-list {
  margin-top: 15px;
}
.diag-service .diag-notice {
  margin-top: 36px;
}
.diag-service .diag-notice .diag-notice-info {
  margin-bottom: 10px;
}
.diag-service .diag-notice .diag-notice-info dt, .diag-service .diag-notice .diag-notice-info .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .diag-service .diag-notice .diag-notice-info dd {
  position: relative;
  margin-bottom: 7px;
  padding: 0 0 0 17px;
  color: #fd665c;
  font-weight: 600;
}
.diag-service .diag-notice .diag-notice-info dt:after, .diag-service .diag-notice .diag-notice-info .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .diag-service .diag-notice .diag-notice-info dd:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -35px 0;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
}
.diag-service .diag-notice .diag-notice-info dd {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 13px;
  color: #999;
}
.diag-service .diag-notice .diag-notice-info dd:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #999;
  border-radius: 3px;
}
.diag-service .diag-notice .diag-notice-list li {
  position: relative;
  padding: 0 0 0 20px;
  color: #fd665c;
  font-size: 13px;
}
.diag-service .diag-notice .diag-notice-list li:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.old-balloon-box {
  z-index: 2;
  position: relative;
  right: 0;
  display: inline-block;
  min-height: 24px;
  padding: 0 1rem;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  line-height: 24px;
  background: #434c53;
  white-space: nowrap;
  margin-bottom: 4px;
}
.old-balloon-box:before {
  position: absolute;
  top: 100%;
  right: 2rem;
  display: block;
  width: 12px;
  height: 9px;
  margin-top: -1px;
  background: url("../images/sub/intro-balloon-tip.svg?ver=202205") bottom right/contain no-repeat;
  content: "";
}

.new-step-list {
  margin-top: 24px;
}
.new-step-list > li {
  position: relative;
  padding: 0 0 32px 20px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.new-step-list > li:before {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: -5px;
  display: block;
  width: 1px;
  background: #aaa;
  content: "";
}
.new-step-list > li:after {
  position: absolute;
  top: 0.4rem;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 50%;
  content: "";
}
.new-step-list > li:last-child:before {
  display: none;
}
.new-step-list .new-step-list__step {
  display: block;
  color: #888;
  font-size: 14px;
  margin-bottom: 8px;
}

.ad-user-wrap .bbadge-category {
  position: absolute;
  top: auto;
  bottom: 5px;
  left: 5px;
}

.new-content-body .tit-desc.large {
  margin-bottom: 2.6rem;
  font-size: 2.4rem;
  line-height: 1.42;
  letter-spacing: -0.04rem;
  color: #222;
}

.btn-text-wrap .btn-text-item {
  padding: 16px 20px 24px;
  border-radius: 16px;
  background-color: #f8f8f8;
}
.btn-text-wrap .btn-text-item ~ .btn-text-item {
  margin-top: 16px;
}
.btn-text-wrap .btn-text-item .text {
  font-size: 16px;
  font-weight: normal;
  line-height: 2.13;
  letter-spacing: -0.27px;
  color: #222;
}
.btn-text-wrap .btn-text-item .btn-base {
  margin-top: 8px;
  width: 100%;
}

.send-assurance-header {
  padding: 12px 15px;
  background-color: #fff;
  color: #888;
}
.send-assurance-content {
  padding: 10px 0;
}
.send-assurance-content .card {
  margin-top: 8px;
  padding: 20px 15px;
  background-color: #fff;
}
.send-assurance-content .card:first-of-type {
  margin-top: 0;
}
.send-assurance-content .card-header {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: normal;
}
.send-assurance-content .card-info {
  margin-left: 10px;
  font-size: 12px;
  line-height: 1;
}
.send-assurance-content .card-info .car-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.send-assurance-content .card-info .car-number .label {
  margin-left: 4px;
  padding: 2px 4px;
  display: inline-block;
  line-height: 1;
  color: #222;
  font-size: 10px;
  background-color: #e9e9e9;
  border-radius: 2px;
  vertical-align: middle;
}
.send-assurance-content .card-info .car-name {
  margin-top: 3px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
}
.send-assurance-content .card-info .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  letter-spacing: -0.5px;
}
.send-assurance-content .card-info .car-info span {
  position: relative;
  font-size: 12px;
}
.send-assurance-content .card-info .car-info span:not(:first-of-type)::after {
  content: "";
  position: absolute;
  top: 4px;
  left: -4px;
  width: 1px;
  height: 1px;
  background-color: #000;
}
.send-assurance-content .card-info .car-price {
  margin-top: 4px;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}
.send-assurance-content .card-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 126px;
          flex: 0 0 126px;
  max-width: 126px;
}
.send-assurance-content .card-img .img {
  position: relative;
  aspect-ratio: 126/100;
  border-radius: 4px;
  overflow: hidden;
}
.send-assurance-content .card-img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.send-assurance-content .card-img .img-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: rgba(255, 93, 22, 0.8);
}
.send-assurance-content .card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.send-assurance-content .card-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  padding: 20px 15px;
  background-color: #faf9f7;
  border-radius: 4px;
}
.send-assurance-content .card-status .left-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.send-assurance-content .card-status .line {
  margin: 0 6px;
  display: inline-block;
  width: 1px;
  height: 10px;
  vertical-align: middle;
  background-color: #d9d9d9;
}
.send-assurance-content .card-status dl {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -0.5px;
}
.send-assurance-content .card-status dl:first-of-type {
  margin-top: 0;
}
.send-assurance-content .card-status dl dt, .send-assurance-content .card-status dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .send-assurance-content .card-status dl dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  max-width: 80px;
  color: #757575;
  font-size: 13px;
}
.send-assurance-content .card-status dl dd {
  font-size: 13px;
}
.send-assurance-content .card-status .btn {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: -1.39px;
  color: #000;
}
.send-assurance-empty {
  padding: 200px 25px;
  text-align: center;
}
.send-assurance-empty strong {
  font-weight: bold;
}
.send-assurance-empty p, .send-assurance-empty ul.guide-bul > li {
  margin-top: 12px;
}

.spacer {
  margin: 32px -16px 0;
  height: 8px;
  background-color: #f8f8f8;
}

.dealer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-row .dealer-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dealer-row .dealer-col.col-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.sales-method-selection-list {
  margin-top: 16px;
  display: block;
}
.sales-method-selection-list .sales-method-selection-item {
  position: relative;
  width: 100%;
  border-radius: 6px;
}
.sales-method-selection-list .sales-method-selection-item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sales-method-selection-list .sales-method-selection-item .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 180px;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 24px 24px 24px 149px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  text-decoration: none;
}
.sales-method-selection-list .sales-method-selection-item .tit {
  font-size: 18px;
  font-weight: 700;
}
.sales-method-selection-list .sales-method-selection-item .text {
  display: block;
  font-weight: 300;
}
.sales-method-selection-list .sales-method-selection-item .img {
  position: absolute;
  top: 54px;
  left: 24px;
  height: 72px;
  margin-top: 0;
}
.sales-method-selection-list .sales-method-selection-item .img img {
  height: 100%;
}
.sales-method-selection-list .sales-method-selection-item + .sales-method-selection-item {
  margin-top: 16px;
}

/* 공통 작업 */
.auction-header {
  padding: 0 0 15px;
}

.today-area {
  position: relative;
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin: -15px 0 10px;
  padding: 25px 15px 30px;
  z-index: 2;
}
.today-area h2 {
  font-size: 24px;
  margin-bottom: 11px;
  padding: 0 15px;
}
.today-area p, .today-area ul.guide-bul > li {
  font-size: 18px;
  color: #666;
  padding: 0 15px;
}
.today-area dl {
  position: relative;
  padding: 0 15px 25px;
}
.today-area dl:before {
  content: "";
  position: absolute;
  background: url("../images/sub/icon_dealer.png") no-repeat;
  background-size: 250px;
  right: 30px;
  top: 4px;
  width: 45px;
  height: 40px;
  z-index: 1;
}
.today-area dl.ing:before {
  background-position: 0 -40px;
  right: 15px;
  width: 84px;
  height: 50px;
}
.today-area dl.end:before {
  background-position: 0 -90px;
  right: 35px;
  width: 50px;
  height: 45px;
}
.today-area dl dt, .today-area dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .today-area dl dd {
  font-weight: 400;
  margin-bottom: 7px;
}
.today-area dl dt span, .today-area dl .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .today-area dl dd span {
  position: relative;
  display: block;
  color: #999;
}
.today-area dl dd {
  font-size: 24px;
  font-weight: 600;
  color: #2666c6;
}
.today-area .btn-wrap {
  display: -webkit-box;
}
.today-area .btn-wrap .btn {
  display: block;
  -webkit-box-flex: 1;
  width: 100%;
  height: 40px;
  color: #fff;
  line-height: 40px;
  background: #2666c6;
  border: 1px solid #2666c6;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}
.today-area .btn-wrap .btn.white {
  background: #fff;
  border-color: #ddd;
  color: #222;
}
.today-area .btn-wrap .btn + .btn {
  margin-left: 10px;
}

.auction-before {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 15px;
}
.auction-before .tit-area {
  position: relative;
}
.auction-before .tit-area h3 {
  font-size: 18px;
}
.auction-before .tit-area .btn-more {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 13px;
  color: #364f7f;
  text-decoration: none;
}
.auction-before .h-box {
  margin-top: 30px;
}
.auction-before .h-box > div:last-child {
  display: block;
}
.auction-before .h-box > div * {
  display: block;
  text-align: center;
}
.auction-before .h-box > div .num {
  font-size: 28px;
}

.auction-ing {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 25px 15px 10px;
}
.auction-ing h3 {
  margin-bottom: 15px;
  font-size: 18px;
}
.auction-ing .time-line > div {
  position: relative;
  display: -webkit-box;
}
.auction-ing .time-line > div:after {
  content: "";
  position: absolute;
  left: 17px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #2666c6;
}
.auction-ing .time-line > div .time {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  background: #fff;
  color: #2666c6;
  z-index: 2;
}
.auction-ing .time-line > div div {
  padding: 5px 0 15px 15px;
}
.auction-ing .time-line > div div strong {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}
.auction-ing .time-line > div div p, .auction-ing .time-line > div div ul.guide-bul > li {
  color: #666;
}
.auction-ing .time-line > div:last-child:after {
  display: none;
}

.auction-tip {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 25px 15px 10px;
}
.auction-tip h3 {
  margin-bottom: 25px;
  font-size: 18px;
}
.auction-tip ol li {
  position: relative;
  margin-bottom: 25px;
  padding: 0 0 0 53px;
}
.auction-tip ol li .tip-num {
  font-style: italic;
  font-weight: 400;
  color: #2666c6;
}
.auction-tip ol li strong {
  font-size: 16px;
  padding: 0 0 0 7px;
}
.auction-tip ol li .txt {
  margin-top: 10px;
  color: #666;
}
.auction-tip ol li:after {
  content: "";
  position: absolute;
  background: url("../images/sub/icon_dealer.png") no-repeat;
  background-size: 250px;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
}
.auction-tip ol li:nth-child(1):after {
  background-position: -210px 0;
}
.auction-tip ol li:nth-child(2):after {
  background-position: -170px 0;
}
.auction-tip ol li:nth-child(3):after {
  background-position: -130px 0;
}
.auction-tip a {
  display: inline-block;
  height: 30px;
  margin-top: 15px;
  padding: 0 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  line-height: 30px;
}

.box-type2 {
  position: relative;
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding-bottom: 15px;
  z-index: 2;
}
.box-type2 .basic-info {
  padding: 0 30px;
}
.box-type2 .basic-info .h-box div:first-child {
  color: #666;
}
.box-type2 .tit-wrap {
  position: relative;
  padding: 25px 0 0;
}
.box-type2 .tit-wrap h2.tit {
  font-size: 18px;
  margin: 0;
}
.box-type2 .tit-wrap .state {
  position: absolute;
  right: 15px;
  top: 32px;
  color: #2666c6;
  font-weight: 600;
}
.box-type2 .s-usedcar-info {
  padding: 15px 0;
}
.box-type2 .s-usedcar-info .s-pay span {
  margin-left: 10px;
  color: #2666c6;
}

.dlr-header .dealer-toggle,
.buy-header .dealer-toggle {
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: justify;
  background: #fff;
  width: 80px;
  height: 30px;
  padding: 2px;
  border-radius: 30px;
  overflow: hidden;
}
.dlr-header .dealer-toggle a,
.buy-header .dealer-toggle a {
  position: relative;
  display: block;
  height: 28px;
  width: 40px;
  text-decoration: none;
  line-height: 28px;
  color: #37609d;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  font-weight: 600;
  text-align: center;
}
.dlr-header .dealer-toggle a:first-child,
.buy-header .dealer-toggle a:first-child {
  color: #fff;
}
.dlr-header .dealer-toggle a:nth-child(2),
.buy-header .dealer-toggle a:nth-child(2) {
  position: relative;
  right: 3px;
}
.dlr-header .dealer-toggle:after,
.buy-header .dealer-toggle:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  background: #37609d;
  width: 40px;
  height: 28px;
  border-radius: 28px;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}
.dlr-header .dealer-toggle.on a,
.buy-header .dealer-toggle.on a {
  color: #fff;
}
.dlr-header .dealer-toggle.on a:first-child,
.buy-header .dealer-toggle.on a:first-child {
  color: #37609d;
}
.dlr-header .dealer-toggle.on:after,
.buy-header .dealer-toggle.on:after {
  left: 39px;
}
.dlr-header.content-header .dealer-toggle,
.buy-header.content-header .dealer-toggle {
  height: 32px;
  border: 1px solid #37609d;
}

.s-main .coin-point {
  padding: 85px 0 15px;
  background: linear-gradient(-45deg, #70cee5, #6096c6, #5980b9);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.s-main .coin-point h2.tit {
  margin-bottom: 10px;
  padding: 0 0 0 30px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  font-weight: bold;
}
.s-main .coin-point h2.tit span {
  font-size: 24px;
}
.s-main .coin-point .coin-point-box {
  position: relative;
  padding: 0 80px 25px 30px;
  overflow: hidden;
}
.s-main .coin-point .coin-point-box > div {
  display: inline-block;
  width: auto;
  min-width: 44%;
}
.s-main .coin-point .coin-point-box > div > * {
  display: block;
  color: #fff;
}
.s-main .coin-point .coin-point-box > div:last-child {
  margin: 0 0 0 20px;
  text-align: left;
}
.s-main .coin-point .coin-point-box > div span.arr {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.s-main .coin-point .coin-point-box > div span.arr:after {
  content: "";
  width: 4px;
  height: 7px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -107px;
  position: absolute;
  top: 6px;
  right: 0;
}
.s-main .coin-point .coin-point-box > div strong {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  padding: 0;
}
.s-main .coin-point .coin-point-box > div strong:after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat;
  background-size: 100px;
  position: relative;
}
.s-main .coin-point .coin-point-box > div.point strong:after {
  background-position: 0 -20px;
}
.s-main .coin-point .mark {
  right: 73px;
  top: 85px;
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat top;
  background-size: 100px;
  background-position: 0 -62px;
  width: 38px;
  height: 38px;
  text-indent: -999em;
}
.s-main .coin-point .mark.tp02 {
  right: 30px;
  background: url("../images/sub/ico_super.png") no-repeat;
  background-size: 100% 100%;
}
.s-main .coin-point .mark .btm-txt {
  position: absolute;
  right: 0;
  bottom: -18px;
  text-indent: initial;
  width: 100px;
  text-align: right;
  font-size: 11px;
  color: #37609d;
}
.s-main .coin-point .flag-grade-type {
  position: relative;
  padding-left: 30px;
  margin-bottom: 24px;
  font-size: 0;
}
.s-main .coin-point .flag-grade-type .ico-grade {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 4px;
  background: url("../images/sub/icon_dealer_badge@2x.png") no-repeat;
  background-size: 30px auto;
  text-indent: -9999em;
  overflow: hidden;
  vertical-align: middle;
}
.s-main .coin-point .flag-grade-type .state-super-dealer {
  position: relative;
  display: inline-block;
  border: 2px solid #4a70d1;
  margin-right: 4px;
  padding: 0 8px 0 28px;
  border-radius: 15px;
  background: #ebfefe;
  color: #4a70d1;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}
.s-main .coin-point .flag-grade-type .state-super-dealer:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("../images/sub/icon_dealer_badge@2x.png") no-repeat left -30px;
  background-size: 30px auto;
}
.s-main .coin-point .flag-grade-type .state-super-dealer__ballon {
  display: none;
}
.s-main .coin-point .flag-grade-type .info-super-dealer {
  display: inline-block;
  vertical-align: middle;
}
.s-main .coin-point .flag-grade-type .info-super-dealer .info-super-dealer__icon {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.s-main .coin-point .flag-grade-type .flag-grade-type__ballon {
  position: relative;
  display: block;
  width: calc(100vw - 60px);
  margin-top: 8px;
  padding: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  color: #666;
  font-size: 12px;
  overflow: visible;
}
.s-main .coin-point .flag-grade-type .flag-grade-type__ballon:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 90px;
  display: block;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent rgba(255, 255, 255, 0.6);
}
.s-main .coin-point .flag-grade-type .flag-grade-type__ballon-head {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}
.s-main .coin-point .setting {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-indent: -999em;
}
.s-main .coin-point .setting .txt {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 2px;
}
.s-main .coin-point .setting .txt:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat top;
  background-size: 100px;
  background-position: -15px -20px;
  right: 1px;
  top: 0;
  width: 23px;
  height: 24px;
}
.s-main .coin-point .setting .txt-t {
  display: block;
  width: 40px;
  height: 22px;
  background: url("../images/sub/btn_set.png") no-repeat 0 0;
  background-size: 40px 22px;
}
.s-main .coin-point .setting .btm-txt {
  position: absolute;
  right: 0;
  bottom: -18px;
  width: 60px;
  font-size: 10px;
  color: #fff;
  text-indent: initial;
}

.banner-type {
  width: 100%;
}
.banner-type a {
  position: relative;
  display: block;
  height: 44px;
  text-align: center;
}
.banner-type a img {
  width: 290px;
  height: 100%;
}

.box-rud {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 25px 15px 10px;
}
.box-rud .tit-wrap {
  position: relative;
}
.box-rud .tit-wrap .more {
  position: absolute;
  right: 15px;
  top: 3px;
  color: #2666c6;
}
.box-rud h2.tit {
  margin-bottom: 22px;
  padding: 0;
  font-size: 20px;
}
.box-rud .txt {
  padding: 0 15px;
  font-size: 18px;
}
.box-rud .txt span {
  font-size: 18px;
  color: #10a8e5;
  font-weight: 400;
}
.box-rud .btn {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #2666c6;
  margin: 30px 0 20px;
  font-size: 18px;
  color: #2666c6;
  text-align: center;
  line-height: 50px;
  border-radius: 4px;
}
.box-rud .list-type {
  padding: 0 15px;
}
.box-rud .list-type li {
  border-top: 1px solid #ddd;
}
.box-rud .list-type li:first-child {
  border: none;
}
.box-rud .list-type li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
}
.box-rud .list-type li a span {
  display: -webkit-box;
  -webkit-box-align: center;
  padding: 0 0 0 35px;
  color: #666;
}
.box-rud .list-type li a span:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat;
  background-size: 100px;
}
.box-rud .list-type li a span.ico-client:after {
  background-position: 0 -44px;
  width: 20px;
  height: 17.5px;
  left: 5px;
}
.box-rud .list-type li a span.ico-client02:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer02.png") no-repeat;
  background-size: 100px;
  background-position: 0 0;
  width: 22px;
  height: 12.5px;
  left: 5px;
  top: calc(50% - 7px);
}
.box-rud .list-type li a span.ico-estimate:after {
  background-position: -20px -44px;
  width: 20px;
  height: 17.5px;
  left: 5px;
}
.box-rud .list-type li a span.ico-auction1:after {
  background-position: -40px -20px;
  width: 20px;
  height: 14px;
  left: 5px;
}
.box-rud .list-type li a span.ico-auction2:after {
  background-position: -40px -38px;
  width: 13px;
  height: 22px;
  left: 8px;
}
.box-rud .list-type li a strong {
  font-size: 20px;
}
.box-rud .list-type li a strong.new {
  position: relative;
}
.box-rud .list-type li a strong.new:after {
  content: "";
  position: absolute;
  right: -2px;
  top: 0;
  width: 3px;
  height: 3px;
  background: #fb1b1b;
  border-radius: 100%;
}
.box-rud .car-num {
  display: -webkit-box;
  margin-bottom: 17px;
  padding: 0 15px;
}
.box-rud .car-num > * {
  display: -webkit-box;
  -webkit-box-align: center;
}
.box-rud .car-num span {
  position: relative;
  color: #666;
}
.box-rud .car-num span.bl {
  margin-left: 30px;
}
.box-rud .car-num span.bl:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 5px;
  width: 1px;
  height: 18px;
  background: #ddd;
  -webkit-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
          transform: rotate(24deg);
}
.box-rud .car-num strong {
  font-size: 20px;
  font-weight: 400;
  margin-left: 5px;
}
.box-rud.admin-car {
  padding: 25px 0 30px;
}
.box-rud.admin-car .tit-wrap,
.box-rud.admin-car .car-num {
  padding: 0 30px;
}
.box-rud.admin-car h2.tit {
  padding: 0;
}
.box-rud.admin-car .swiper-container {
  padding: 0 30px;
}
.box-rud.admin-car .swiper-slide {
  position: relative;
  width: 115px;
  height: 140px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.box-rud.admin-car .swiper-slide .box {
  position: relative;
  height: 100%;
  padding: 15px 10px 15px 12px;
}
.box-rud.admin-car .swiper-slide .box .tit {
  display: block;
  height: 35px;
  font-weight: 400;
}
.box-rud.admin-car .swiper-slide .box .num {
  font-size: 24px;
}
.box-rud.admin-car .swiper-slide .box .txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 12px;
  font-size: 11px;
}
.box-rud.admin-car .swiper-slide .box:after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 0;
  background: url("../images/sub/traffic_lights.png") no-repeat;
  background-size: cover;
  width: 47px;
  height: 76px;
}
.box-rud.admin-car .swiper-slide .box.red .num,
.box-rud.admin-car .swiper-slide .box.red .txt {
  color: #e61e1e;
}
.box-rud.admin-car .swiper-slide .box.red:before {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 22px;
  background: #e61e1e;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  z-index: 2;
}
.box-rud.admin-car .swiper-slide .box.yellow .num,
.box-rud.admin-car .swiper-slide .box.yellow .txt {
  color: #ffbc00;
}
.box-rud.admin-car .swiper-slide .box.yellow:before {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 38px;
  background: #ffbc00;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  z-index: 2;
}
.box-rud.admin-car .swiper-slide .box.green .num,
.box-rud.admin-car .swiper-slide .box.green .txt {
  color: #2ba238;
}
.box-rud.admin-car .swiper-slide .box.green:before {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 53px;
  background: #2ba238;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  z-index: 2;
}
.box-rud.admin-car .swiper-slide .full-member {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.box-rud.admin-car .swiper-slide .full-member:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.42;
  border-radius: 4px;
  overflow: hidden;
}
.box-rud.admin-car .swiper-slide .full-member span {
  position: relative;
  display: -webkit-box;
  height: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  z-index: 2;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  text-align: center;
}
.box-rud .justify-type {
  margin-bottom: 15px;
  padding: 0 15px;
}
.box-rud.type1 {
  padding: 0;
}
.box-rud.type1 h2.tit {
  padding: 25px 15px 0;
}

.vehicle-lookup {
  background: #3d4148;
  border-radius: 15px;
  margin: 0 15px 10px;
  padding: 15px;
}
.vehicle-lookup a {
  display: -webkit-box;
  color: #fff;
}
.vehicle-lookup a p, .vehicle-lookup a ul.guide-bul > li {
  margin-bottom: 25px;
}
.vehicle-lookup a strong {
  font-size: 18px;
  color: #fdff6e;
}
.vehicle-lookup a > div {
  -webkit-box-flex: 1;
  width: 50%;
}

.notice-list {
  background: #fff;
  padding: 0 15px;
}
.notice-list li {
  margin-top: 30px;
}
.notice-list li:first-child {
  margin: 0;
}
.notice-list a {
  display: -webkit-box;
}
.notice-list a > div:first-child {
  -webkit-box-flex: 1;
  margin-right: 10px;
}
.notice-list a .img {
  width: 110px;
  height: 83px;
  padding-top: 20px;
}
.notice-list a .point-txt {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 0 5px;
  height: 18px;
  background: #fd665c;
  color: #fff;
  border-radius: 12px;
  font-size: 13px;
}
.notice-list a .txt {
  padding: 0;
  font-size: 14px;
}
.notice-list a .date {
  color: #999;
  font-size: 12px;
}

.dealer-list {
  background: #fff;
}
.dealer-list li {
  border-bottom: 1px solid #ddd;
}
.dealer-list a {
  display: block;
  width: 100%;
  color: #222;
  padding: 25px 15px;
  text-decoration: none;
}
.dealer-list a .tit {
  display: block;
  width: 100%;
  font-weight: 600;
}
.dealer-list a .img {
  border-radius: 4px;
  overflow: hidden;
}
.dealer-list a .img img {
  width: 100%;
}
.dealer-list .justify-type {
  margin-bottom: 10px;
}
.dealer-list .justify-type > span {
  display: -webkit-box;
  -webkit-box-flex: 1;
  font-size: 12px;
}
.dealer-list .justify-type .date {
  color: #999;
}
.dealer-list .justify-type .important,
.dealer-list .justify-type .new {
  display: inline-block;
  -webkit-box-pack: end;
  color: #fff;
  height: 18px;
  border-radius: 18px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 400;
}
.dealer-list .justify-type .important {
  background: #2666c6;
}
.dealer-list .justify-type .new {
  background: #fd665c;
}

.box-rud2 {
  padding: 0 0 50px;
  border-radius: 15px 15px 0 0;
  background: #fff;
}
.box-rud2 .list {
  display: -webkit-box;
  padding: 0 30px;
}
.box-rud2 .list li {
  -webkit-box-flex: 1;
  position: relative;
}
.box-rud2 .list li a {
  display: block;
  padding: 58px 0 30px;
  text-align: center;
  font-weight: 400;
}
.box-rud2 .list li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 31px;
  background: url("../images/sub/bg_dealer.png") no-repeat;
  background-size: 100px;
  width: 20px;
  height: 17px;
  margin-left: -10px;
}
.box-rud2 .list li:nth-child(1):after {
  background-position: -80px 0;
}
.box-rud2 .list li:nth-child(2):after {
  background-position: -80px -17px;
}
.box-rud2 .list li:nth-child(3):after {
  background-position: -80px -34px;
  height: 19px;
}
.box-rud2 .list li:nth-child(4):after {
  background-position: -80px -53px;
  height: 19px;
}

.btm-rud {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0 0 15px 15px;
  padding: 25px 15px 30px;
}
.btm-rud .v-box {
  margin: 0;
}
.btm-rud .input-box.type-txt {
  position: relative;
}
.btm-rud .input-box.type-txt .first {
  position: absolute;
  left: 15px;
  top: 13px;
  font-size: 16px;
}
.btm-rud .input-box.type-txt .last {
  position: absolute;
  right: 15px;
  top: 13px;
  font-size: 16px;
}
.btm-rud .input-box.type-txt .input-type {
  padding: 3px 35px 0;
  text-align: right;
}
.btm-rud .class-area {
  display: -webkit-box;
}
.btm-rud .class-area .txt {
  -webkit-box-flex: 1;
  font-size: 24px;
  font-weight: bold;
}
.btm-rud .class-area .link {
  text-align: right;
  padding-left: 5px;
}
.btm-rud .class-area .link .icon-box {
  margin-bottom: 15px;
}
.btm-rud .class-area .link .icon-box .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../images/sub/ico_friends.png") no-repeat;
  background-size: 100% 100%;
}
.btm-rud .class-area .link .icon-box .icon.tp02 {
  background: url("../images/sub/ico_super.png") no-repeat;
  background-size: 100% 100%;
}
.btm-rud .class-area .link .ico {
  display: inline-block;
  height: 26px;
  border: 1px solid #ddd;
  color: #999;
  font-size: 11px;
  text-decoration: none;
  border-radius: 26px;
  line-height: 24px;
  padding: 0 7px;
}

.area-type .box-area {
  border-radius: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 25px 0 30px;
}
.area-type .box-area.top-rud {
  border-radius: 15px 15px 0 0;
  margin-bottom: 0;
}
.area-type .area-cnt {
  padding: 0 15px;
}
.area-type .area-cnt .btn-wrap .btn {
  border-color: #2666c6;
}
.area-type .area-cnt dl.pic-reg {
  margin-top: 30px;
}
.area-type .area-cnt dl.pic-reg dt, .area-type .area-cnt dl.pic-reg .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .area-type .area-cnt dl.pic-reg dd {
  padding-left: 15px;
  text-indent: -15px;
}
.area-type .area-cnt dl.pic-reg dd .img-area {
  min-height: 220px;
  background: #f2f2f2;
  margin-top: 15px;
  padding: 5px;
}
.area-type .area-cnt dl.pic-reg dd .img-area-dim {
  position: relative;
}
.area-type .area-cnt dl.pic-reg dd .img-area-dim:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.area-type .area-cnt dl.pic-reg dd .add-pic {
  width: 100%;
  height: 100%;
  min-height: 220px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.area-type .area-cnt dl.pic-reg dd .add-pic div.file-upload {
  width: 100%;
  height: 100%;
  min-height: 220px;
  vertical-align: middle;
}
.area-type .area-cnt dl.pic-reg dd .add-pic label {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  cursor: pointer;
  z-index: 2;
}
.area-type .area-cnt dl.pic-reg dd .add-pic label:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -200px -150px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}
.area-type .area-cnt dl.pic-reg dd .add-pic input[type=file], .area-type .area-cnt dl.pic-reg dd .add-pic .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .area-type .area-cnt dl.pic-reg dd .add-pic [type=file].ico-confirm, .area-type .area-cnt dl.pic-reg dd .add-pic .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .area-type .area-cnt dl.pic-reg dd .add-pic [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.area-type .area-cnt .img-area {
  position: relative;
  margin-top: 30px;
}
.area-type .area-cnt .img-area .btn-del {
  position: absolute;
  right: -6px;
  top: -6px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #efefef;
  text-indent: -999em;
  border: none;
  z-index: 3;
}
.area-type .area-cnt .img-area .btn-del:after, .area-type .area-cnt .img-area .btn-del:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 8px;
  width: 2px;
  height: 10px;
  background: #666;
}
.area-type .area-cnt .img-area .btn-del:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.area-type .area-cnt .img-area .btn-del:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.area-type .area-cnt .img-area img {
  width: 100%;
}
.area-type .area-cnt .car-sale-list {
  margin-top: 5px;
  padding: 10px 0 80px;
}
.area-type .area-cnt .car-sale-list a {
  border: 1px solid #ddd;
  border-radius: 8px;
}
.area-type .area-cnt .car-sale-list a span {
  font-size: 18px;
}
.area-type .area-cnt .input-ck + label {
  font-size: 14px;
  line-height: 1.4em;
}
.area-type .area-cnt .no-input {
  padding: 35px 0 0;
}
.area-type .area-cnt .no-input strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
.area-type .area-cnt .no-input p, .area-type .area-cnt .no-input ul.guide-bul > li {
  margin-bottom: 20px;
}
.area-type .note-type {
  margin-bottom: 10px;
}
.area-type .note-type dt, .area-type .note-type .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .area-type .note-type dd {
  position: relative;
  margin-bottom: 7px;
  padding: 0 0 0 17px;
  color: #fd665c;
  font-weight: 600;
}
.area-type .note-type dt:after, .area-type .note-type .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .area-type .note-type dd:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_sell.png") no-repeat;
  background-size: 250px;
  background-position: -35px 0;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
}
.area-type .note-type dd {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 13px;
  color: #999;
}
.area-type .note-type dd:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #999;
  border-radius: 3px;
}
.area-type .bl-type li {
  position: relative;
  padding: 0 0 0 20px;
  color: #fd665c;
  font-size: 13px;
}
.area-type .bl-type li:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.justify-type {
  display: -webkit-box;
  -webkit-box-align: center;
}
.justify-type > * {
  display: -webkit-box;
}
.justify-type .web-box {
  -webkit-box-flex: 1;
  color: #666;
}
.justify-type .btn {
  margin: 0;
  height: 40px;
  line-height: 40px;
  background: #2666c6;
  font-size: 15px;
  color: #fff;
}

.dealer-view {
  background: #fff;
}
.dealer-view .img img {
  width: 100%;
}
.dealer-view .view-area {
  padding: 25px 15px;
}
.dealer-view .view-area .tit {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.dealer-view .view-area .date {
  color: #999;
}
.dealer-view .view-area .view-txt {
  padding: 30px 0;
}

.coin-rud {
  margin-bottom: 10px;
  padding-bottom: 0;
  border-radius: 15px;
}
.coin-rud .coin-area {
  padding: 30px 0 0;
}
.coin-rud .coin-area .coin-txt {
  display: block;
  color: #666;
  text-align: center;
}
.coin-rud .coin-area .coin-num {
  position: relative;
  display: block;
  margin-bottom: 8px;
  text-align: center;
}
.coin-rud .coin-area .coin-num span {
  position: relative;
  display: inline-block;
  font-size: 24px;
  padding: 0 24px 0 0;
}
.coin-rud .coin-area .coin-num span:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  right: 0;
  top: 9px;
  width: 18px;
  height: 18px;
}
.coin-rud .coin-area .btn-wrap {
  text-align: center;
  margin-bottom: 30px;
}
.coin-rud .coin-area .btn-wrap a {
  display: inline-block;
  height: 30px;
  padding: 0 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  line-height: 28px;
}

.rud-box .btn-coin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #ddd;
}
.rud-box .btn-coin a {
  display: block;
  width: 25%;
  position: relative;
  text-decoration: none;
  color: #222;
  padding: 40px 0 15px;
  text-align: center;
  font-weight: 600;
}
.rud-box .btn-coin a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  left: 50%;
  top: 15px;
  width: 25px;
  height: 20px;
  margin-left: -12px;
}
.rud-box .btn-coin a.auto-up:after {
  background-position: 0 -143px;
}
.rud-box .btn-coin a.special-ad:after {
  background-position: -25px -143px;
}
.rud-box .btn-coin a.hot-mark:after {
  background-position: -100px -143px;
}
.rud-box .btn-coin a.auction:after {
  background-position: -75px -143px;
}
.rud-box .btn-coin a span {
  font-size: 13px;
}

.rud-box.bottoms-up {
  margin-bottom: 10px;
  padding-bottom: 25px;
  border-radius: 15px;
}
.rud-box.bottoms-up .point-area {
  padding: 30px 0 0;
}
.rud-box.bottoms-up .point-area .point-txt {
  display: block;
  color: #666;
  text-align: center;
}
.rud-box.bottoms-up .point-area .point-num {
  position: relative;
  display: block;
  margin-bottom: 8px;
  text-align: center;
}
.rud-box.bottoms-up .point-area .point-num span {
  position: relative;
  display: inline-block;
  font-size: 24px;
  padding: 0 24px 0 0;
}
.rud-box.bottoms-up .point-area .point-num span:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -53px -118px;
  background-size: 250px;
  right: 0;
  top: 9px;
  width: 18px;
  height: 18px;
}
.rud-box.bottoms-up .btn-wrap {
  text-align: center;
  margin-bottom: 30px;
}
.rud-box.bottoms-up .btn-wrap a {
  display: inline-block;
  height: 30px;
  padding: 0 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #222;
  line-height: 28px;
}
.rud-box.bottoms-up .bl-circle:after {
  background: #999;
}

.m-ship .sub-tit {
  font-size: 18px;
  padding: 15px 0 10px 15px;
}
.m-ship .car-select-list {
  margin-bottom: 0;
}
.m-ship .car-select-list .link-type ul {
  padding: 0;
}
.m-ship .car-select-list .member-list {
  margin-bottom: -1px;
}

.coin-saving {
  padding-bottom: 30px;
}
.coin-saving .month .my-coin {
  display: -webkit-box;
  margin-bottom: 20px;
}
.coin-saving .month .my-coin > div {
  -webkit-box-flex: 1;
}
.coin-saving .month .my-coin .coin-txt span {
  display: block;
}
.coin-saving .month .my-coin .coin-txt span.name {
  font-size: 18px;
  font-weight: 600;
}
.coin-saving .month .my-coin .coin-txt span.name em {
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}
.coin-saving .month .my-coin .coin-txt span.coin-num {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  padding: 0 25px 0 0;
  font-size: 24px;
  font-weight: bold;
  vertical-align: top;
  line-height: 1em;
}
.coin-saving .month .my-coin .coin-txt span.coin-num:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  width: 18px;
  height: 18px;
  top: 4px;
  right: 0;
}
.coin-saving .month .my-coin .btn {
  display: -webkit-box;
  -webkit-box-pack: end;
  -webkit-box-align: end;
}
.coin-saving .month .my-coin .btn a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  background: #2666c6;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  line-height: 30px;
}
.coin-saving .month .month-coin {
  display: -webkit-box;
}
.coin-saving .month .month-coin .tit {
  color: #666;
  padding: 3px 0 0;
}
.coin-saving .month .month-coin .coin {
  position: relative;
  -webkit-box-flex: 1;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  padding: 0 25px 0 0;
}
.coin-saving .month .month-coin .coin:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  width: 18px;
  height: 18px;
  top: 3px;
  right: 0;
}
.coin-saving .saving-area {
  margin-bottom: 10px;
  padding: 15px 0 30px;
  border-radius: 15px;
}
.coin-saving .saving-area .sub-tit {
  padding: 12px 0 10px 15px;
  border-bottom: 1px solid #ddd;
}
.coin-saving .saving-area .list {
  padding: 0 15px;
}
.coin-saving .saving-area .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 65px;
  border-bottom: 1px solid #ddd;
}
.coin-saving .saving-area .list li:first-child {
  border-top: 0;
}
.coin-saving .saving-area .list li > div {
  width: 33.33%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  text-align: right;
}
.coin-saving .saving-area .list li > div:first-child {
  text-align: left;
  width: 40%;
}
.coin-saving .saving-area .list li > div.last {
  width: 100px;
  text-align: center;
  padding-left: 10px;
}
.coin-saving .saving-area .list li .txt-aid {
  display: block;
  font-size: 13px;
  color: #999;
}
.coin-saving .saving-area .list li .coin {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 0 25px 0 0;
  vertical-align: top;
  line-height: 1em;
}
.coin-saving .saving-area .list li .coin:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat -30px -118px;
  background-size: 250px;
  width: 18px;
  height: 18px;
  top: 5px;
  right: 0;
}
.coin-saving .saving-area .list li a {
  display: inline-block;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-decoration: none;
  color: #222;
  line-height: 22px;
}
.coin-saving .saving-area .list li .blue-txt {
  color: #2666c6 !important;
}
.coin-saving .saving-area .point-list {
  position: relative;
  padding: 0 15px;
}
.coin-saving .saving-area .point-list .list {
  padding: 0;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.coin-saving .saving-area .point-list .list li {
  height: 40px;
  border: 0 none;
}
.coin-saving .saving-area .point-list .last-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  display: inline-block;
  height: 24px;
  padding: 0 10px;
  margin-top: -12px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-decoration: none;
  color: #222;
  line-height: 22px;
}

.notice-layer-btm {
  padding: 30px 0 0;
}
.notice-layer-btm .page-num {
  position: absolute;
  right: 15px;
  top: 15px;
}
.notice-layer-btm .tit-txt {
  display: block;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.notice-layer-btm .notice-txt {
  position: relative;
  display: -webkit-box;
  height: 38px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  padding: 0 80px 0 35px;
}
.notice-layer-btm .notice-txt .mark {
  position: absolute;
  left: 0;
  top: 1px;
  display: inline-block;
  background: #fd665c;
  color: #fff;
  border-radius: 19px;
  margin-right: 5px;
  padding: 2px 5px 1px;
  font-size: 12px;
}
.notice-layer-btm .notice-txt a {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  text-decoration: none;
}

.my-header h1.main {
  padding: 0;
  color: #fff;
}
.my-header dl {
  display: inline-block;
  margin-left: 5px;
}
.my-header dl dt, .my-header dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .my-header dl dd {
  display: inline-block;
  color: #fff;
}
.my-header dl dd {
  display: inline-block;
  color: #ffcc00;
  font-weight: 600;
}

.my-car-admin {
  margin-bottom: -15px;
  padding: 85px 20px 20px;
  background: linear-gradient(-45deg, #70cee5, #6096c6, #5980b9);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.my-car-admin .link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 17px 0 12px;
}
.my-car-admin .link-area a {
  position: relative;
  padding: 0 0 0 17px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
}
.my-car-admin .link-area a:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6px;
}
.my-car-admin .link-area a.ad:after {
  background-position: -237px 0;
}
.my-car-admin .link-area a.theme:after {
  background-position: -237px -13px;
}
.my-car-admin .link-area a.explain:after {
  background-position: -237px -26px;
}
.my-car-admin .link-area a.send-assurance:after {
  background: url(../images/sub/icon-kb-shield.png) no-repeat 50% 50%;
  background-size: 12px auto;
}
.my-car-admin .my-car-search {
  position: relative;
  padding: 5px 28px 5px 0;
  background: #376ba2;
  border-radius: 4px;
}
.my-car-admin .my-car-search .txt {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #fff;
  z-index: 0;
}
.my-car-admin .my-car-search .txt span {
  font-size: 12px;
}
.my-car-admin .my-car-search .input-type {
  position: relative;
  width: 100%;
  height: 30px;
  background: none;
  border: 0;
  color: #fff;
}
.my-car-admin .my-car-search button {
  position: absolute;
  right: 0;
  bottom: 5px;
  border: 0;
  width: 28px;
  height: 33px;
  background: none;
  text-indent: -999em;
  z-index: 2;
}
.my-car-admin .my-car-search button:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  left: 5px;
  top: 7px;
  background-position: -100px -115px;
  width: 18px;
  height: 18px;
}

.rud-top-box {
  border-radius: 15px 15px 0 0;
}

.page-list.col5 > a {
  height: auto;
  line-height: normal;
}

.time-special {
  position: absolute;
  left: 15px;
  top: 5px;
  display: inline-block;
  width: 87px;
  height: 20px;
  background: #fd665c;
  padding: 0 10px 0 20px;
  font-style: italic;
  border-radius: 20px;
  z-index: 2;
  line-height: 19px;
}
.time-special:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 3px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 100%;
}
.time-special:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 5px;
  width: 1px;
  height: 4px;
  background: #fd665c;
  z-index: 3;
}
.time-special a {
  position: relative;
  display: block;
  height: 20px;
  padding: 2px 0 0;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
.time-special a:after {
  content: "";
  position: absolute;
  left: -12px;
  top: 9px;
  width: 5px;
  height: 1px;
  background: #fd665c;
  z-index: 3;
}

.d-hotmark {
  margin: 8px 0 0;
}
.d-hotmark span {
  margin-right: 5px;
}
.d-hotmark .special {
  display: inline-block;
  height: 20px;
  border: 1px solid #fd665c;
  color: #fd665c;
  border-radius: 20px;
  padding: 0 10px;
  font-weight: 600;
}
.d-hotmark .car {
  display: inline-block;
  height: 20px;
  background-color: #10a8e5;
  border: 1px solid #10a8e5;
  color: #fff;
  padding: 0 10px;
  border-radius: 20px;
}

.b-pay .line-th {
  text-decoration: line-through;
  color: #999;
  font-size: 12px;
  font-style: normal;
  margin-left: 10px;
}

.dlr-page-list > ul li a span {
  position: relative;
  display: inline-block;
}
.dlr-page-list > ul li a span .acount {
  position: absolute;
  top: -9px;
  right: -9px;
}

.tab-vehicles-content.btm-pad {
  padding: 0 0 50px;
  height: auto;
}

.layer-time-special {
  position: relative;
  padding: 0 0 0 56px;
  font-size: 18px;
  font-weight: 100;
}
.layer-time-special:after {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat;
  background-size: 100px;
  background-position: -40px -62px;
  left: 0;
  top: 2px;
  width: 39px;
  height: 36px;
  line-height: 1.2em;
}

.my-list-pop {
  padding: 0 0 54px;
}
.my-list-pop h1 {
  padding: 0 0 0 15px;
}
.my-list-pop .my-admin-list li {
  border-top: 1px solid #ddd;
}
.my-list-pop .my-admin-list li a {
  display: block;
  height: 68px;
  padding: 0 15px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 68px;
  text-decoration: none;
}

.ad-section.layer-special {
  margin-bottom: 0;
  padding: 0 15px 60px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ad-section.layer-special .caution {
  text-align: center;
}
.ad-section.layer-special .caution:before {
  display: none;
}
.ad-section.layer-special .caution span {
  position: relative;
}
.ad-section.layer-special .caution span:before {
  position: absolute;
  left: -16px;
  top: 3px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}
.ad-section.layer-special .ad-effect-wrap {
  margin: 30px 0;
  padding: 30px 15px;
  background: #a6b5c7;
  border-radius: 8px;
  overflow: hidden;
}
.ad-section.layer-special .ad-effect-wrap * {
  color: #fff;
}
.ad-section.layer-special .ad-effect-wrap strong {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
}
.ad-section.layer-special .ad-effect-wrap p, .ad-section.layer-special .ad-effect-wrap ul.guide-bul > li {
  margin-bottom: 22px;
}
.ad-section.layer-special .ad-effect-wrap a {
  position: relative;
  display: block;
  height: 50px;
  padding: 0 0 0 15px;
  background: #6d88a9;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  line-height: 48px;
}
.ad-section.layer-special .ad-effect-wrap a:after {
  content: "";
  border: solid #fff;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.ad-section.layer-special .special-appl .b-txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.ad-section.layer-special .special-appl .b-txt span {
  font-size: 20px;
  font-weight: 600;
  color: #10a8e5;
}
.ad-section.layer-special .special-appl .point-txt {
  position: relative;
  margin-bottom: 40px;
  padding: 0 0 0 18px;
}
.ad-section.layer-special .special-appl .point-txt:after {
  content: "";
  content: "";
  position: absolute;
  background: url("../images/sub/bg_dealer.png") no-repeat;
  background-size: 100px;
  background-position: -88px -88px;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
}
.ad-section.layer-special .sell {
  text-align: right;
}
.ad-section.layer-special .sell .existing {
  margin-bottom: 10px;
  color: #666;
}
.ad-section.layer-special .sell .existing strong {
  display: inline-block;
  margin-left: 14px;
  text-decoration: line-through;
  font-size: 20px;
  font-weight: 400;
  color: #222;
}
.ad-section.layer-special .input-wrap {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 35px 10px 0;
}
.ad-section.layer-special .input-wrap .input-type {
  height: 28px;
  line-height: 28px;
  border: 0;
  text-align: right;
}
.ad-section.layer-special .input-wrap .pay-type {
  position: absolute;
  top: 14px;
  right: 10px;
  color: #999;
  font-size: 16px;
}
.ad-section.layer-special .bl-circle {
  margin-top: 12px;
}
.ad-section.layer-special .bl-circle:after {
  background: #999;
}

.calling {
  padding: 0 15px;
}
.calling h2 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;
}
.calling .textarea-type {
  width: 100%;
  height: 70px;
  border: 1px solid #ddd;
}
.calling .txt-byte {
  margin: 5px 0 35px;
  text-align: right;
  font-size: 12px;
  color: #999;
}
.calling .txt {
  margin: 0 0 55px;
  padding: 10px 0 0;
  border-top: 1px solid #ddd;
}

.point-ad .animate-graph {
  position: relative;
  bottom: -9px;
  background: url("../images/sub/bg_graph_ad.png") no-repeat;
  background-size: 211px 105px;
  width: 211px;
  height: 105px;
  margin: 50px auto 60px;
}
.point-ad .animate-graph[class*=on]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-size: 211px 105px;
  width: 211px;
  height: 105px;
}
.point-ad .animate-graph.on1:after {
  background-image: url("../images/sub/bg_graph_ad01_on.png");
}
.point-ad .animate-graph.on2:after {
  background-image: url("../images/sub/bg_graph_ad02_on.png");
}
.point-ad .animate-graph.on3:after {
  background-image: url("../images/sub/bg_graph_ad03_on.png");
}
.point-ad .animate-graph [class*=num-veh] {
  position: absolute;
  font-weight: 400;
}
.point-ad .animate-graph .num-veh01 {
  left: -12px;
  top: 24px;
  -webkit-transform: rotate(-51deg);
      -ms-transform: rotate(-51deg);
          transform: rotate(-51deg);
}
.point-ad .animate-graph .num-veh02 {
  left: 66px;
  top: -24px;
}
.point-ad .animate-graph .num-veh03 {
  right: -14px;
  top: 26px;
  -webkit-transform: rotate(55deg);
      -ms-transform: rotate(55deg);
          transform: rotate(55deg);
}
.point-ad .animate-graph .percent-first {
  position: absolute;
  left: 67px;
  top: 47px;
  color: #999;
  font-size: 11px;
  -webkit-transform: rotate(-34deg);
      -ms-transform: rotate(-34deg);
          transform: rotate(-34deg);
}
.point-ad .animate-graph .percent-last {
  position: absolute;
  right: 67px;
  top: 48px;
  color: #999;
  font-size: 11px;
  -webkit-transform: rotate(34deg);
      -ms-transform: rotate(34deg);
          transform: rotate(34deg);
}
.point-ad .pin-wrap {
  position: relative;
  bottom: -6px;
  width: 26%;
  height: 100%;
  margin: 0 0 0 37%;
}
.point-ad .pin-wrap .pin {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  z-index: 2;
}
.point-ad .pin-wrap .pin:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #2666c6;
}
.point-ad .pin-wrap .pin:before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 2;
  border-radius: 9px;
}
.point-ad .pin-wrap .bar {
  position: absolute;
  bottom: 7px;
  width: 50%;
  height: 4px;
}
.point-ad .pin-wrap .bar:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #2666c6;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 100%;
      -ms-transform-origin: 100%;
          transform-origin: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
.point-ad .pin-wrap .bar.num1:after {
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}
.point-ad .pin-wrap .bar.num2:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.point-ad .pin-wrap .bar.num3:after {
  -webkit-transform: rotate(155deg);
      -ms-transform: rotate(155deg);
          transform: rotate(155deg);
}

.graph-bar {
  padding: 0 15px 45px;
}
.graph-bar .bar-wrap {
  position: relative;
  width: 100%;
  height: 2px;
  background: #f1f1f1;
  border-radius: 2px;
}
.graph-bar .bar-wrap > span {
  display: inline-block;
  position: relative;
  height: 2px;
  top: -13px;
  left: 0;
  border-radius: 2px;
}
.graph-bar .bar-wrap > span.now {
  color: #2666c6;
  background: #2666c6;
  z-index: 2;
}
.graph-bar .bar-wrap > span.forecast {
  color: #fd665c;
  background: #fd665c;
}
.graph-bar .bar-wrap > span.forecast em {
  right: 0;
  text-align: right;
}
.graph-bar .bar-wrap > span > * {
  font-style: normal;
}
.graph-bar .bar-wrap > span em {
  position: absolute;
  left: 0;
  bottom: -17px;
  font-size: 10px;
  min-width: 50px;
}
.graph-bar .tit {
  margin-left: -15px;
  padding: 0 0 10px;
}
.graph-bar .tit .tool-tip {
  display: inline-block;
}
.graph-bar .tit .tool-tip button {
  position: relative;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 0;
  background: none;
}
.graph-bar .tit .tool-tip button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-position: -60px -289px;
}

.thema-area.ad-list {
  padding-bottom: 0;
}
.thema-area.ad-list .fs-txt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
}
.thema-area.ad-list .flex-sbw {
  padding: 0 0 4px;
}
.thema-area.ad-list .tmmycar-sel a {
  color: #222;
  text-decoration: none;
}
.thema-area.ad-list .tmmycar-sel a .area-st {
  display: -webkit-box;
}
.thema-area.ad-list .tmmycar-sel a .area-st .s-brand {
  margin-bottom: 0;
}
.thema-area.ad-list .tmmycar-sel a .area-st .s-pay .car-num {
  margin-left: 15px;
  color: #2666c6;
  font-weight: 600;
}

.time-special-pop .fs-txt {
  margin-bottom: 8px;
  font-size: 18px;
}
.time-special-pop .fs-txt strong {
  text-decoration: line-through;
}
.time-special-pop .input-wrap {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 0;
}
.time-special-pop .input-wrap input[type=number], .time-special-pop .input-wrap .new-content-body .inp-box [type=number].ico-confirm, .new-content-body .inp-box .time-special-pop .input-wrap [type=number].ico-confirm, .time-special-pop .input-wrap .type-mydata .inp-box [type=number].ico-confirm, .type-mydata .inp-box .time-special-pop .input-wrap [type=number].ico-confirm {
  text-align: right;
  padding-right: 50px;
  height: 28px;
  line-height: 28px;
  border: 0;
}
.time-special-pop .input-wrap .pay-type {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #999;
  font-size: 16px;
}
.time-special-pop .bl-circle {
  margin: 12px 0 0;
}
.time-special-pop .bl-circle:after {
  background: #999;
}

.fs-cor {
  font-size: 18px;
  color: #2666c6;
}

.inventory-wrap .penalty-sec {
  position: relative;
  background: #fff;
  padding: 30px 15px 10px;
}
.inventory-wrap .penalty-sec .penalty-ps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inventory-wrap .penalty-sec .penalty-ps h2 {
  font-weight: bold;
  font-size: 24px;
  padding-left: 15px;
}
.inventory-wrap .penalty-sec .penalty-ps > div {
  position: relative;
}
.inventory-wrap .penalty-sec .penalty-ps > div .ps-star {
  text-align: right;
  padding-top: 5px;
}
.inventory-wrap .penalty-sec .penalty-ps > div .ps-star b {
  display: block;
  font-size: 20px;
  color: #2666c6;
  margin-top: 5px;
  font-size: 14px;
}
.inventory-wrap .penalty-sec .penalty-ps > div .caution {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 120px;
  color: #fff;
  background-color: #fd665c;
  font-size: 13px;
  margin-top: 10px;
  padding: 4px 10px 3px 22px;
  border-radius: 50px;
}
.inventory-wrap .penalty-sec .penalty-ps > div .caution:before {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}
.inventory-wrap .penalty-sec .tit-tb {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}

.gg-list {
  margin-top: 25px;
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
.gg-list > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 30px;
}
.gg-list > dl dt, .gg-list > dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .gg-list > dl dd {
  display: -webkit-box;
  -webkit-box-align: center;
  width: 150px;
  padding-left: 15px;
  font-size: 14px;
  color: #222;
}
.gg-list > dl dd {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gg-list > dl dd .won {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.gg-list > dl dd .ea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  width: 50px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #2666c6;
}

.gg-list02 .g-box {
  margin: 0 14px 15px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  padding: 13px 15px 20px;
}
.gg-list02 .g-box .tit .txt01 {
  display: block;
  line-height: 15px;
  margin-bottom: 14px;
  font-size: 14px;
  color: #2666c6;
}
.gg-list02 .g-box .tit .txt02 {
  display: block;
  line-height: 15px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.gg-list02 .g-box .tit .txt03 {
  display: block;
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.gg-list02 .g-box .con {
  margin-top: 13px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.gg-list02 .g-box .con dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gg-list02 .g-box .con dl > * {
  display: -webkit-box;
  -webkit-box-align: center;
  height: 20px;
}
.gg-list02 .g-box .con dl dt, .gg-list02 .g-box .con dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .gg-list02 .g-box .con dl dd {
  width: 65px;
  font-sizer: 14px;
  color: #666;
}
.gg-list02 .g-box .con dl dd {
  -webkit-box-pack: end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-sizer: 14px;
  font-weight: 500;
  color: #222;
}

.col-blue {
  color: #4a7fcf !important;
}

.h-box.tp02 {
  margin: 30px 0 0;
}
.h-box.tp02 .txt-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 80px;
}
.h-box.tp02 .box-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 60px;
  margin-left: 5px;
}
.h-box.tp02 .box-area .btn {
  display: block;
  width: 100%;
  color: #fff;
  border-color: #364f7f;
  background-color: #364f7f;
}

.change-area {
  padding: 0 15px 30px;
}
.change-area .rud-box {
  margin-bottom: 10px;
  padding: 15px 15px 30px;
}
.change-area .h-box {
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px;
}
.change-area .h-box .l-txt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.change-area .rud-txt {
  display: inline-block;
  margin-bottom: 6px;
  border: 1px solid #222;
  border-radius: 30px;
  font-size: 13px;
}
.change-area .rud-txt button {
  display: block;
  background: none;
  height: 27px;
  line-height: 25px;
  border: 0;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
}
.change-area .date {
  color: #999;
}
.change-area .txt-blue {
  -webkit-box-align: end;
  -webkit-box-orient: vertical;
}
.change-area .txt-blue > * {
  color: #2666c6;
}
.change-area .txt-blue span + span {
  display: inline-block;
  min-width: 65px;
  margin-left: 5px;
}
.change-area .buy-sell-t > div {
  display: -webkit-box;
}
.change-area .buy-sell-t > div .car-img {
  position: relative;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.change-area .buy-sell-t > div .car-img img {
  width: 100%;
}
.change-area .buy-sell-t > div .car-info {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.change-area .buy-sell-t > div .rud-txt {
  height: 25px;
  line-height: 23px;
  font-weight: 400;
}
.change-area .buy-sell-t > div.sell-t {
  margin-bottom: 15px;
}
.change-area .buy-sell-t > div.sell-t .rud-txt {
  color: #fd665c;
  border-color: #fd665c;
}
.change-area .buy-sell-t > div.buy-t .rud-txt {
  color: #2666c6;
  border-color: #2666c6;
}
.change-area .buy-sell-t > div .price {
  color: #666;
}
.change-area .buy-sell-t > div .price strong {
  margin-left: 10px;
  font-size: 18px;
  color: #222;
}

.change-view {
  margin: 0;
  padding: 0;
}
.change-view .customer-car-info {
  padding: 0 15px;
}
.change-view .customer-car-info .countdown {
  margin: 0 0 25px;
  display: -webkit-box;
  height: 30px;
  background: #2666c6;
  border-radius: 30px;
  margin: 0 15px;
  padding: 0 15px;
  color: #fff;
  line-height: 30px;
}
.change-view .customer-car-info .countdown > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.change-view .customer-car-info .countdown strong {
  -webkit-box-pack: end;
}
.change-view .customer-car-info dl {
  margin-bottom: 20px;
}
.change-view .customer-car-info dl dt, .change-view .customer-car-info dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .change-view .customer-car-info dl dd {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}
.change-view .customer-car-info dl dd {
  color: #444;
}
.change-view .customer-car-info .car-name {
  text-align: left;
}
.change-view .rud-box {
  margin-bottom: 10px;
  padding: 25px 15px;
}
.change-view .rud-box .buy-t {
  display: -webkit-box;
}
.change-view .rud-box .buy-t .car-img {
  position: relative;
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.change-view .rud-box .buy-t .car-img img {
  width: 100%;
}
.change-view .rud-box .buy-t .car-info {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.change-view .rud-box .buy-t .car-info .name {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}
.change-view .rud-box .buy-t .car-info .price span {
  position: relative;
  top: -2px;
  color: #999;
}
.change-view .rud-box .buy-t .car-info .price strong {
  margin-left: 10px;
  font-size: 18px;
  color: #222;
}

.photo-rud {
  background: none !important;
}

.reason-refuse {
  margin-bottom: 50px;
}
.reason-refuse > div {
  margin-bottom: 12px;
}
.reason-refuse .textarea-type {
  height: 80px;
  padding: 15px;
  font-size: 14px;
}

.change-ec-input {
  padding: 0 15px 30px;
}
.change-ec-input > ol > li {
  padding: 30px 0 20px;
  border-top: 1px solid #ddd;
}
.change-ec-input > ol > li:first-child {
  border: 0;
  padding-top: 0;
}
.change-ec-input .tit-txt {
  margin-bottom: 25px;
}
.change-ec-input .rud-box {
  display: -webkit-box;
  border: 1px solid #ddd;
  margin-bottom: 25px;
  padding: 20px 15px;
}
.change-ec-input .rud-box .img {
  width: 75px;
  height: 57px;
  overflow: hidden;
  border-radius: 4px;
}
.change-ec-input .rud-box .img img {
  width: 100%;
}
.change-ec-input .rud-box .info-txt {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.change-ec-input .rud-box .info-txt .name {
  font-size: 16px;
  font-weight: 600;
}
.change-ec-input .rud-box .info-txt .price span {
  color: #999;
}
.change-ec-input .rud-box .info-txt .price strong {
  margin-left: 5px;
  font-size: 18px;
  color: #222;
}
.change-ec-input .kb-price .tit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}
.change-ec-input .kb-price .tit-wrap .tit {
  font-size: 18px;
  font-weight: 400;
}
.change-ec-input .kb-price .tit-wrap .pay {
  font-size: 13px;
}
.change-ec-input .kb-price .tit-wrap .pay span {
  color: #2666c6;
}
.change-ec-input .kb-price .avg-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.change-ec-input .kb-price .avg-area > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.change-ec-input .kb-price .avg-area > div span {
  display: block;
}
.change-ec-input .kb-price .avg-area > div span.txt {
  margin-bottom: 7px;
}
.change-ec-input .kb-price .avg-area > div span.pay {
  font-size: 18px;
  font-weight: bold;
}
.change-ec-input .kb-price .avg-area > div span.pay em {
  position: relative;
  font-style: normal;
}
.change-ec-input .kb-price .avg-area > div span.pay em:after {
  position: absolute;
  left: -13px;
  top: 3px;
  font-size: 11px;
}
.change-ec-input .kb-price .avg-area > div span.pay.down em:after {
  content: "↓";
  color: #fd6d64;
}
.change-ec-input .kb-price .avg-area > div span.pay.up em {
  color: #2666c6;
}
.change-ec-input .kb-price .avg-area > div span.pay.up em:after {
  content: "↑";
  color: #2666c6;
}
.change-ec-input .h-box .p-tit {
  width: 180px;
}
.change-ec-input .h-box .p-tit .fw-l {
  margin-left: 10px;
  font-weight: 100;
}
.change-ec-input .bl-circle:after {
  background: #999;
}
.change-ec-input .textarea-type {
  width: 100%;
  height: 100px;
  padding: 15px;
}

.after-tit {
  padding: 0;
}
.after-tit .pre-page {
  padding: 0;
}
.after-tit .pre-page h1 {
  color: #fff;
}
.after-tit .pre-page:after {
  background-position: -402px 0;
}

.dealer-after .s-sellcar-list {
  background: #fff;
  padding: 30px 10px 0;
}
.dealer-after .s-sellcar-list:after {
  content: "";
  clear: both;
  display: block;
}
.dealer-after .s-sellcar-list a {
  float: left;
  width: 50%;
  height: 315px;
  padding: 0 5px 30px;
  text-decoration: none;
}
.dealer-after .s-sellcar-list a img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.dealer-after .s-sellcar-list a .tag {
  display: block;
  margin: 5px 0 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.dealer-after .s-sellcar-list a .tag * {
  font-size: 11px;
  color: #2666c6;
}
.dealer-after .s-sellcar-list a .name {
  display: -webkit-box;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #222;
  font-size: 16px;
  font-weight: 600;
}
.dealer-after .s-sellcar-list a .txt {
  display: -webkit-box;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 10px 0 12px;
  color: #222;
}
.dealer-after .s-sellcar-list a .num-area * {
  color: #999;
  font-size: 12px;
}
.dealer-after .s-sellcar-list a .num-area * .num {
  margin-left: 3px;
  color: #222;
}
.dealer-after .s-sellcar-list a .num-area .recommend {
  position: relative;
  margin-left: 10px;
}
.dealer-after .s-sellcar-list a .num-area .recommend:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #ddd;
}
.dealer-after .visual {
  position: relative;
}
.dealer-after .visual .img {
  position: relative;
  overflow: hidden;
}
.dealer-after .visual .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.45;
}
.dealer-after .visual .img img {
  width: 100%;
}
.dealer-after .visual .after-top {
  position: absolute;
  bottom: 0;
  padding: 0 15px 30px;
}
.dealer-after .visual .after-top > * {
  color: #fff;
}
.dealer-after .visual .after-top .name {
  display: block;
  margin-bottom: 15px;
}
.dealer-after .visual .after-top .ft-w {
  font-size: 20px;
  font-weight: 600;
}
.dealer-after .visual .flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dealer-after .visual .flex-area .num-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-after .visual .flex-area .num-wrap * {
  font-size: 11px;
}
.dealer-after .visual .flex-area .num-wrap .txt {
  padding: 0 0 0 10px;
}
.dealer-after .visual .flex-area .num-wrap .photo {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.dealer-after .visual .flex-area .num-wrap .photo img {
  width: 100%;
}
.dealer-after .visual .flex-area .btn button {
  position: relative;
  border: 0;
  width: 26px;
  height: 26px;
  top: 3px;
  background: none;
}
.dealer-after .visual .flex-area .btn button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 50%;
  top: 50%;
  background-position: -211px -292px;
  width: 17px;
  height: 15px;
  margin: -8px 0 0 -7px;
}
.dealer-after .after-txt {
  position: relative;
  background: #fff;
  border-radius: 15px 15px 0 0;
  margin-top: -15px;
  padding: 35px 15px 45px;
  overflow: hidden;
}
.dealer-after .after-txt .txt {
  margin-bottom: 30px;
}
.dealer-after .after-txt .img {
  margin-bottom: 30px;
}
.dealer-after .after-txt .img img {
  width: 100%;
}
.dealer-after .after-txt .help-info {
  position: relative;
  padding: 75px 0 20px;
  background: #f5f6f9;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
}
.dealer-after .after-txt .help-info:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 50%;
  top: 20px;
  background-position: -400px -175px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
}
.dealer-after .after-txt .help-info p, .dealer-after .after-txt .help-info ul.guide-bul > li {
  margin-bottom: 15px;
}
.dealer-after .after-txt .help-info .btn {
  width: 80px;
  height: 30px;
  border-radius: 4px;
  border: 0;
  background: #2666c6;
  color: #fff;
  overflow: hidden;
}

.user-sale {
  padding: 30px 0 0;
  background: #fff;
}
.user-sale .theme-tag {
  height: 30px;
  overflow: hidden;
}
.user-sale .theme-tag .scroll {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.user-sale .theme-tag .scroll ul {
  position: relative;
  white-space: nowrap;
  height: 36px;
  margin: 0 15px;
}
.user-sale .theme-tag .scroll ul li {
  display: inline-block;
  margin-right: 8px;
}
.user-sale .theme-tag .scroll ul li a {
  display: inline-block;
  height: 28px;
  border: 1px solid #ddd;
  padding: 0 15px;
  color: #222;
  border-radius: 28px;
  text-decoration: none;
  line-height: 24px;
}
.user-sale .theme-tag .scroll ul li.on a {
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
}
.user-sale .sale-list {
  padding: 20px 0 0;
}
.user-sale .sale-list a {
  position: relative;
  display: -webkit-box;
  padding: 10px 15px;
  text-decoration: none;
  color: #222;
}
.user-sale .sale-list a .img {
  width: 80px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
}
.user-sale .sale-list a .img img {
  width: 100%;
}
.user-sale .sale-list a .car-info {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.user-sale .sale-list a .car-info .info-txt {
  position: relative;
  margin-top: -3px;
}
.user-sale .sale-list a .car-info .info-txt > * {
  position: relative;
  color: #999;
  font-size: 11px;
  padding: 0 0 0 12px;
}
.user-sale .sale-list a .car-info .info-txt > *:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #d3d3d3;
}
.user-sale .sale-list a .car-info .info-txt > *:first-child {
  padding: 0;
}
.user-sale .sale-list a .car-info .info-txt > *:first-child:after {
  display: none;
}
.user-sale .sale-list a .car-info .pay {
  font-size: 18px;
  font-weight: 600;
}

.dealer-after-input {
  background: #fff;
}
.dealer-after-input .box-area {
  padding: 0 15px;
}
.dealer-after-input .tit-input,
.dealer-after-input .tag-input {
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.dealer-after-input .tit-input input, .dealer-after-input .tit-input .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .dealer-after-input .tit-input .ico-confirm, .dealer-after-input .tit-input .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .dealer-after-input .tit-input .ico-confirm,
.dealer-after-input .tag-input input,
.dealer-after-input .tag-input .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dealer-after-input .tag-input .ico-confirm,
.dealer-after-input .tag-input .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dealer-after-input .tag-input .ico-confirm {
  border: 0;
  width: 100%;
}
.dealer-after-input .btn-r {
  margin-bottom: 30px;
  padding: 0 15px;
  text-align: right;
}
.dealer-after-input .btn-r .btn {
  display: inline-block;
}

@media (min-height: 730px) {
  .dealer-after-input {
    height: calc(100vh - 55px);
  }
}
.penalty-day {
  background: #fff;
  padding: 80px 15px;
}
.penalty-day .fs-b {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
}
.penalty-day .fs-s {
  font-size: 18px;
  margin-bottom: 15px;
}
.penalty-day .fs-s span {
  font-size: 18px;
  color: #2666c6;
}
.penalty-day .day-stop {
  position: relative;
  display: inline-block;
  width: 120px;
  font-size: 13px;
  background: #fd665c;
  color: #fff;
  border-radius: 18px;
  margin-bottom: 5px;
  padding: 4px 10px 3px 22px;
  border-radius: 50px;
}
.penalty-day .day-stop:after {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}

.header .main-car {
  padding: 3px 0 0;
  color: #fff;
  font-weight: bold;
}

.one-point {
  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;
  padding: 0 30px;
}
.one-point .tit {
  font-size: 18px;
  color: #a5e4fa;
}
.one-point .num-point {
  position: relative;
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  padding: 0 27px 0 0;
}
.one-point .num-point:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -53px -118px;
  right: 0;
  top: 8px;
  width: 19px;
  height: 19px;
}

.point-tool {
  margin-bottom: 30px;
  padding: 0 30px;
  text-align: right;
}
.point-tool .txt {
  color: #fff;
  opacity: 0.7;
  font-size: 11px;
  margin-right: 10px;
}

.box-rud2.check-veh {
  margin-top: -15px;
  padding: 25px 30px 60px;
}
.box-rud2.check-veh dl {
  margin-bottom: 60px;
}
.box-rud2.check-veh dl dt, .box-rud2.check-veh dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .box-rud2.check-veh dl dd {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.box-rud2.check-veh dl dd {
  position: relative;
  border-bottom: 2px solid #a3a3a3;
  padding: 0 50px 3px 0;
}
.box-rud2.check-veh dl dd input[type=text], .box-rud2.check-veh dl dd .new-content-body .inp-box [type=text].ico-confirm, .new-content-body .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm, .box-rud2.check-veh dl dd .type-mydata .inp-box [type=text].ico-confirm, .type-mydata .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm {
  height: 44px;
  width: 100%;
  font-size: 27px;
  border: 0;
}
.box-rud2.check-veh dl dd input[type=text]::-webkit-input-placeholder, .box-rud2.check-veh dl dd .new-content-body .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::-webkit-input-placeholder, .box-rud2.check-veh dl dd .type-mydata .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::-webkit-input-placeholder {
  font-size: 27px;
  font-weight: 600;
  color: #ddd;
}
.box-rud2.check-veh dl dd input[type=text]::-webkit-input-placeholder, .box-rud2.check-veh dl dd .new-content-body .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::-webkit-input-placeholder, .box-rud2.check-veh dl dd .type-mydata .inp-box [type=text].ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::-webkit-input-placeholder, .box-rud2.check-veh dl dd input[type=text]::placeholder, .box-rud2.check-veh dl dd .new-content-body .inp-box [type=text].ico-confirm::placeholder, .new-content-body .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::placeholder, .box-rud2.check-veh dl dd .type-mydata .inp-box [type=text].ico-confirm::placeholder, .type-mydata .inp-box .box-rud2.check-veh dl dd [type=text].ico-confirm::placeholder {
  font-size: 27px;
  font-weight: 600;
  color: #ddd;
}
.box-rud2.check-veh dl dd .btn-link {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -206px -206px;
  width: 44px;
  height: 44px;
}
.box-rud2.check-veh dl dd .valid-chk {
  position: absolute;
  left: 0;
  top: 55px;
  color: #fd665c;
  font-weight: 500;
}
.box-rud2.check-veh .error-txt {
  position: relative;
  top: -50px;
}
.box-rud2.check-veh h2 {
  font-size: 16px;
  font-weight: 600;
}
.box-rud2.check-veh ul {
  padding: 20px 0;
}
.box-rud2.check-veh ul li a {
  position: relative;
  display: block;
  padding: 10px 35px 10px 0;
}
.box-rud2.check-veh ul li a .tit-txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
}
.box-rud2.check-veh ul li a .date {
  color: #999;
}
.box-rud2.check-veh ul li a:after {
  content: "";
  border: solid #000;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 0;
  top: 50%;
  margin-top: -6px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.car-info-animation {
  position: relative;
}
.car-info-animation .top-back {
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 11;
}
.car-info-animation .top-back a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 26px;
}
.car-info-animation .top-back a:before {
  content: "";
  position: absolute;
  background: url("../images/sub/bg_prev_arrow.png") no-repeat;
  background-size: 15px 11px;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 11px;
  margin: -5px 0 0 -7px;
}
.car-info-animation .cmm-bakground-color {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
.car-info-animation .img-wrap {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.car-info-animation .img-wrap .page-h {
  position: relative;
  height: 100%;
}
.car-info-animation .img-wrap .page-h.animate {
  opacity: 1;
}
.car-info-animation .img-wrap .tit {
  position: fixed;
  margin-bottom: 30px;
  padding: 80px 0 0 40px;
  font-size: 28px;
  font-weight: 600;
  color: #172e5b;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 2;
}
.car-info-animation .img-wrap .tit.s-tit {
  top: 0;
  font-size: 20px;
  padding: 50px 0 0 29px;
}
.car-info-animation .img-wrap .img1 {
  position: fixed;
  left: 100px;
  bottom: 95px;
  width: 100%;
  -webkit-animation: car-animate 1.1s ease-in-out;
          animation: car-animate 1.1s ease-in-out;
}
.car-info-animation .img-wrap .img1 img {
  width: 100%;
}
.car-info-animation .img-wrap .img1 .on {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.car-info-animation .img-wrap .img1.ps-absolute {
  position: absolute;
  -webkit-transition: 1s ease-out;
  transition: 1s ease-out;
  width: 100%;
  right: 0;
}
.car-info-animation .img-wrap .img1.ps-absolute.s-img {
  width: 60%;
}
.car-info-animation .img-wrap .img1.ps-absolute.animate {
  right: -100% !important;
  -webkit-transition: 0.8s ease-out;
  transition: 0.8s ease-out;
}
.car-info-animation .img-wrap .btn-arrow {
  position: fixed;
  left: 50%;
  bottom: 30px;
  margin: 0 0 0 -15px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 1;
}
.car-info-animation .img-wrap .btn-arrow button {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../images/sub/bg_arrow.png") no-repeat;
  background-size: 30px 30px;
  border: 0;
  cursor: pointer;
}
.car-info-animation .img-wrap .btn-arrow.on {
  opacity: 0;
}
.car-info-animation .car-info-area {
  position: relative;
  padding: 0 10px 50px;
  z-index: 10;
  overflow: hidden;
}
.car-info-animation .car-info-area .rud-box {
  margin-bottom: 10px;
  padding: 15px 15px 30px;
}
.car-info-animation .car-info-area .rud-box.garage-area .year {
  font-size: 11px;
  font-weight: 100;
  color: #999;
  margin-left: 5px;
}
.car-info-animation .car-info-area .rud-box .price-list li:last-child {
  margin-bottom: 0;
}
.car-info-animation .car-info-area .rud-box .tabs-area {
  margin: 30px 0 10px;
}
.car-info-animation .car-info-area .rud-box .tabs-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
}
.car-info-animation .car-info-area .rud-box .tabs-area ul li {
  -webkit-box-flex: 1;
}
.car-info-animation .car-info-area .rud-box .tabs-area ul li a {
  display: block;
}
.car-info-animation .car-info-area .rud-box .tabs-area ul li a span {
  position: relative;
  display: inline-block;
  padding: 0 0 7px;
  color: #222;
  font-weight: 600;
}
.car-info-animation .car-info-area .rud-box .tabs-area ul li.on a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list {
  padding: 30px 0 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list:after {
  content: "";
  clear: both;
  display: block;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a {
  float: left;
  display: block;
  width: 50%;
  margin-bottom: 30px;
  text-align: left;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a .s-car-img {
  overflow: hidden;
  border-radius: 5px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a .s-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl {
  margin-top: 8px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dt, .car-info-animation .car-info-area .rud-box .s-sellcar-list a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd {
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd {
  margin-top: 7px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd span {
  position: relative;
  display: inline;
  padding-left: 16px;
  font-size: 13px;
  color: #999;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd span:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 10px;
  left: 5px;
  top: 50%;
  background: #b5b5b5;
  margin-top: -4px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd span:first-child {
  padding-left: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd span:first-child:after {
  display: none;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd span:last-of-type:after {
  display: none;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd.s-car-price, .car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd.s-car-price span {
  color: #222;
  font-weight: 600;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a dl dd.s-car-price span {
  margin-right: 5px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a:nth-child(2n-1) {
  padding-right: 5px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a:nth-child(2n) {
  padding-left: 5px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list a.dim dl,
.car-info-animation .car-info-area .rud-box .s-sellcar-list a.dim img {
  opacity: 0.5;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new .s-car-img {
  position: relative;
  padding-top: 75%;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new .s-car-img__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new .s-car-img__box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl {
  position: relative;
  height: 105px;
  margin-top: 8px;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dt, .car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd {
  display: -webkit-box;
  min-height: 30px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd {
  display: block;
  height: auto;
  margin-top: 5px;
  overflow: hidden;
  -webkit-line-clamp: none;
  font-size: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  margin-right: 5px;
  padding-left: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span:before {
  content: "";
  position: relative;
  left: auto;
  top: 1px;
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-right: 5px;
  background: #b5b5b5;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span:after {
  display: none;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span:first-child {
  margin-left: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span:first-child:before {
  display: none;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span.additional-block {
  margin: 0;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span.additional-block:before, .car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd span.additional-block:after {
  content: none;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd.s-car-price {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  margin-top: 5px;
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd.s-car-price span {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.car-info-animation .car-info-area .rud-box .s-sellcar-list--new a dl dd.s-car-price span {
  margin-right: 5px;
}
@media only screen and (max-width: 349px) {
  .car-info-animation .car-info-area .rud-box .s-sellcar-list--new .additional-block {
    display: none;
  }
}
.car-info-animation .car-info-area .rud-box .used-car-fin {
  display: -webkit-box;
  padding: 25px 0 0;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div {
  -webkit-box-flex: 1;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div:last-child {
  width: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: right;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div.tit {
  margin-top: 5px;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div.tit span {
  position: relative;
  padding: 0 25px 0 0;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div.tit span:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -366px -55px;
  right: 0;
  width: 17px;
  height: 17px;
}
.car-info-animation .car-info-area .rud-box .used-car-fin > div .txt-b {
  display: inline-block;
  width: 85px;
  font-size: 18px;
  color: #2666c6;
}
.car-info-animation .car-info-area .rud-box.new-es {
  position: relative;
}
.car-info-animation .car-info-area .rud-box.new-es .sub-tit {
  padding: 25px 140px 7px 0;
  font-size: 24px;
}
.car-info-animation .car-info-area .rud-box.new-es .new-price strong {
  color: #2666c6;
}
.car-info-animation .car-info-area .rud-box.new-es .car-img {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 118px;
}
.car-info-animation .car-info-area .rud-box.new-es .car-img img {
  width: 100%;
}
.car-info-animation .car-info-area .rud-box.new-es .list-txt {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.car-info-animation .car-info-area .rud-box.new-es .list-txt span {
  position: relative;
  color: #999;
  overflow: hidden;
  margin-left: 14px;
}
.car-info-animation .car-info-area .rud-box.new-es .list-txt span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #999;
}
.car-info-animation .car-info-area .rud-box.new-es .list-txt span:first-child {
  margin-left: 0;
}
.car-info-animation .car-info-area .rud-box.new-es .list-txt span:first-child:after {
  display: none;
}
.car-info-animation .car-info-area .rud-box .related-info {
  margin-top: 25px;
}
.car-info-animation .car-info-area .rud-box .related-info a {
  display: -webkit-box;
  text-decoration: none;
}
.car-info-animation .car-info-area .rud-box .related-info .info {
  -webkit-box-flex: 1;
  padding: 0 10px 0 0;
}
.car-info-animation .car-info-area .rud-box .related-info .info .tit {
  padding: 0 10px 0 0;
  color: #364f7f;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.car-info-animation .car-info-area .rud-box .related-info .info .tit strogn {
  font-weight: 600;
}
.car-info-animation .car-info-area .rud-box .related-info .info .txt {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  color: #222;
}
.car-info-animation .car-info-area .rud-box .related-info .info .txt-list span {
  position: relative;
  font-size: 11px;
  color: #999;
  margin-right: 12px;
}
.car-info-animation .car-info-area .rud-box .related-info .info .txt-list span:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 4px;
  width: 1px;
  height: 8px;
  background: #999;
}
.car-info-animation .car-info-area .rud-box .related-info .info .txt-list span:last-child:after {
  display: none;
}
.car-info-animation .car-info-area .rud-box .related-info .photo-video {
  width: 65px;
  height: 49px;
  border-radius: 4px;
  overflow: hidden;
}
.car-info-animation .car-info-area .rud-box .related-info .photo-video img {
  width: 100%;
}
.car-info-animation .car-info-area .rud-box .safety-ass {
  padding: 12px 0 0;
}
.car-info-animation .car-info-area .rud-box .safety-ass .rating {
  margin-bottom: 5px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .rating strong {
  font-size: 25px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  padding: 20px 0 15px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.bor-none {
  border: 0 none;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box .num {
  position: relative;
  font-size: 11px;
  color: #666;
  margin-left: 7px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box .num:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 5px;
  width: 1px;
  height: 7px;
  background: rgba(153, 153, 153, 0.6);
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box .rating-area {
  position: relative;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box .rating-area .bg-rating {
  position: absolute;
  left: -25px;
  top: 2px;
  display: inline-block;
  width: 73px;
  height: 14.5px;
  direction: rtl;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box .rating-area .bg-rating span {
  display: block;
  height: 14.5px;
  background: url("../images/sub/bg_safety.png") no-repeat;
  background-size: 73px 44px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list01 {
  border-top: 0 none;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list01 .percent {
  color: #10af5b;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list02 .bg-rating span {
  background-position: 0 -14.5px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list02 .percent {
  color: #fdc25c;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list03 .bg-rating span {
  background-position: 0 -29px;
}
.car-info-animation .car-info-area .rud-box .safety-ass .h-box.safety-list03 .percent {
  color: #fd665c;
}
.car-info-animation .car-info-area .rud-box .safety-ass + .s-txt {
  margin-top: 10px;
  font-size: 11px;
  color: #999;
}
.car-info-animation .car-info-area .page-h {
  display: none;
}
.car-info-animation .car-info-area .page-h .tit {
  padding: 60px 0 0 20px;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.car-info-animation .car-info-area .page-h .car-service-link {
  padding: 30px 0 40px 20px;
}
.car-info-animation .car-info-area .page-h .car-service-link a {
  position: relative;
  color: #172e5b;
  text-decoration: none;
  margin-right: 5px;
  color: #fff;
  text-decoration: underline;
}
.car-info-animation .car-info-area .page-h.active {
  display: block;
}
.car-info-animation .car-info-area .page-h .img {
  position: absolute;
  right: -45px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  top: 10px;
  width: 60%;
}
.car-info-animation .car-info-area .page-h .img img {
  width: 100%;
}

@keyframes car-animate {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.tooltip {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 100;
}
.tooltip .tip-tit {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  border: 0 none;
}
.tooltip .tip-tit span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.tooltip .tip-con {
  position: absolute;
  display: none;
}
.tooltip .tip-con:after {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.tooltip .tip-con .tip-close {
  position: absolute;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0 none;
  background-color: transparent;
}
.tooltip .tip-con .tip-close:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/common/bg_tooltip.png") no-repeat -60px -20px;
  background-size: 100px 40px;
}
.tooltip .tip-con .tip-close span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.tooltip .tip-con .sub {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 12px 20px 12px 15px;
  margin: 0;
  border-radius: 4px 4px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #ffbc00;
}
.tooltip .tip-con .sub .tit {
  display: block;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.tooltip .tip-con .sub .bul-list li {
  position: relative;
  padding-left: 9px;
}
.tooltip .tip-con .sub .bul-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #fff;
}
.tooltip .tip-con .sub .bul-list li + li {
  margin-top: 5px;
}
.tooltip.tp01 {
  margin-left: 5px;
}
.tooltip.tp01 .tip-tit {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.tooltip.tp01 .tip-tit:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.tooltip.tp01.e-mark .tip-tit:after {
  left: 8px;
  width: 2px;
  height: 9px;
  background: url("../images/common/bg_tooltip03.png") no-repeat;
  background-size: 2px 9px;
}
.tooltip.tp01 .tip-con {
  width: calc(51.875vw + 10px);
}
.tooltip.tp01.tip-l .tip-con {
  left: 18px;
  padding-left: 10px;
}
.tooltip.tp01.tip-l .tip-con:after {
  left: 5px;
  background-position: -20px top;
}
.tooltip.tp01.tip-l .tip-con .tip-close {
  right: 0;
}
.tooltip.tp01.tip-r .tip-con {
  right: 18px;
  padding-right: 10px;
}
.tooltip.tp01.tip-r .tip-con:after {
  right: 5px;
  background-position: -40px top;
}
.tooltip.tp01.tip-r .tip-con .tip-close {
  right: 10px;
}
.tooltip.tp01.tip-t .tip-con {
  top: -11px;
}
.tooltip.tp01.tip-t .tip-con:after {
  top: 16px;
}
.tooltip.tp01.tip-t.tip-c .tip-con {
  top: 18px;
  left: 50%;
  width: 51.875vw;
  margin-left: -25.9375vw;
  padding-top: 10px;
}
.tooltip.tp01.tip-t.tip-c .tip-con:after {
  top: 5px;
  left: 50%;
  width: 8px;
  height: 5px;
  margin-left: -4px;
  background-position: -60px top;
}
.tooltip.tp01.tip-t.tip-c .tip-con .tip-close {
  right: 0;
  top: 10px;
}
.tooltip.tp01.tip-b .tip-con {
  bottom: -11px;
}
.tooltip.tp01.tip-b .tip-con:after {
  bottom: 16px;
}
.tooltip.tp01.tip-b.tip-c .tip-con {
  bottom: 18px;
  left: 50%;
  width: 51.875vw;
  margin-left: -25.9375vw;
  padding-bottom: 10px;
}
.tooltip.tp01.tip-b.tip-c .tip-con:after {
  bottom: 5px;
  left: 50%;
  width: 8px;
  height: 5px;
  margin-left: -4px;
  background-position: -80px top;
}
.tooltip.tp01.tip-b.tip-c .tip-con .tip-close {
  right: 0;
}
.tooltip.tp02 .tip-tit {
  position: relative;
  width: 18px;
  height: 20px;
  background: url("../images/common/bg_tooltip.png") no-repeat left -20px;
  background-size: 100px 40px;
}
.tooltip.tp02 .tip-con {
  width: 73.125vw;
}

.layer-pop-btm .pop-tit {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.layer-pop-btm .pop-line-box {
  margin-top: 25px;
}
.layer-pop-btm .pop-line-box + .pop-line-box {
  padding-top: 25px;
  border-top: 1px solid #ddd;
}
.layer-pop-btm .pop-line-box .pop-txt {
  display: block;
}
.layer-pop-btm .pop-line-box .pop-txt + .pop-txt {
  margin-top: 25px;
}
.layer-pop-btm .pop-line-box .pop-txt[class*=bg] {
  position: relative;
  padding-left: 40px;
}
.layer-pop-btm .pop-line-box .pop-txt[class*=bg]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/common/bg_pop_icon.png") no-repeat;
  background-size: 40px auto;
}
.layer-pop-btm .pop-line-box .pop-txt.bg02:after {
  background-position: left -40px;
}
.layer-pop-btm .pop-line-box .pop-txt.bg03:after {
  background-position: left -80px;
}
.layer-pop-btm .pop-line-box .pop-txt.bg04:after {
  background-position: left -120px;
}
.layer-pop-btm .pop-line-box .pop-txt dt, .layer-pop-btm .pop-line-box .pop-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .layer-pop-btm .pop-line-box .pop-txt dd {
  min-height: 30px;
  padding-bottom: 7px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.layer-pop-btm .pop-line-box .pop-txt dd {
  font-size: 14px;
  color: #222;
}

.info-btn02 {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 0 0 5px;
  border: 0 none;
  border-radius: 9px;
  background-color: #efefef;
}
.info-btn02 > span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.info-btn02:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}

.chachacha-link {
  position: relative;
  margin-bottom: 0 !important;
}
.chachacha-link a {
  text-decoration: none;
  color: #222;
}
.chachacha-link h2,
.chachacha-link p,
.chachacha-link ul.guide-bul > li {
  margin-bottom: 10px;
}
.chachacha-link span {
  color: #364f7f;
}
.chachacha-link:after {
  content: "";
  position: absolute;
  right: 21px;
  top: 32px;
  width: 100px;
  height: 100px;
  background: url("../images/sub/bg_chachacha.png") no-repeat;
  background-size: 100px;
}

.pie-chart-area {
  display: -webkit-box;
  height: 200px;
}
.pie-chart-area > * {
  -webkit-box-flex: 1;
}
.pie-chart-area .pie-area {
  position: relative;
  padding: 0 10px;
}
.pie-chart-area .pie-area > div {
  overflow: initial !important;
}
.pie-chart-area .pie-area [class*=percent-num] {
  position: absolute;
  left: 50%;
  top: 60px;
  width: 60px;
  text-align: center;
  margin: 0 0 0 -30px;
}
.pie-chart-area .pie-area [class*=percent-num] .percent strong {
  font-size: 25px;
  font-weight: 600;
}
.pie-chart-area .pie-area [class*=percent-num] .name {
  display: block;
  font-size: 12px;
}
.pie-chart-area .pie-area .percent-num1 .percent {
  color: #2666c6;
}
.pie-chart-area .pie-area .percent-num2 .percent {
  color: #fd726a;
}
.pie-chart-area .txt {
  position: relative;
  top: 82px;
  font-weight: 600;
}

/* 2020.03.11 추가 */
.car-info-area .amChartsLegend svg > g > g > g:nth-child(1) {
  display: none;
}
.car-info-area .amChartsLegend svg > g > g > g:nth-child(2) {
  -webkit-transform: translate(18px, 0) !important;
      -ms-transform: translate(18px, 0) !important;
          transform: translate(18px, 0) !important;
}

/* 공통 작업 */
.part-condition-area {
  padding-top: 15px;
  margin-bottom: 10px;
  background-color: #fff;
}
.part-condition-area .condition-icon {
  overflow: hidden;
  padding: 0 15px;
}
.part-condition-area .condition-icon [class*=icon] {
  position: relative;
  float: left;
  height: 15px;
  line-height: 15px;
  padding-left: 19px;
  margin-bottom: 15px;
  color: #222;
}
.part-condition-area .condition-icon [class*=icon] + [class*=icon] {
  margin-left: 20px;
}
.part-condition-area .condition-icon [class*=icon]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_dealer_3.png") no-repeat left top;
  background-size: 45px auto;
}
.part-condition-area .condition-icon .icon04 {
  clear: both;
  margin-left: 0 !important;
}
.part-condition-area .condition-icon .icon02:after {
  background-position: -15px top;
}
.part-condition-area .condition-icon .icon03:after {
  background-position: -30px top;
}
.part-condition-area .condition-icon .icon04:after {
  background-position: 0 -15px;
}
.part-condition-area .condition-icon .icon05:after {
  background-position: -15px -15px;
}
.part-condition-area .condition-icon .icon06:after {
  background-position: -30px -15px;
}
.part-condition-area .part-condition {
  overflow: hidden;
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f1f1f1;
}
.part-condition-area .part-condition .part-img {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 338px;
  padding: 13px 18px 13px 19px;
  z-index: 3;
}
.part-condition-area .part-condition .part-img ul {
  position: relative;
  width: 83px;
  height: 881px;
  background: url("../images/sub/bg_part_condition.png") no-repeat;
  background-size: auto 100%;
}
.part-condition-area .part-condition .part-img ul > li {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.part-condition-area .part-condition .part-img ul > li .txt {
  position: absolute;
  display: inline-block;
  vertical-align: top;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.part-condition-area .part-condition .part-img ul > li .txt span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}
.part-condition-area .part-condition .part-img ul > li.on {
  background: url("../images/sub/bg_part_condition.png") no-repeat;
  background-size: auto 100%;
}
.part-condition-area .part-condition .part-img ul > li.part01.on {
  background-position: -83px top;
}
.part-condition-area .part-condition .part-img ul > li.part02.on {
  background-position: -166px top;
}
.part-condition-area .part-condition .part-img ul > li.part03.on {
  background-position: -249px top;
}
.part-condition-area .part-condition .part-img ul > li.part04.on {
  background-position: -332px top;
}
.part-condition-area .part-condition .part-img ul > li.part05.on {
  background-position: -415px top;
}
.part-condition-area .part-condition .part-img ul > li.part06.on {
  background-position: -498px top;
}
.part-condition-area .part-condition .part-img ul > li.part07.on {
  background-position: -581px top;
}
.part-condition-area .part-condition .part-img ul > li.part08.on {
  background-position: -664px top;
}
.part-condition-area .part-condition .part-img ul > li.part09.on {
  background-position: -747px top;
}
.part-condition-area .part-condition .part-img ul > li.part10.on {
  background-position: -830px top;
}
.part-condition-area .part-condition .part-img ul > li.part11.on {
  background-position: -913px top;
}
.part-condition-area .part-condition .part-img ul > li.part12.on {
  background-position: -996px top;
}
.part-condition-area .part-condition .part-img ul > li.part13.on {
  background-position: -1079px top;
}
.part-condition-area .part-condition .part-img ul > li.part14.on {
  background-position: -1162px top;
}
.part-condition-area .part-condition .part-img ul > li.part15.on {
  background-position: -1245px top;
}
.part-condition-area .part-condition .part-img ul > li.part16.on {
  background-position: -1328px top;
}
.part-condition-area .part-condition .part-img ul > li.part17.on {
  background-position: -1411px top;
}
.part-condition-area .part-condition .part-img ul > li.part18.on {
  background-position: -1494px top;
}
.part-condition-area .part-condition .part-img ul > li.part19.on {
  background-position: -1577px top;
}
.part-condition-area .part-condition .part-img ul > li.part20.on {
  background-position: -1660px top;
}
.part-condition-area .part-condition .part-img ul > li.part21.on {
  background-position: -1743px top;
}
.part-condition-area .part-condition .part-img ul > li.part22.on {
  background-position: -1826px top;
}
.part-condition-area .part-condition .part-img ul > li.part23.on {
  background-position: -1909px top;
}
.part-condition-area .part-condition .part-img ul > li.part24.on {
  background-position: -1992px top;
}
.part-condition-area .part-condition .part-img ul > li.part25.on {
  background-position: -2075px top;
}
.part-condition-area .part-condition .part-img ul > li.part26.on {
  background-position: -2158px top;
}
.part-condition-area .part-condition .part-img ul > li.part27.on {
  background-position: -2241px top;
}
.part-condition-area .part-condition .part-img ul > li.part28.on {
  background-position: -2324px top;
}
.part-condition-area .part-condition .part-img ul > li.part29.on {
  background-position: -2407px top;
}
.part-condition-area .part-condition .part-img ul > li.part30.on {
  background-position: -2490px top;
}
.part-condition-area .part-condition .part-img ul > li.part31.on {
  background-position: -2573px top;
}
.part-condition-area .part-condition .part-img ul > li.part32.on {
  background-position: -2656px top;
}
.part-condition-area .part-condition .part-img ul > li.part33.on {
  background-position: -2739px top;
}
.part-condition-area .part-condition .part-img ul > li.part34.on {
  background-position: -2822px top;
}
.part-condition-area .part-condition .part-img ul > li.part35.on {
  background-position: -2905px top;
}
.part-condition-area .part-condition .part-img ul > li.part36.on {
  background-position: -2988px top;
}
.part-condition-area .part-condition .part-img ul > li.part37.on {
  background-position: -3071px top;
}
.part-condition-area .part-condition .part-img ul > li.part01 .txt {
  left: 40px;
  top: 245px;
}
.part-condition-area .part-condition .part-img ul > li.part02 .txt {
  left: 52px;
  top: 25px;
}
.part-condition-area .part-condition .part-img ul > li.part03 .txt {
  left: 43px;
  top: 690px;
}
.part-condition-area .part-condition .part-img ul > li.part04 .txt {
  left: 40px;
  top: 84px;
}
.part-condition-area .part-condition .part-img ul > li.part05 .txt {
  left: 52px;
  top: 757px;
}
.part-condition-area .part-condition .part-img ul > li.part06 .txt {
  left: 40px;
  top: 125px;
}
.part-condition-area .part-condition .part-img ul > li.part07 .txt {
  left: 52px;
  top: 800px;
}
.part-condition-area .part-condition .part-img ul > li.part08 .txt {
  left: 40px;
  top: 410px;
}
.part-condition-area .part-condition .part-img ul > li.part09 .txt {
  left: 40px;
  top: 447px;
}
.part-condition-area .part-condition .part-img ul > li.part10 .txt {
  left: 46px;
  top: 183px;
}
.part-condition-area .part-condition .part-img ul > li.part11 .txt {
  left: 42px;
  top: 856px;
}
.part-condition-area .part-condition .part-img ul > li.part12 .txt {
  left: 35px;
  top: 338px;
}
.part-condition-area .part-condition .part-img ul > li.part13 .txt {
  left: 17px;
  top: 104px;
}
.part-condition-area .part-condition .part-img ul > li.part14 .txt {
  left: 68px;
  top: 780px;
}
.part-condition-area .part-condition .part-img ul > li.part15 .txt {
  left: 36px;
  top: 460px;
}
.part-condition-area .part-condition .part-img ul > li.part16 .txt {
  left: 36px;
  top: 510px;
}
.part-condition-area .part-condition .part-img ul > li.part17 .txt {
  left: 8px;
  top: 480px;
}
.part-condition-area .part-condition .part-img ul > li.part18 .txt {
  left: 60px;
  top: 480px;
}
.part-condition-area .part-condition .part-img ul > li.part19 .txt {
  left: 6px;
  top: 623px;
}
.part-condition-area .part-condition .part-img ul > li.part20 .txt {
  left: 66px;
  top: 623px;
}
.part-condition-area .part-condition .part-img ul > li.part21 .txt {
  left: 23px;
  top: 490px;
}
.part-condition-area .part-condition .part-img ul > li.part22 .txt {
  left: 48px;
  top: 490px;
}
.part-condition-area .part-condition .part-img ul > li.part23 .txt {
  left: 8px;
  top: 500px;
}
.part-condition-area .part-condition .part-img ul > li.part24 .txt {
  left: 60px;
  top: 500px;
}
.part-condition-area .part-condition .part-img ul > li.part25 .txt {
  left: 6px;
  top: 600px;
}
.part-condition-area .part-condition .part-img ul > li.part26 .txt {
  left: 66px;
  top: 600px;
}
.part-condition-area .part-condition .part-img ul > li.part27 .txt {
  left: 66px;
  top: 71px;
}
.part-condition-area .part-condition .part-img ul > li.part28 .txt {
  left: 20px;
  top: 744px;
}
.part-condition-area .part-condition .part-img ul > li.part29 .txt {
  left: 63px;
  top: 107px;
}
.part-condition-area .part-condition .part-img ul > li.part30 .txt {
  left: 21px;
  top: 782px;
}
.part-condition-area .part-condition .part-img ul > li.part31 .txt {
  left: 66px;
  top: 160px;
}
.part-condition-area .part-condition .part-img ul > li.part32 .txt {
  left: 20px;
  top: 834px;
}
.part-condition-area .part-condition .part-img ul > li.part33 .txt {
  left: 36px;
  top: 522px;
}
.part-condition-area .part-condition .part-img ul > li.part34 .txt {
  left: 36px;
  top: 546px;
}
.part-condition-area .part-condition .part-img ul > li.part35 .txt {
  left: 36px;
  top: 617px;
}
.part-condition-area .part-condition .part-img ul > li.part36 .txt {
  left: 36px;
  top: 635px;
}
.part-condition-area .part-condition .part-img ul > li.part37 .txt {
  left: 36px;
  top: 595px;
}
.part-condition-area .part-condition .part-list {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 338px;
  padding: 0 15px 13px 120px;
}
.part-condition-area .part-condition .part-list > h3 {
  height: 38px;
  line-height: 17px;
  padding: 13px 0 8px;
  font-weight: bold;
  color: #222;
}
.part-condition-area .part-condition .part-list ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.part-condition-area .part-condition .part-list ul li + li {
  margin-top: 5px;
}
.part-condition-area .part-condition .part-list ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  position: relative;
  height: 50px;
  padding: 0 30px 0 15px;
}
.part-condition-area .part-condition .part-list ul li > a .txt {
  display: block;
  line-height: 15px;
  color: #222;
}
.part-condition-area .part-condition .part-list ul li > a [class*=icon] {
  position: absolute;
  right: 25px;
  top: 50%;
  display: block;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background: url("../images/sub/sprite_dealer_3.png") no-repeat left top;
  background-size: 45px auto;
}
.part-condition-area .part-condition .part-list ul li > a .icon02 {
  background-position: -15px top;
}
.part-condition-area .part-condition .part-list ul li > a .icon03 {
  background-position: -30px top;
}
.part-condition-area .part-condition .part-list ul li > a .icon04 {
  background-position: 0px -15px;
}
.part-condition-area .part-condition .part-list ul li > a .icon05 {
  background-position: -15px -15px;
}
.part-condition-area .part-condition .part-list ul li > a .icon06 {
  background-position: -30px -15px;
}

.thema-care {
  background: url("../images/sub/bg_thema.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
}
.thema-care .header {
  padding: 0;
}
.thema-care .header h1 {
  padding: 0;
}
.thema-care .txt {
  position: absolute;
  left: 30px;
  top: 180px;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: -1px;
}
.thema-care .txt b {
  font-weight: 600;
}
.thema-care .txt p, .thema-care .txt ul.guide-bul > li {
  color: #666;
  margin-top: 10px;
}
.thema-care .btn-fixed-btm {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.thema-care .btn-fixed-btm a {
  position: relative;
  display: block;
  text-align: center;
  height: 54px;
  line-height: 54px;
  background: #364f7f;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.thema-area {
  background: #fff;
  padding: 25px 15px 30px;
}
.thema-area .tit-pop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.thema-area h2.pop-tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.thema-area h2.pop-tit span {
  font-size: 18px;
  color: #2666c6;
}
.thema-area .s-tab-line {
  margin: 0;
}
.thema-area .s-usedcar-info .general-usedcar {
  padding: 0;
}
.thema-area .tmmycar-sel li .input-ck + label {
  display: -webkit-box;
  height: auto;
  padding: 0;
}
.thema-area .tmmycar-sel li .input-ck + label:after {
  top: 0;
  right: 0;
  left: auto;
}

.thema-mng {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  color: #222;
  padding: 30px 15px;
}
.thema-mng .tit-btn-area h2.tit {
  font-weight: bold;
  font-size: 20px;
  padding: 0;
  margin: 0 0 8px 0;
}
.thema-mng .tit-btn-area div {
  font-size: 18px;
}
.thema-mng .tit-btn-area div span {
  font-size: 18px;
  color: #2666c6;
}
.thema-mng .reg-date {
  font-size: 13px;
  color: #666;
}
.thema-mng .tag a {
  display: inline-block;
  height: 22px;
  border: 1px solid #10a8e5;
  color: #10a8e5;
  font-size: 13px;
  line-height: 22px;
  border-radius: 22px;
  padding: 0 10px;
  font-weight: 400;
  text-decoration: none;
}

.s-tag-sel {
  overflow: hidden;
  padding: 6px 0 10px 0;
}
.s-tag-sel li {
  position: relative;
  float: left;
  border: 1px solid #10a8e5;
  border-radius: 15px;
  padding: 2px 10px;
  margin: 0 5px 0 0;
  text-decoration: none;
  font-size: 13px;
  color: #10a8e5;
}
.s-tag-sel li:before {
  content: "#";
}
.s-tag-sel li a {
  text-indent: -9999px;
  display: block;
  width: 13px;
  height: 13px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: -75px -118px;
  position: absolute;
  top: -6px;
  right: -4px;
}

.gt-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gt-info li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  height: 90px;
  margin-left: 5px;
}
.gt-info li input, .gt-info li .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .gt-info li .ico-confirm, .gt-info li .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .gt-info li .ico-confirm {
  position: absolute;
  top: 10px;
  left: 10px;
}
.gt-info li label {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 40px 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
}
.gt-info li label:after {
  top: 10px;
  left: 10px;
}
.gt-info li:first-child {
  margin-left: 0;
}
.gt-info li:after {
  content: "";
  display: block;
  width: 20px;
  height: 21px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -165px;
  position: absolute;
  top: 55px;
  right: 10px;
}
.gt-info li:nth-child(2):after {
  background-position: -20px -165px;
  width: 21px;
}
.gt-info li:nth-child(3):after {
  background-position: -40px -165px;
}
.gt-info.gt-info-edit li {
  height: auto;
  height: 55px;
  margin-left: 5px;
}
.gt-info.gt-info-edit li label {
  padding: 0 40px;
  line-height: 1.5;
}
.gt-info.gt-info-edit li label span {
  display: table-cell;
  vertical-align: middle;
  height: 53px;
}
.gt-info.gt-info-edit li label:after {
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gt-info.gt-info-edit li:first-child {
  margin-left: 0;
}
.gt-info.gt-info-edit li:after {
  content: "";
  display: block;
  width: 20px;
  height: 21px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -165px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gt-info.gt-info-edit li.qt02:after {
  background-position: -20px -165px;
}
.gt-info.gt-info-edit li.qt03:after {
  background-position: -40px -165px;
  width: 21px;
}
.gt-info.gt-info-edit li.qt04:after {
  background-position: -61px -165px;
  width: 21px;
}
.gt-info.gt-info-edit li.homeservice:after {
  background: url("../images/sub/icon-homeservice-dealer.png") top center/contain no-repeat;
  width: 22px;
}
.gt-info.gt-info-edit li.new {
  position: relative;
}
.gt-info.gt-info-edit li.new:before {
  position: absolute;
  background-image: url("../images/sub/badge_dealer_home.png");
  background-size: contain;
  background-position: left bottom;
  width: 30px;
  height: 20px;
  top: -7px;
  left: 30px;
  display: block;
  content: "";
}

.sellcar-info-img {
  display: -webkit-box;
  margin-top: 10px;
}
.sellcar-info-img .s-car-img {
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.sellcar-info-img .s-car-img img {
  width: 100%;
}
.sellcar-info-img .s-car-txt {
  display: block;
  text-align: left;
  padding: 0 0 0 20px;
  margin: 0;
  width: calc(100% - 110px);
}
.sellcar-info-img .s-car-txt .s-car-num {
  font-size: 13px;
}
.sellcar-info-img .s-car-txt .s-brand {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}

.sellcar-info-txt {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
}
.sellcar-info-txt > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sellcar-info-txt > div h3 {
  font-size: 18px;
  color: #666;
  font-weight: 400;
}
.sellcar-info-txt > div div {
  font-weight: bold;
  font-size: 18px;
}
.sellcar-info-txt > div div b {
  font-size: 18px;
  color: #2666c6;
}
.sellcar-info-txt > div div span {
  padding: 0 2px;
}

.sellcar-edit {
  padding: 30px 0 50px;
}

.box-area .tit span.r-mark {
  font-weight: bold;
  font-size: 18px;
}

.r-mark:after {
  content: "*";
  color: #fd665c;
  padding-left: 5px;
}

.explain-adm {
  background: #fff;
}
.explain-adm .explain-con {
  padding: 30px 15px;
}
.explain-adm .explain-con .explain-nodata {
  position: relative;
  text-align: center;
  padding-top: 40px;
  margin-top: 90px;
}
.explain-adm .explain-con .explain-nodata p:first-child, .explain-adm .explain-con .explain-nodata ul.guide-bul > li:first-child {
  color: #666;
}
.explain-adm .explain-con .explain-nodata p:last-child, .explain-adm .explain-con .explain-nodata ul.guide-bul > li:last-child {
  font-size: 13px;
  color: #999;
  margin-top: 5px;
}
.explain-adm .explain-con .explain-nodata:after {
  content: "";
  width: 20px;
  height: 23px;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  background-position: 0 -190px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -10px;
}
.explain-adm .explain-con .explain-list dl {
  margin-bottom: 30px;
}
.explain-adm .explain-con .explain-list dl dt, .explain-adm .explain-con .explain-list dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .explain-adm .explain-con .explain-list dl dd {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.explain-adm .explain-con .explain-list dl dd p, .explain-adm .explain-con .explain-list dl dd ul.guide-bul > li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5;
}
.explain-adm .explain-con .explain-list dl dd div {
  margin-top: 15px;
}
.explain-adm .explain-con .explain-list dl dd div a {
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  line-height: 38px;
  border-radius: 4px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #222;
}
.explain-adm .explain-con .txt-byte {
  font-size: 13px;
  color: #999;
  text-align: right;
  margin-top: 10px;
}

.point-ad {
  position: relative;
}
.point-ad .market-cd {
  border-radius: 0;
  padding: 0;
}
.point-ad .market-cd dl {
  padding: 0 0 15px;
}
.point-ad .market-cd dl dt, .point-ad .market-cd dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .point-ad .market-cd dl dd {
  font-weight: 600;
}
.point-ad .market-cd dl dd {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  margin-top: 15px;
}
.point-ad .market-cd dl dd > div {
  width: 50%;
}
.point-ad .market-cd dl dd > div h3 {
  color: #666;
  display: inline-block;
}
.point-ad .market-cd dl dd > div > div {
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
}
.point-ad .market-cd dl dd > div > div span {
  font-size: 13px;
  color: #666;
  margin-left: 5px;
}
.point-ad .market-cd .apply-ad dd {
  margin-bottom: 10px;
}
.point-ad .market-cd .apply-ad dd > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.point-ad .market-cd .apply-ad dd > div strong {
  width: 100px;
  padding-top: 5px;
}
.point-ad .market-cd .apply-ad dd > div div {
  margin-top: 0;
}
.point-ad .market-cd .apply-ad dd > div div span {
  font-size: 14px;
  color: #fd665c;
  font-weight: 600;
  margin-left: 0;
}
.point-ad .market-cd .apply-ad dd > div div p, .point-ad .market-cd .apply-ad dd > div div ul.guide-bul > li {
  font-size: 13px;
  color: #666;
}
.point-ad .market-cd .tit-tooltip .tool-tip {
  position: relative;
  display: inline-block;
  left: 0;
  top: 5px;
}
.point-ad .market-cd .tit-tooltip .tool-tip a {
  display: inline-block;
  position: relative;
  text-indent: -999em;
  overflow: hidden;
  background: none;
  border: 0;
}
.point-ad .market-cd .tit-tooltip .tool-tip a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-position: -60px -289px;
}
.point-ad .point-graph {
  padding: 25px 0 30px;
}

.renewal-gt {
  background: #fff;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 15px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.renewal-gt label {
  display: block;
  padding: 0 0 0 30px;
  height: auto;
  min-height: 140px;
}
.renewal-gt .renewal-txt {
  font-size: 18px;
}
.renewal-gt .renewal-txt p:first-child, .renewal-gt .renewal-txt ul.guide-bul > li:first-child {
  font-weight: 500;
}
.renewal-gt .renewal-txt p:first-child b, .renewal-gt .renewal-txt ul.guide-bul > li:first-child b {
  color: #2666c6;
}
.renewal-gt .renewal-txt p:last-child, .renewal-gt .renewal-txt ul.guide-bul > li:last-child {
  letter-spacing: -1px;
}
.renewal-gt .renewal-img {
  margin: 30px 30px 0 0;
}

.car-gt-icon {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.car-gt-icon li {
  position: relative;
  text-align: center;
}
.car-gt-icon li .icon-img {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto;
  background-image: url("../images/sub/car_aff_bg.png");
  background-size: 160px 40px;
}
.car-gt-icon li .icon-name {
  display: block;
  color: #222;
  font-size: 13px;
  padding: 4px 0 0;
  letter-spacing: -1px;
}
.car-gt-icon li.car-gt-icon01 .icon-img {
  background-position: 0 0;
}
.car-gt-icon li.car-gt-icon02 .icon-img {
  background-position: -40px 0;
}
.car-gt-icon li.car-gt-icon03 .icon-img {
  background-position: -120px 0;
}
.car-gt-icon li.car-gt-icon04 .icon-img {
  background-position: -80px 0;
}

.tag-sel-area.brd-top {
  border-top: 6px solid #ddd;
}

.newcar-item {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 30px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.newcar-item h3.tit {
  font-size: 18px;
  margin-bottom: 30px;
}
.newcar-item .newcar-item-basic dt, .newcar-item .newcar-item-basic .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .newcar-item .newcar-item-basic dd {
  position: relative;
  font-weight: 500;
  padding-left: 10px;
  margin: 15px 0 5px;
}
.newcar-item .newcar-item-basic dt:after, .newcar-item .newcar-item-basic .dealer-detail .dealer-detail__status > div dd:after, .dealer-detail .dealer-detail__status > div .newcar-item .newcar-item-basic dd:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #222;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.newcar-item .newcar-item-basic dd {
  color: #666;
  padding-left: 10px;
}
.newcar-item .newcar-item-select {
  margin-top: 15px;
}
.newcar-item .newcar-item-select li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
.newcar-item .newcar-item-select li span:first-child {
  position: relative;
  padding-left: 10px;
}
.newcar-item .newcar-item-select li span:first-child:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #222;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.newcar-item .newcar-item-select li span {
  font-weight: 500;
}

.penalty-wrap .penalty-sec {
  position: relative;
  background: #fff;
  border-radius: 15px;
  padding: 30px 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.penalty-wrap .penalty-sec .penalty-ps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.penalty-wrap .penalty-sec .penalty-ps h2 {
  font-weight: bold;
  font-size: 24px;
  padding-left: 15px;
}
.penalty-wrap .penalty-sec .penalty-ps > div {
  position: relative;
}
.penalty-wrap .penalty-sec .penalty-ps > div .ps-star {
  text-align: right;
  padding-top: 10px;
}
.penalty-wrap .penalty-sec .penalty-ps > div .ps-star b {
  display: block;
  font-size: 20px;
  color: #2666c6;
  margin-top: 5px;
}
.penalty-wrap .penalty-sec .penalty-ps > div .caution {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 120px;
  color: #fff;
  background-color: #fd665c;
  font-size: 13px;
  margin-top: 10px;
  padding: 4px 10px 3px 22px;
  border-radius: 50px;
}
.penalty-wrap .penalty-sec .penalty-ps > div .caution:before {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 13px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -109px -60px;
  background-size: 250px;
  content: "";
}
.penalty-wrap .penalty-sec .tit-tb {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.penalty-wrap .tbl-list {
  padding: 0;
}
.penalty-wrap .tbl-list .tbl table thead th {
  color: #666666;
}
.penalty-wrap .tbl-list .tbl table tbody th {
  background: #f1f1f1;
  color: #666666;
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding-left: 15px;
}
.penalty-wrap .tbl-list .tbl table tbody th + td {
  text-align: left;
  padding-left: 15px;
}
.penalty-wrap .tbl-list .tbl table tbody td a {
  color: #364f7f;
  border-bottom: 1px solid #364f7f;
  text-decoration: none;
}
.penalty-wrap .pn-imgfile {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 3px;
}
.penalty-wrap .pn-imgfile .file-upload label {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}
.penalty-wrap .pn-imgfile .file-upload input[type=file], .penalty-wrap .pn-imgfile .file-upload .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .penalty-wrap .pn-imgfile .file-upload [type=file].ico-confirm, .penalty-wrap .pn-imgfile .file-upload .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .penalty-wrap .pn-imgfile .file-upload [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.penalty-wrap .pn-imgfile > p, .penalty-wrap ul.pn-imgfile.guide-bul > li {
  line-height: 28px;
}

.salesrch-area .salesrch-input {
  border-radius: 0 0 15px 15px;
  margin-bottom: 35px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0 0 15px 15px;
  padding: 0 15px 15px;
}
.salesrch-area .salesrch-input .salesrch-condt {
  position: relative;
  padding-right: 20px;
  line-height: 30px;
  color: #999;
}
.salesrch-area .salesrch-input .salesrch-condt .btn-srch-pop {
  position: absolute;
  top: 8px;
  right: 0;
  text-indent: -9999px;
  width: 11px;
  height: 13px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -489px -70px;
}
.salesrch-area .salesrch-list {
  margin: 0 15px 15px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  padding: 25px 15px 15px;
}
.salesrch-area .salesrch-list .salesrch-car a {
  text-decoration: none;
  color: #222;
  display: -webkit-box;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-img {
  width: 110px;
  height: 83px;
  overflow: hidden;
  border-radius: 4px;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-img img {
  width: 100%;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt {
  width: calc(100% - 125px);
  display: block;
  text-align: left;
  padding: 0 0 0 15px;
  margin: 0;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt .s-brand {
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt .s-info span {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt .s-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt .s-info span:last-child:after {
  display: none;
}
.salesrch-area .salesrch-list .salesrch-car a .s-car-txt .s-pay {
  font-weight: bold;
  font-size: 18px;
  color: #222;
  margin-top: 15px;
}
.salesrch-area .salesrch-list .salesrch-dealer {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.salesrch-area .salesrch-list .salesrch-dealer .photo {
  width: 40px;
  height: 40px;
}
.salesrch-area .salesrch-list .salesrch-dealer .photo img {
  width: 100%;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-info {
  padding-left: 10px;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-info p, .salesrch-area .salesrch-list .salesrch-dealer .saledealer-info ul.guide-bul > li {
  margin-bottom: 7px;
  font-weight: 500;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-info span {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  color: #999;
  font-size: 13px;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-info span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #b7b7b7;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-info span:last-child:after {
  display: none;
}
.salesrch-area .salesrch-list .salesrch-dealer .saledealer-tel {
  position: absolute;
  top: 20px;
  right: 0;
  font-weight: 500;
}

.adedit-point {
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.car-ad-info {
  position: relative;
  display: none;
  background: #fff;
  border-top: 1px solid #ddd;
  margin-top: -15px;
  z-index: 3;
}

.s-table-type4 table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.s-table-type4 table thead th {
  height: 40px;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.s-table-type4 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 9px 0;
  text-align: center;
  font-weight: 500;
  border-top: 1px solid #ddd;
}
.s-table-type4 table tbody td a {
  color: #364f7f;
  border-bottom: 1px solid #364f7f;
  text-decoration: none;
}

.ad-effect {
  position: relative;
  background: #fff;
  border-radius: 15px;
  padding: 30px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
}
.ad-effect .price-switch {
  position: relative;
  padding-top: 30px;
}
.ad-effect .price-switch .price-control button {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  background: none;
  border: none;
  width: 18px;
  height: 18px;
}
.ad-effect .price-switch .price-control button:after {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_dealer.png") no-repeat;
  background-size: 250px;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0;
}
.ad-effect .price-switch .price-control .price-minus:after {
  background-position: -120px -115px;
}
.ad-effect .price-switch .price-control .price-plus:after {
  background-position: -140px -115px;
}
.ad-effect .price-switch .price-control b {
  font-size: 26px;
  padding: 0 15px;
}
.ad-effect .price-switch .btn-more {
  display: block;
  text-align: right;
  color: #364f7f;
  text-decoration: none;
  margin-bottom: 15px;
}
.ad-effect .line-btn {
  display: block;
  width: 100%;
  height: 54px;
  background: #fff;
  border: 1px solid #2666c6;
  color: #2666c6;
  text-align: center;
  font-size: 18px;
  line-height: 54px;
  border-radius: 4px;
  text-decoration: none;
}
.ad-effect .cmm-dim {
  height: 455px;
}
.ad-effect .cmm-dim .cmm-dim-txt {
  margin-top: -18px;
}

.mycar-link {
  padding-top: 30px;
  margin: 0 15px;
  border-top: 1px solid #ddd;
  font-size: 16px;
  font-weight: 500;
}
.mycar-link span {
  font-size: 16px;
  color: #2666c6;
}

.select-pad .select-type {
  padding-right: 10px;
}

.finance-wrap .header {
  position: relative;
  padding: 0;
  background: #fff;
}
.finance-wrap .header h1 {
  padding: 0;
}
.finance-wrap .finance-content {
  padding: 35px 15px 0;
  background: #fff;
}
.finance-wrap .fn-txt {
  padding-bottom: 30px;
}
.finance-wrap .fn-txt h3 {
  font-weight: 500;
  padding-bottom: 10px;
}
.finance-wrap .fn-txt ul li {
  position: relative;
  font-size: 13px;
  color: #999;
  padding-left: 15px;
  line-height: 1.8;
}
.finance-wrap .fn-txt ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  top: 10px;
  left: 0;
}

.btn-b {
  display: block;
  -webkit-box-flex: 1;
  height: 60px;
  border: 1px solid #ddd;
  background: #2666c6;
  color: #fff;
  border-color: #2666c6;
  border-radius: 4px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.finance-section {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 30px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.finance-section h2.sub-tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  color: #222;
}
.finance-section .finance-type .finance-item {
  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;
  min-height: 35px;
  padding: 0 15px;
}
.finance-section .finance-type .finance-item .tit {
  color: #666;
  font-size: 14px;
  margin-bottom: 0;
  padding: 1px 0;
  font-weight: 400;
}
.finance-section .finance-type .finance-item .txt {
  text-align: right;
  padding: 1px 0;
  font-size: 14px;
  font-weight: 600;
  width: 65%;
}
.finance-section .finance-type .finance-item .file-txt {
  position: relative;
  padding: 0 30px 0 0px;
  font-size: 16px;
  color: #2666c6;
}
.finance-section .finance-type .finance-item .file-txt a {
  display: inline-block;
  margin: 5px 0 0 10px;
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 15px;
  height: 15px;
  background-position: -36px -35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.finance-section .finance-type .finance-item .file-box {
  display: inline-block;
}
.finance-section .finance-type .finance-item .file-box label {
  position: relative;
  display: inline-block;
  width: auto;
  height: 35px;
  color: #222;
  border: none;
  border-radius: 0;
  font-size: 16px;
  padding: 0 0 0 39px;
  line-height: 35px;
  font-weight: 600;
  vertical-align: middle;
}
.finance-section .finance-type .finance-item .file-box input[type=file], .finance-section .finance-type .finance-item .file-box .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .finance-section .finance-type .finance-item .file-box [type=file].ico-confirm, .finance-section .finance-type .finance-item .file-box .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .finance-section .finance-type .finance-item .file-box [type=file].ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.finance-section .finance-type .finance-item .file-box:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 16px;
  top: 50%;
  background-position: -60px -233px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
}
.finance-section .finance-type .finance-item .file-box:before {
  display: none;
}
.finance-section .finance-type .finance-item.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.finance-section .bl-type {
  position: relative;
  padding: 0 0 0 35px;
  color: #fd665c;
  font-size: 13px;
}
.finance-section .bl-type:after {
  content: "※";
  position: absolute;
  left: 15px;
  top: 0;
}
.finance-section .bl-type01 {
  position: relative;
  padding: 0 0 0 25px;
  color: #fd665c;
  font-size: 13px;
}
.finance-section .bl-type01:after {
  content: "※";
  position: absolute;
  left: 5px;
  top: 0;
}
.finance-section .input-box {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.finance-section .input-box .input-type {
  border: 0;
  height: 28px;
  line-height: 28px;
}
.finance-section .input-box .input-srchbtn {
  display: block;
  margin: 5px 0 0 10px;
  content: "";
  background: url("../images/sub/sprite_mycar.png") no-repeat;
  background-size: 500px;
  background-position: -75px -170px;
  width: 15px;
  height: 19px;
  position: absolute;
  right: 10px;
  top: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.finance-section .btn-extra {
  background: #2666c6;
  border-radius: 4px;
  color: #fff;
  padding: 0 10px;
  height: 40px;
  border: 0;
  float: right;
  margin-top: 30px;
}

.car-title {
  background-color: #fff;
  padding: 20px 15px 0;
}
.car-title strong {
  display: block;
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.cmm-dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 515px;
}
.cmm-dim:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
  z-index: 101;
}
.cmm-dim .cmm-dim-txt {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  margin-top: -10px;
  z-index: 102;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  position: relative;
  height: 100%;
  width: 100%;
}
.noUi-touch-area:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 1px;
  background: #e8e7e6;
  left: 12px;
  top: 8px;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 2px;
}

.noUi-horizontal .noUi-handle {
  width: 26px;
  height: 26px;
  left: -13px;
  top: -13px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-target {
  background: #f1f1f1;
  margin: 0 17px 0 12px;
  -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
          box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #4171bf;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #2666c6;
  background: #2666c6;
  cursor: default;
  border-radius: 26px;
}

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 1px;
  background: #e8e7e6;
  left: 8px;
  top: 8px;
}

.noUi-handle:after {
  left: 16px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #4c4c4c;
  outline-color: rgba(76, 76, 76, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  display: none;
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
  border-style: solid;
  border-color: #fff;
}
.cropper-point {
  height: 15px;
  opacity: 1;
  width: 15px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: 0;
  top: 0;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #fff;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: 0;
  top: 0;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: #fff;
}
.cropper-point.point-sw {
  bottom: 0;
  cursor: nesw-resize;
  left: 0;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #fff;
}
.cropper-point.point-se {
  bottom: 0;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: 0;
  width: 20px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url("../images/bg.png");
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.cropper-view-box,
.cropper-face {
  border-radius: 50%;
}

/* 공통 작업 */
.sell-header.change .guide-movie {
  position: absolute;
  right: 15px;
  top: 17px;
}
.sell-header.change .guide-movie a {
  position: relative;
  padding: 0 17px 0 0;
  color: rgba(49, 72, 127, 0.9);
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
}
.sell-header.change .guide-movie a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background-color: rgba(49, 72, 127, 0.9);
  border-radius: 50%;
}
.sell-header.change .guide-movie a:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.sell-estimate.k-bg-green {
  background: #6bb3b0;
  border-radius: 0;
  margin: 0 0 -15px;
  color: #fff;
  padding: 85px 30px 15px;
  margin-top: -5px;
}

.sell-step dd [class*=step] .h-box .ico-estimate {
  position: relative;
  padding: 0 0 0 28px;
  color: #222;
  font-weight: 600;
}
.sell-step dd [class*=step] .h-box .ico-estimate:after {
  position: absolute;
  width: 16px;
  height: 15px;
  left: 0;
  top: 2px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat 0 -16px;
  background-size: 250px;
  content: "";
}
.sell-step dd [class*=step] .h-box .ico-es-view {
  position: relative;
  padding: 0 0 0 28px;
  color: #222;
  font-weight: 600;
}
.sell-step dd [class*=step] .h-box .ico-es-view:after {
  position: absolute;
  width: 22px;
  height: 15px;
  left: 0;
  top: 2px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -39px -31px;
  background-size: 250px;
  content: "";
}

.chnage-car-visual {
  position: relative;
  padding-bottom: 30px;
  padding-top: 25px;
}
.chnage-car-visual .txt {
  display: block;
  font-size: 27px;
  color: #1c5a57;
  font-weight: 100;
  text-align: center;
  line-height: 1.2;
}
.chnage-car-visual .txt > span {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.1;
}
.chnage-car-visual .txt .fw-l {
  margin: 0 15px 0 36px;
  font-weight: 100;
}
.chnage-car-visual .img {
  position: relative;
  width: 100%;
  height: 80px;
  text-align: center;
  margin-bottom: 10px;
}
.chnage-car-visual .img img {
  position: relative;
  width: 165px;
  z-index: 10;
}
.chnage-car-visual .pollen {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("../images/sub/bg_pollen.png") no-repeat 0 0;
  background-size: 100% auto;
  z-index: 100;
}
.chnage-car-visual .replay-btn {
  display: block;
  position: absolute;
  bottom: -5px;
  right: -15px;
  padding-left: 24px;
  text-decoration: none;
  color: #fff;
}
.chnage-car-visual .replay-btn::before {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 17px;
  height: 15px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat 0 0;
  background-size: 250px auto;
  content: "";
}
.chnage-car-visual .replay-link {
  position: relative;
  bottom: 0;
  left: 50%;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  color: #fff;
  background-color: #1c5a57;
  text-decoration: none;
  text-align: center;
  padding-top: 6px;
  font-size: 13px;
  margin: -15px 0 0 -35px;
}
.chnage-car-visual .replay-link > p, .chnage-car-visual ul.replay-link.guide-bul > li {
  padding-top: 8px;
}
.chnage-car-visual .replay-link:after {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 12px;
  height: 8px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -67px -4px;
  background-size: 250px;
  content: "";
}
.chnage-car-visual .num-app.h-box {
  border-top: 1px solid #76c6c3;
  margin: 15px 0 0;
  padding: 12px 0 0;
}

.mycar-sell .last:nth-child(1):after {
  width: 22px;
  height: 15px;
  background-position: -78px -308px;
}

.box-rud.rad-b0 {
  border-radius: 15px 15px 0 0;
}

.sell-step-toggle dd .my-car-register a.ico:after {
  width: 21px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat;
  background-position: -40px 0;
  background-size: 250px;
  top: 18px;
}

.precaution .ico {
  position: relative;
}
.precaution .ico:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px;
  content: "";
}

.sell-sub-wrap {
  background-color: #fff;
  padding: 0 15px 100px;
}
.sell-sub-wrap .s-usedcar-info {
  padding: 0;
}
.sell-sub-wrap .s-usedcar-info .general-usedcar {
  padding: 0px;
}
.sell-sub-wrap.round {
  border-radius: 0 0 10px 10px;
  margin-bottom: 10px;
  padding: 0 15px 30px;
}
.sell-sub-wrap .general-usedcar li {
  margin-bottom: 30px;
}
.sell-sub-wrap .general-usedcar li .b-brand {
  margin-top: 8px;
  position: relative;
  height: 20px;
}
.sell-sub-wrap .general-usedcar li .b-brand .ellipsis {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ellipsis {
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.checked-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.checked-flex .ra-ck {
  width: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.step-tit {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #6bb3b0;
}

.btn-fixed {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.info-none-txt {
  padding-top: 90px;
}
.info-none-txt p, .info-none-txt ul.guide-bul > li {
  text-align: center;
  font-size: 16px;
}

.step-registration > li {
  margin-bottom: 15px;
}
.step-registration .step-btn {
  position: relative;
  display: block;
  height: 50px;
  color: #fff;
  background-color: #6bb3b0;
  line-height: 50px;
  text-decoration: none;
  padding: 0px 20px;
  border-radius: 5px;
}
.step-registration .step-btn span {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
.step-registration .step-btn span:before {
  position: absolute;
  left: 0px;
  top: 3px;
  width: 23px;
  height: 13px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -38px -17px;
  background-size: 250px;
  display: block;
  content: "";
}
.step-registration .step-btn:after {
  position: absolute;
  right: 15px;
  top: 19px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -83px -2px;
  background-size: 250px;
  display: block;
  content: "";
}

.sc-link li {
  border-bottom: 1px solid #ddd;
}
.sc-link li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
  color: #222;
}
.sc-link li:last-child {
  border-bottom: none;
}

.car-step-box {
  position: relative;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  min-height: 120px;
}
.car-step-box .img {
  position: absolute;
  right: 15px;
  top: 40px;
  width: 100px;
}
.car-step-box .img img {
  width: 100%;
}
.car-step-box > strong {
  display: block;
  padding-top: 20px;
  margin-bottom: 5px;
  font-size: 18px;
}
.car-step-box > p, ul.car-step-box.guide-bul > li {
  color: #666;
}
.car-step-box .btn-del {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
}
.car-step-box .btn-del:after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat -102px -3px;
  background-size: 250px;
  content: "";
}

.purchase-way > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.purchase-way > ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}
.purchase-way > ul li:last-child {
  margin-right: 0px;
}
.purchase-way > ul li label {
  display: block;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 0px 10px 10px;
  cursor: pointer;
}
.purchase-way > ul li label > strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.purchase-way > ul li label > strong > span {
  display: block;
  font-weight: 400;
  font-size: 13px;
}
.purchase-way > ul li label .txt {
  color: #999;
  font-size: 13px;
}
.purchase-way > ul li label .pay {
  font-style: normal;
  font-weight: 600;
}
.purchase-way > ul li label .pay span {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-right: 2px;
}
.purchase-way > ul li input[type=checkbox], .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm {
  display: none;
}
.purchase-way > ul li input[type=checkbox]:checked ~ label, .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm:checked ~ label, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm:checked ~ label, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label {
  background-color: #2666c6;
  border-color: #2666c6;
}
.purchase-way > ul li input[type=checkbox]:checked ~ label > strong, .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm:checked ~ label > strong, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label > strong, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm:checked ~ label > strong, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label > strong {
  color: #fff;
}
.purchase-way > ul li input[type=checkbox]:checked ~ label > strong > span, .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm:checked ~ label > strong > span, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label > strong > span, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm:checked ~ label > strong > span, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label > strong > span {
  color: #fff;
}
.purchase-way > ul li input[type=checkbox]:checked ~ label .txt, .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm:checked ~ label .txt, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label .txt, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm:checked ~ label .txt, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label .txt {
  color: #fff;
}
.purchase-way > ul li input[type=checkbox]:checked ~ label .pay, .purchase-way > ul li .new-content-body .inp-box [type=checkbox].ico-confirm:checked ~ label .pay, .new-content-body .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label .pay, .purchase-way > ul li .type-mydata .inp-box [type=checkbox].ico-confirm:checked ~ label .pay, .type-mydata .inp-box .purchase-way > ul li [type=checkbox].ico-confirm:checked ~ label .pay {
  display: block;
  color: #fff;
}

.change-section {
  border-radius: 15px 15px 0 0;
  background-color: #fff;
  padding: 0 0 100px 0;
}
.change-section .s-usedcar-info .general-usedcar .fx-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.change-section .s-usedcar-info .general-usedcar .s-car-txt {
  text-align: right;
  width: calc(100% - 110px);
}
.change-section .s-usedcar-info .general-usedcar .s-car-txt .s-pay {
  margin-top: 0px;
}
.change-section .pur-pay {
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
  font-size: 13px;
  width: 40px;
  height: 22px;
  line-height: 22px;
  border-radius: 50px;
  border: 1px solid #2666c6;
  color: #2666c6;
}
.change-section .sale-pay {
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
  font-size: 13px;
  width: 40px;
  height: 22px;
  line-height: 22px;
  border-radius: 50px;
  border: 1px solid #fd665c;
  color: #fd665c;
}
.change-section .total-pay {
  margin: 0 15px;
  height: 45px;
  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-top: 1px solid #222;
}
.change-section .total-pay > span {
  font-weight: 600;
}
.change-section .total-pay > strong {
  font-weight: 600;
  font-size: 20px;
}
.change-section .total-pay .layerBtm--tooltip {
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0 0 0 8px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #efefef;
}
.change-section .total-pay .layerBtm--tooltip span {
  display: none;
}
.change-section .total-pay .layerBtm--tooltip:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  display: block;
  width: 5px;
  height: 9px;
  background: url("../images/common/bg_tooltip.png") no-repeat;
  background-size: 100px 40px;
}
.change-section .estimate-info {
  margin: 32px 15px 0;
  padding: 30px 0 25px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.change-section .estimate-info .tit {
  left: 0;
}

.tit-wrap {
  margin-bottom: 10px;
  position: relative;
}
.tit-wrap .txt {
  color: #6bb3b0;
  font-size: 20px;
}
.tit-wrap .select-box-type {
  position: absolute;
  right: 15px;
  top: 0px;
}
.tit-wrap .select-box-type select {
  padding: 0 20px 0 10px;
}
.tit-wrap .layer-b {
  position: absolute;
  right: 0;
  top: 26px;
  height: 30px;
  padding: 0 17px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-decoration: none;
  color: #222;
  line-height: 28px;
}
.tit-wrap .btn-refund {
  position: absolute;
  right: 15px;
  top: 23px;
  background: #2666c6;
  color: #fff;
  height: 30px;
  padding: 0 8px;
  border-radius: 2px;
  border: 0;
  font-size: 13px;
}

.s-register-btn a {
  position: relative;
  display: block;
  margin-bottom: 10px;
  border-radius: 7px;
  background: #fff;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  height: 50px;
  padding: 0 40px;
  line-height: 50px;
  font-weight: 400;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.s-register-btn a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -201px;
  left: 15px;
  top: 15px;
  width: 15px;
  height: 18px;
}
.s-register-btn a:before {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -77px -219px;
  width: 12px;
  height: 12px;
  right: 15px;
  top: 19px;
}

.status-value span.green {
  background: #6bb3b0;
  border-color: #6bb3b0;
  color: #fff;
}
.status-value span.red {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}
.status-value span.tp {
  background: transparent;
  border-color: #888;
  color: #888;
}

.rud-box .reg-link.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rud-box .reg-link.flex-box a {
  width: 50%;
  text-align: center;
}
.rud-box .reg-link.flex-box a:last-child {
  border-left: 1px solid #ddd;
}
.rud-box .dealer-flex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rud-box .dealer-flex > li {
  width: 50%;
  text-align: left;
}
.rud-box .dealer-flex > li .car-img {
  width: 100%;
  padding: 30px 15px 0;
  margin-bottom: 15px;
}
.rud-box .dealer-flex > li:first-child {
  padding-right: 15px;
}
.rud-box .dealer-flex > li:last-child {
  padding-left: 15px;
}
.rud-box .dealer-flex:after {
  position: absolute;
  left: 50%;
  top: 41px;
  margin-left: -13px;
  width: 25px;
  height: 25px;
  background: url("../images/sub/sprite_sell_ver2.png") no-repeat 100% 0;
  background-size: 250px;
  content: "";
}

.dealerContact {
  border-top: 1px solid #ddd;
  margin: 25px 15px 0;
  padding: 15px 0 0;
}
.dealerContact strong {
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.dealerContact label {
  font-size: 14px;
}

/* 공통 작업 */
[class*=main-personal] {
  position: absolute;
  width: 100%;
  height: 100vh;
}
[class*=main-personal] .header {
  padding: 0;
}
[class*=main-personal] .header h1 {
  padding: 0;
}
[class*=main-personal] .header .mainpn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_main.png") no-repeat;
  background-size: 150px;
  background-position: -64px -112px;
  z-index: 2;
}
[class*=main-personal] .txt {
  position: absolute;
  left: 30px;
  top: 55px;
  letter-spacing: -1px;
}
[class*=main-personal] .txt span {
  font-weight: 400;
  color: #fff;
}
[class*=main-personal] .txt p, [class*=main-personal] .txt ul.guide-bul > li {
  font-weight: 500;
  font-size: 36px;
  color: #fff;
  line-height: 1.08;
  margin-top: 15px;
}
[class*=main-personal] .personal-link-area {
  padding: 240px 15px 0;
}
[class*=main-personal] .personal-link-area .personal-link {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 11px 25px;
}
[class*=main-personal] .personal-link-area .personal-link div {
  position: relative;
  border-bottom: 1px solid #ddd;
  width: 100%;
  display: table;
}
[class*=main-personal] .personal-link-area .personal-link div a {
  width: 100%;
  padding: 17px 0;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
[class*=main-personal] .personal-link-area .personal-link div a p, [class*=main-personal] .personal-link-area .personal-link div a ul.guide-bul > li {
  font-size: 18px;
  color: #222;
}
[class*=main-personal] .personal-link-area .personal-link div a span {
  display: inline-block;
  color: #797979;
  margin-top: 3px;
}
[class*=main-personal] .personal-link-area .personal-link div:last-child {
  border-bottom: none;
}
[class*=main-personal] .personal-link-area .personal-link div:after {
  content: "";
  width: 32px;
  height: 28px;
  background: url("../images/sub/sprite_main.png") no-repeat;
  background-size: 150px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -14px;
}
[class*=main-personal] .personal-link-area .personal-link div.on a p, [class*=main-personal] .personal-link-area .personal-link div.on a ul.guide-bul > li {
  color: #2666c6;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn01:after {
  background-position: 0 0;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn02:after {
  background-position: -32px 0;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn03:after {
  background-position: -64px 0;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn04:after {
  background-position: 0 -28px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn05:after {
  background-position: -32px -28px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn06:after {
  background-position: -64px -28px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn07:after {
  background-position: 0 -56px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn08:after {
  background-position: -32px -56px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn09:after {
  background-position: -64px -56px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn10:after {
  background-position: 0 -84px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn11:after {
  background-position: -32px -84px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn12:after {
  background-position: -64px -84px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn13:after {
  background-position: 0 -112px;
}
[class*=main-personal] .personal-link-area .personal-link .main-pn14:after {
  background-position: -32px -112px;
}
[class*=main-personal] .personal-mycar {
  padding: 170px 15px 0;
}
[class*=main-personal] .btn-pre {
  position: absolute;
  bottom: 25px;
  left: 30px;
  z-index: 2;
}
[class*=main-personal] .btn-pre a {
  display: inline-block;
  padding: 0 0 0 15px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
}
[class*=main-personal] .btn-pre a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 9px;
  background: url("../images/sub/sprite_main.png") no-repeat;
  background-size: 150px;
  background-position: -79px -112px;
  margin-top: -6px;
}

.main-personal01 {
  background: url("../images/sub/bg_mainpn01.jpg") no-repeat;
  background-size: cover;
}

.main-personal02 {
  background: url("../images/sub/bg_mainpn02.jpg") no-repeat;
  background-size: cover;
}

.main-personal03 {
  background: url("../images/sub/bg_mainpn03.jpg") no-repeat;
  background-size: cover;
}

.main-personal04 {
  background: url("../images/sub/bg_mainpn04.jpg") no-repeat;
  background-size: cover;
}

.main-personal05 {
  background: url("../images/sub/bg_mainpn05.jpg") no-repeat;
  background-size: cover;
}

.main-personal06 {
  position: relative;
  background: #fff;
}
.main-personal06 .header .mainpn-close {
  background-position: -64px -127px;
}
.main-personal06 .txt span {
  color: #666;
}
.main-personal06 .txt p, .main-personal06 .txt ul.guide-bul > li {
  color: #000;
}
.main-personal06 .btn-pre a {
  color: #222;
}
.main-personal06 .btn-pre a:after {
  background-position: -79px -121px;
}

.main-personal07 {
  background: #fff;
}
.main-personal07 .header .mainpn-close {
  background-position: -64px -127px;
}
.main-personal07 .txt span {
  display: inline-block;
  color: #666;
  margin-top: 15px;
}
.main-personal07 .txt p, .main-personal07 .txt ul.guide-bul > li {
  font-size: 20px;
  color: #000;
  margin-top: 0;
}
.main-personal07 .txt p b, .main-personal07 .txt ul.guide-bul > li b {
  display: block;
  font-size: 40px;
  margin-top: 5px;
}
.main-personal07 .btn-pre a {
  color: #222;
}
.main-personal07 .btn-pre a:after {
  background-position: -79px -121px;
}

.s-carnum-input {
  padding: 0 15px;
}
.s-carnum-input dt, .s-carnum-input .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .s-carnum-input dd {
  color: #222;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.s-carnum-input dd {
  position: relative;
  border-bottom: 2px solid #222;
}
.s-carnum-input dd label {
  position: absolute;
  top: 14%;
  left: 0;
  font-weight: bold;
  font-size: 27px;
  color: #ddd;
}
.s-carnum-input dd input, .s-carnum-input dd .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .s-carnum-input dd .ico-confirm, .s-carnum-input dd .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .s-carnum-input dd .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 15px 0 11px 0;
  font-size: 27px;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.s-carnum-input dd input::-webkit-input-placeholder, .s-carnum-input dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .s-carnum-input dd .ico-confirm::-webkit-input-placeholder, .s-carnum-input dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .s-carnum-input dd .ico-confirm::-webkit-input-placeholder {
  font-size: 27px;
  color: #ddd;
}
.s-carnum-input dd input::-webkit-input-placeholder, .s-carnum-input dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .s-carnum-input dd .ico-confirm::-webkit-input-placeholder, .s-carnum-input dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .s-carnum-input dd .ico-confirm::-webkit-input-placeholder, .s-carnum-input dd input::placeholder, .s-carnum-input dd .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .s-carnum-input dd .ico-confirm::placeholder, .s-carnum-input dd .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .s-carnum-input dd .ico-confirm::placeholder {
  font-size: 27px;
  color: #ddd;
}

.mainpn-price {
  padding: 30px 0;
}
.mainpn-price .car-img {
  width: 232px;
  margin: auto;
  overflow: hidden;
}
.mainpn-price .car-img img {
  width: 100%;
}
.mainpn-price .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}
.mainpn-price .car-info dl {
  width: 100%;
  padding-left: 15px;
  border-right: 1px solid #ddd;
}
.mainpn-price .car-info dl dt, .mainpn-price .car-info dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .mainpn-price .car-info dl dd {
  color: #666;
}
.mainpn-price .car-info dl dd {
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
}
.mainpn-price .car-info dl:last-child {
  border-right: none;
}

.mainpn-cfm {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.mainpn-cfm h2 {
  font-weight: bold;
  font-size: 20px;
}

.btn-mainpn {
  display: -webkit-box;
  margin-top: 30px;
}
.btn-mainpn .btn-s {
  display: block;
  -webkit-box-flex: 1;
  height: 57px;
  border: 1px solid #ddd;
  background: #fff;
  color: #222;
  border-radius: 4px;
  margin-left: 10px;
  letter-spacing: -1px;
  line-height: 57px;
  text-align: center;
  font-size: 18px;
}
.btn-mainpn .btn-s:first-child {
  margin: 0;
}
.btn-mainpn .btn-s.on {
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
}

.btn-mainpn.col2 button {
  width: 50%;
}

.main-live {
  background-color: #fff;
}
.main-live .header {
  position: relative;
  height: auto;
  margin-bottom: 95px;
  padding: 40px 0 0 30px;
}
.main-live h1 {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  font-weight: bold;
  background: rgb(36, 116, 203);
  background: linear-gradient(74deg, rgb(36, 116, 203) 0%, rgb(245, 180, 18) 13%, rgb(255, 76, 65) 24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-live .hashtag {
  font-weight: 700;
  font-size: 16px;
}
.main-live .mainpn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  z-index: 2;
}
.main-live .mainpn-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 10px;
  background: url("../images/sub/sprite_main.png") no-repeat -79px -132px;
  background-size: 150px;
  margin: -5px 0 0 -6px;
}
.main-live .live-list {
  padding-bottom: 60px;
}
.main-live .live-list .titwrap {
  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;
  padding: 0 15px 0 30px;
  margin-bottom: 15px;
}
.main-live .live-list .titwrap .tit {
  font-size: 20px;
}
.main-live .live-list .titwrap .more {
  color: #2666c6;
  text-decoration: none;
}
.main-live .live-list .swiper-container {
  padding: 0 30px;
}
.main-live .live-list .swiper-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  overflow: hidden;
  padding: 30px 25px;
  border-radius: 15px;
  width: 200px;
  height: 200px;
}
.main-live .live-list .swiper-container .swiper-slide p, .main-live .live-list .swiper-container .swiper-slide ul.guide-bul > li {
  position: relative;
  font-size: 18px;
  color: #fff;
  z-index: 10;
}
.main-live .live-list .swiper-container .swiper-slide span {
  position: relative;
  margin-top: 15px;
  display: block;
  color: #fff;
  z-index: 10;
}
.main-live .live-list .swiper-container .swiper-slide img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
}
.main-live .live-list .swiper-container .swiper-slide:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(65%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 65%);
  z-index: 6;
}

.guide-intro {
  height: 100vh;
  background: url("../images/sub/bg_guide.jpg") no-repeat;
  background-size: cover;
}
.guide-intro .header {
  padding: 0;
}
.guide-intro .header h1 {
  padding: 0;
}
.guide-intro .header .mainpn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  background: url("../images/sub/sprite_main.png") no-repeat;
  background-size: 150px;
  background-position: -64px -112px;
  z-index: 2;
}
.guide-intro .txt {
  position: absolute;
  left: 30px;
  top: 75px;
  letter-spacing: -1px;
  font-weight: 500;
  font-size: 36px;
  color: #222;
  line-height: 1.2;
}
.guide-intro .btn-fixed-btm {
  position: fixed;
  bottom: 75px;
  left: 0;
  width: 100%;
  padding: 0 15px;
}
.guide-intro .btn-fixed-btm a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  margin-bottom: 10px;
  letter-spacing: -1px;
}
.guide-intro .btn-fixed-btm .cha-inrto {
  background: #2666c6;
  color: #fff;
}
.guide-intro .btn-fixed-btm .cha-join {
  background: #f9cc1d;
  color: #222;
}
.guide-intro .cah-login {
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.guide-intro .cah-login a {
  color: #fff;
  font-weight: 600;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

@media (max-width: 320px) {
  [class*=main-personal] .txt {
    top: 35px;
  }
  [class*=main-personal] .txt span {
    font-size: 12px;
  }
  [class*=main-personal] .txt p, [class*=main-personal] .txt ul.guide-bul > li {
    font-size: 24px;
  }
  [class*=main-personal] .personal-link-area {
    padding: 185px 15px 0;
  }
  [class*=main-personal] .personal-link-area .personal-link {
    padding: 5px 25px;
  }
  [class*=main-personal] .personal-link-area .personal-link div a {
    padding: 11px 0;
  }
  [class*=main-personal] .personal-link-area .personal-link div a p, [class*=main-personal] .personal-link-area .personal-link div a ul.guide-bul > li {
    font-size: 16px;
  }
  [class*=main-personal] .personal-link-area .personal-link div a span {
    font-size: 12px;
  }
}
.mainVisualImage img {
  width: 100%;
}

.mainHead,
.blackHead,
.blackBoldHead {
  padding: 35px 0 0 15px;
}
.mainHead .main.logo,
.blackHead .main.logo,
.blackBoldHead .main.logo {
  padding: 0;
}
.mainHead .main.logo img,
.blackHead .main.logo img,
.blackBoldHead .main.logo img {
  width: 57px;
}
.mainHead .main.app-award,
.blackHead .main.app-award,
.blackBoldHead .main.app-award {
  position: relative;
  top: -2px;
  padding: 0;
}
.mainHead .main.app-award img,
.blackHead .main.app-award img,
.blackBoldHead .main.app-award img {
  width: 120px;
}
.mainHead .link-area,
.blackHead .link-area,
.blackBoldHead .link-area {
  top: 21px;
}
.mainHead .link-area a:after,
.blackHead .link-area a:after,
.blackBoldHead .link-area a:after {
  background: url("../images/common/main_sprite.png") no-repeat;
  background-size: 250px 155px;
}
.mainHead .link-area a.new:before,
.blackHead .link-area a.new:before,
.blackBoldHead .link-area a.new:before {
  background: url("../images/common/main_sprite.png") no-repeat -127px 0;
  background-size: 250px 155px;
  width: 10px;
  height: 10px;
  right: 6px;
}
.mainHead .link-area .alarm:after,
.blackHead .link-area .alarm:after,
.blackBoldHead .link-area .alarm:after {
  background-position: 0 0;
}
.mainHead .link-area .subscribe:after,
.blackHead .link-area .subscribe:after,
.blackBoldHead .link-area .subscribe:after {
  background-position: -35px 0;
}
.mainHead .link-area .mycar,
.blackHead .link-area .mycar,
.blackBoldHead .link-area .mycar {
  width: 38px;
}
.mainHead .link-area .mycar:after,
.blackHead .link-area .mycar:after,
.blackBoldHead .link-area .mycar:after {
  left: 0;
  width: 38px;
  background-position: -68px 0;
  margin-left: 0;
}
.mainHead .link-area .membership,
.blackHead .link-area .membership,
.blackBoldHead .link-area .membership {
  padding-bottom: 0;
  width: 38px;
}
.mainHead .link-area .membership:after,
.blackHead .link-area .membership:after,
.blackBoldHead .link-area .membership:after {
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_membership_w.png") no-repeat;
  background-size: 38px 22px;
}

.blackHead .link-area {
  top: 21px;
}
.blackHead .link-area a:after {
  background: url("../images/common/top_link.png") no-repeat;
  background-size: 107px 22px;
}
.blackHead .link-area .alarm:after {
  background-position: 0 0;
}
.blackHead .link-area .subscribe:after {
  background-position: -35px 0;
}
.blackHead .link-area .mycar:after {
  background-position: -68px 0;
}

.blackBoldHead {
  padding-top: 32px;
  padding-left: 13px;
}
.blackBoldHead .link-area {
  top: 18px;
  right: 12px;
}
.blackBoldHead .link-area a:after {
  background: url("../images/common/top_link_black.png") no-repeat;
  background-size: 77px 23px;
}
.blackBoldHead .link-area .alarm:after {
  background-position: 0 0;
}
.blackBoldHead .link-area .subscribe:after {
  background-position: -21px 0;
}
.blackBoldHead .link-area .mycar:after {
  width: 37px;
  background-position: -42px 0;
}

.mainContainer {
  background: #fff;
  margin-top: -30px;
}
.mainContainer__search {
  padding: 0 15px;
}
.mainContainer__search a {
  position: relative;
  display: block;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  line-height: 50px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  padding: 0 0 0 11px;
}
.mainContainer__search a span {
  color: #000;
}
.mainContainer__search a:after {
  content: "";
  position: absolute;
  right: 21px;
  top: 18px;
  background: url("../images/common/main_sprite.png") no-repeat -111px 0;
  background-size: 250px 155px;
  width: 11px;
  height: 13px;
}
.mainContainer__search a.round {
  border: 0;
  border-radius: 25px;
  padding-left: 20px;
}
.mainContainer.search-up {
  margin-top: -72px;
}
.mainContainer.search-up .mainContainer__search {
  margin-bottom: 22px;
}
.mainContainer__listWrap {
  padding: 30px 0 25px;
}
.mainContainer__listWrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}
.mainContainer__listWrap__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.mainContainer__listWrap__list li a {
  position: relative;
  display: block;
  padding: 60px 0 0;
  text-decoration: none;
}
.mainContainer__listWrap__list li a .title {
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.mainContainer__listWrap__list li a .text {
  color: #999999;
  font-size: 10px;
}
.mainContainer__listWrap__list li a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/common/main_sprite.png") no-repeat;
  background-size: 250px 155px;
  width: 50px;
  height: 50px;
  margin: 0 0 0 -25px;
}
.mainContainer__listWrap__list li:nth-child(1) a:after {
  background-position: 0 -50px;
}
.mainContainer__listWrap__list li:nth-child(2) a:after {
  background-position: -55px -50px;
}
.mainContainer__listWrap__list li:nth-child(3) a:after {
  background-position: -110px -50px;
}
.mainContainer__listWrap__list li:nth-child(4) a:after {
  background-position: -165px -50px;
}
.mainContainer__banner {
  padding: 15px 0;
  background: url("../images/common/main_banner_bg.png") no-repeat;
  background-size: 100% 80px;
}
.mainContainer__banner img {
  width: 100%;
}
.mainContainer__seaction .themeTitle {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 16px 15px;
  color: #f00;
}
.mainContainer__seaction .themeTitle a {
  color: #222222;
}
.mainContainer__seaction .themeTitle a span {
  position: relative;
  display: inline-block;
  padding: 0 12px 0 0;
  font-size: 18px;
  line-height: 1.15;
}
.mainContainer__seaction .themeTitle a span:after {
  content: "";
  position: relative;
  top: -3px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 6px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #666;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: baseline;
}
.mainContainer__seaction .recently .swiper-container {
  padding: 0 0 0 15px;
}
.mainContainer__seaction .kbService {
  padding: 30px 0 0;
}
.mainContainer__seaction .kbService .flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 30px;
}
.mainContainer__seaction .kbService .flexWrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.mainContainer__seaction .kbService .flexWrap > div a {
  display: block;
  padding: 63px 0 0;
  text-decoration: none;
  color: #222;
  text-align: center;
}
.mainContainer__seaction .kbService .flexWrap > div a span {
  font-size: 12px;
}
.mainContainer__seaction .kbService .flexWrap > div:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/common/main_sprite.png") no-repeat -142px 0;
  background-size: 250px 155px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
}
.mainContainer__seaction .kbService .flexWrap > div.kbCertification:after {
  background: url("../images/common/guide/ico_kbguarantee2.png") no-repeat 0 0;
  background-size: cover;
  border-radius: 50%;
}
.mainContainer__seaction .kbService .flexWrap > div.kb-certification:after {
  background: none;
  background: #f5f6fa;
  border-radius: 50%;
}
.mainContainer__seaction .kbService .flexWrap > div.extension:after {
  background: url("../images/common/bg_main_service2.png") no-repeat 0 0;
  background-size: 100px 50px;
}
.mainContainer__seaction .kbService .flexWrap > div.partnership:after {
  background: url("../images/common/bg_main_service2.png") no-repeat -50px 0;
  background-size: 100px 50px;
}
.mainContainer__seaction .kbService .flexWrap > div.newalarm:after {
  background: url("../images/common/bg_main_service3.png") no-repeat 0 0;
  background-size: 50px 50px;
}
.mainContainer__seaction .kb-service {
  padding: 30px 0 0;
}
.mainContainer__seaction .kb-service .flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 30px;
}
.mainContainer__seaction .kb-service .flexWrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.mainContainer__seaction .kb-service .flexWrap > div a {
  display: block;
  padding: 63px 0 0;
  text-decoration: none;
  color: #222;
  text-align: center;
}
.mainContainer__seaction .kb-service .flexWrap > div a span {
  font-size: 12px;
}
.mainContainer__seaction .kb-service .flexWrap > div a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/common/bg_service_main.png") no-repeat;
  background-size: 100px 100px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
}
.mainContainer__seaction .kb-service .flexWrap > div a.kb-certification:after {
  background-position: left top;
}
.mainContainer__seaction .kb-service .flexWrap > div a.kb-diagnosis:after {
  background-position: -50px top;
}
.mainContainer__seaction .kb-service .flexWrap > div a.price:after {
  background-position: left -50px;
}
.mainContainer__seaction .kb-service .flexWrap > div a.alarm:after {
  background-position: -50px -50px;
}
.mainContainer__seaction .lately-car {
  padding: 30px 0 0;
}
.mainContainer__seaction .lately-car .swiper-container {
  padding: 0 0 50px;
}
.mainContainer__seaction .lately-car .swiper-wrapper li {
  margin-top: 20px;
}
.mainContainer__seaction .lately-car .swiper-wrapper li:first-child {
  margin-top: 0;
}
.mainContainer__seaction .lately-car .swiper-slide {
  padding: 0 15px;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 75px;
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap {
  width: 100%;
  padding: 0 0 0 10px;
  overflow: hidden;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .infoText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark {
  font-size: 10px;
  color: #fff;
  height: 18px;
  border-radius: 18px;
  padding: 0 10px;
  line-height: 18px;
  font-size: 10px;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark--basics {
  background: #a7a7a7;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark--sell {
  background: #7491b4;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark--save {
  background: #e5e179;
  color: #706d25;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark--change {
  background: #6bb3b0;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .mark--direct {
  background: #6e7da0;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .name {
  font-size: 11px;
  color: #000;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .star-rating,
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .star-rating > span {
  background: url("../images/common/main_sprite.png") no-repeat -196px -38px;
  background-size: 250px 155px;
  width: 10px;
  height: 10px;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .star-area .star-rating {
  width: 54px;
  vertical-align: middle;
  top: -1px;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .star-area .star-rating > span {
  background-position: -196px -28px;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .date {
  padding: 3px 0 0;
  font-size: 10px;
  color: #999999;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .infoContent .title {
  margin: 7px 0;
  color: #222;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}
.mainContainer__seaction .lately-car .swiper-slide .flexWrap .infoWrap .infoContent .text {
  color: #666;
  font-size: 11px;
}
.mainContainer__seaction .lately-car .swiper-container-horizontal > .swiper-pagination-bullets {
  right: initial;
  top: auto;
  bottom: 25px;
}
.mainContainer__seaction .lately-car .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.mainContainer__seaction .lately-car .swiper-pagination-bullet-active {
  background: #736b60;
}
.mainContainer__seaction .customVehicle {
  padding: 30px 0 0;
}
.mainContainer__seaction .customVehicle__scroll {
  padding: 0 0 30px;
  overflow: auto;
}
.mainContainer__seaction .customVehicle__scroll ul {
  width: 100%;
  padding: 0 15px;
  white-space: nowrap;
}
.mainContainer__seaction .customVehicle__scroll ul li {
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
.mainContainer__seaction .customVehicle__scroll ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.mainContainer__seaction .customVehicle__scroll ul li a div {
  position: relative;
  background: #f1f1f1;
  border-radius: 81px;
  width: 81px;
  height: 81px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  overflow: hidden;
}
.mainContainer__seaction .customVehicle__scroll ul li a div img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-10%, -50%) scale(1.7);
      -ms-transform: translate(-10%, -50%) scale(1.7);
          transform: translate(-10%, -50%) scale(1.7);
  width: 100%;
}
.mainContainer__seaction .themeSearch {
  padding: 30px 0 0;
}
.mainContainer__seaction .themeSearch .swiper-container {
  padding: 0 0 30px;
}
.mainContainer__seaction .themeSearch .swiper-slide {
  padding: 0 15px;
}
.mainContainer__seaction .themeSearch .swiper-slide li {
  margin-bottom: 19px;
}
.mainContainer__seaction .themeSearch .swiper-slide li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.mainContainer__seaction .themeSearch .swiper-slide li a .img {
  position: relative;
  width: 75px;
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
}
.mainContainer__seaction .themeSearch .swiper-slide li a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mainContainer__seaction .themeSearch .swiper-slide li a .infoWrap {
  padding: 0 0 0 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
}
.mainContainer__seaction .themeSearch .swiper-slide li a .infoWrap .title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #222222;
}
.mainContainer__seaction .themeSearch .swiper-slide li a .infoWrap .text {
  font-size: 12px;
  color: #2666c6;
}
.mainContainer__seaction .themeSearch .swiper-container-horizontal > .swiper-pagination-bullets {
  right: initial;
  top: auto;
  bottom: 25px;
  text-align: center;
}
.mainContainer__seaction .themeSearch .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.mainContainer__seaction .themeSearch .swiper-pagination-bullet-active {
  background: #736b60;
}
.mainContainer__seaction .aiRecommed {
  padding: 30px 0 0;
}
.mainContainer__seaction .aiRecommed .swiper-slide {
  position: relative;
  padding: 0 15px;
}
.mainContainer__seaction .aiRecommed .swiper-slide .img {
  position: relative;
  height: 218px;
  border-radius: 4px;
  overflow: hidden;
}
.mainContainer__seaction .aiRecommed .swiper-slide .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.mainContainer__seaction .aiRecommed .swiper-button-prev,
.mainContainer__seaction .aiRecommed .swiper-button-next {
  background: url("../images/common/main_sprite.png") no-repeat;
  background-size: 250px 155px;
  width: 12px;
  height: 22px;
  top: 120px;
}
.mainContainer__seaction .aiRecommed .swiper-button-prev {
  background-position: -221px 0;
  left: 25px;
}
.mainContainer__seaction .aiRecommed .swiper-button-next {
  background-position: -238px 0;
  right: 25px;
}
.mainContainer__seaction .aiRecommed .swiper-button-prev.swiper-button-disabled,
.mainContainer__seaction .aiRecommed .swiper-button-next.swiper-button-disabled {
  opacity: 0.6;
}
.mainContainer__seaction .aiRecommed .infoWrap {
  padding: 10px 15px 30px;
}
.mainContainer__seaction .aiRecommed .infoWrap .match {
  position: relative;
  display: block;
  padding: 0 0 0 16px;
  color: #fd665c;
  font-size: 11px;
}
.mainContainer__seaction .aiRecommed .infoWrap .match:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 11px;
  height: 11px;
  background: url("../images/common/main_sprite.png") no-repeat -152px 0;
  background-size: 250px 155px;
}
.mainContainer__seaction .aiRecommed .infoWrap .title {
  display: block;
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 600;
}
.mainContainer__seaction .aiRecommed .infoWrap .price {
  margin-bottom: 20px;
}
.mainContainer__seaction .aiRecommed .infoWrap .price strong {
  font-size: 16px;
  color: #2666c6;
  margin-right: 15px;
}
.mainContainer__seaction .aiRecommed .infoWrap .price span {
  font-size: 12px;
  color: #999999;
}
.mainContainer__seaction .aiRecommed .infoWrap .price span > span {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  height: 15px;
  padding: 0 6px;
  background: #2666c6;
  border-radius: 15px;
  line-height: 15px;
}
.mainContainer__seaction .aiRecommed .infoWrap .text {
  padding: 10px 15px;
  background: #eeeeee;
  color: #999;
  font-size: 11px;
  border-radius: 2px;
}
.mainContainer__seaction .aiRecommed .infoWrap .dataLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.mainContainer__seaction .aiRecommed .infoWrap .dataLine li {
  position: relative;
  display: inline-block;
  margin-right: 18px;
  color: #666;
  font-size: 11px;
}
.mainContainer__seaction .aiRecommed .infoWrap .dataLine li:last-child {
  margin-right: 0;
}
.mainContainer__seaction .aiRecommed .infoWrap .dataLine li:last-child:after {
  display: none;
}
.mainContainer__seaction .aiRecommed .infoWrap .dataLine li:after {
  content: "";
  position: absolute;
  top: 5px;
  right: -8px;
  width: 1px;
  height: 7px;
  background: #666;
}
.mainContainer__seaction .aiRecommed .infoWrap .corItem a {
  min-width: 45px;
  display: inline-block;
  height: 15px;
  margin-right: 3px;
  border-radius: 2px;
  border: 1px solid #999;
  text-align: center;
  font-size: 10px;
  color: #999;
  text-decoration: none;
}
.mainContainer__seaction .aiRecommed .infoWrap .corItem a.corBlue {
  border-color: #2666c6;
  color: #2666c6;
}
.mainContainer__seaction .aiRecommed .infoWrap .corItem a.corRed {
  border-color: #fd665c;
  color: #fd665c;
}
.mainContainer__seaction .manufacture {
  padding: 30px 0 0;
}
.mainContainer__seaction .manufacture .swiper-container {
  padding: 0 0 30px;
}
.mainContainer__seaction .manufacture .swiper-slide {
  padding: 0 15px;
}
.mainContainer__seaction .manufacture .swiper-slide ul {
  overflow: hidden;
}
.mainContainer__seaction .manufacture .swiper-slide li {
  float: left;
  width: 33.3333%;
  margin-bottom: 16px;
}
.mainContainer__seaction .manufacture .swiper-slide li a {
  display: block;
  text-decoration: none;
  text-align: center;
}
.mainContainer__seaction .manufacture .swiper-slide li a .img {
  position: relative;
  border: 1px solid #dfdfdf;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 48px;
}
.mainContainer__seaction .manufacture .swiper-slide li a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 36px;
}
.mainContainer__seaction .manufacture .swiper-slide li a .text {
  color: #000;
  font-size: 11px;
  font-weight: 600;
}
.mainContainer__seaction .manufacture .swiper-container-horizontal > .swiper-pagination-bullets {
  right: initial;
  top: auto;
  bottom: 10px;
  text-align: center;
}
.mainContainer__seaction .manufacture .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.mainContainer__seaction .manufacture .swiper-pagination-bullet-active {
  background: #736b60;
}
.mainContainer__seaction .newLongRental {
  padding: 30px 0 0;
}
.mainContainer__seaction .newLongRental ul {
  padding: 0 15px;
}
.mainContainer__seaction .newLongRental ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  text-decoration: none;
}
.mainContainer__seaction .newLongRental ul li a .img {
  position: relative;
  width: 90px;
  height: 60px;
}
.mainContainer__seaction .newLongRental ul li a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.mainContainer__seaction .newLongRental ul li a .infoWrap {
  text-align: right;
  padding: 0 0 0 30px;
}
.mainContainer__seaction .newLongRental ul li a .infoWrap .title {
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
.mainContainer__seaction .newLongRental ul li a .infoWrap .priceDel {
  color: #999;
  font-size: 11px;
}
.mainContainer__seaction .newLongRental ul li a .infoWrap .monthlyRent span {
  color: #999;
  font-size: 11px;
}
.mainContainer__seaction .newLongRental ul li a .infoWrap .monthlyRent strong {
  font-size: 14px;
  color: #2666c6;
}
.mainContainer__seaction .magazineWrap {
  padding: 30px 0;
}
.mainContainer__seaction .magazineWrap .swiper-container {
  padding: 0 0 50px 15px;
}
.mainContainer__seaction .magazineWrap .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
  text-align: center;
  border-radius: 13px;
  overflow: hidden;
}
.mainContainer__seaction .magazineWrap .swiper-slide a .img {
  position: relative;
  width: 280px;
  height: 210px;
}
.mainContainer__seaction .magazineWrap .swiper-slide a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.mainContainer__seaction .magazineWrap .swiper-slide a .textWrap {
  position: absolute;
  top: 75px;
  width: 100%;
  z-index: 2;
}
.mainContainer__seaction .magazineWrap .swiper-slide a .textWrap .textSmall {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
  color: #fff;
}
.mainContainer__seaction .magazineWrap .swiper-slide a .textWrap strong {
  display: block;
  padding: 0 20px;
  font-size: 23px;
  color: #fff;
}
.mainContainer__seaction .magazineWrap .swiper-slide a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  border-radius: 13px;
  overflow: hidden;
}
.mainContainer__seaction .magazineWrap .swiper-container-horizontal > .swiper-pagination-bullets {
  right: initial;
  top: auto;
  bottom: 20px;
  text-align: center;
}
.mainContainer__seaction .magazineWrap .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.mainContainer__seaction .magazineWrap .swiper-pagination-bullet-active {
  background: #736b60;
}
.mainContainer__seaction .noticeWrap {
  padding: 0 0 15px;
}
.mainContainer__seaction .noticeWrap .themeTitle {
  padding-bottom: 0;
}
.mainContainer__seaction .noticeWrap ul {
  padding: 0 15px;
}
.mainContainer__seaction .noticeWrap ul li a {
  display: block;
  text-decoration: none;
  padding: 15px 0;
}
.mainContainer__seaction .noticeWrap ul li a span {
  display: block;
}
.mainContainer__seaction .noticeWrap ul li a span.title {
  color: #222;
  font-size: 13px;
}
.mainContainer__seaction .noticeWrap ul li a span.date {
  color: #999999;
  font-size: 12px;
}

.footer__grayBg {
  background: #f1f1f1;
}
.footer__grayBg .footer-info li {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}
.footer__grayBg .footer-info li a {
  position: relative;
  padding: 0 9px 0 0;
}
.footer__grayBg .footer-info li a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  background: url("../images/common/main_sprite.png") no-repeat -169px 0;
  background-size: 250px 155px;
  width: 3px;
  height: 6px;
}

.footer--no-radius {
  border-radius: 0;
}

.mainContainer__seaction .brand-car {
  padding: 30px 0 0;
}
.mainContainer__seaction .brand-car .swiper-container {
  padding: 0 0 45px;
}
.mainContainer__seaction .brand-car .swiper-slide ul {
  overflow: hidden;
}
.mainContainer__seaction .brand-car .swiper-slide li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.mainContainer__seaction .brand-car .swiper-slide li:last-child {
  border-bottom: none;
}
.mainContainer__seaction .brand-car .swiper-slide li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  text-align: left;
  padding: 20px;
}
.mainContainer__seaction .brand-car .swiper-slide li a .img {
  position: relative;
  width: 50px;
  height: 50px;
}
.mainContainer__seaction .brand-car .swiper-slide li a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
}
.mainContainer__seaction .brand-car .swiper-slide li a .text {
  padding-left: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.mainContainer__seaction .brand-car .swiper-slide li a .text span {
  display: block;
  color: #666;
}
.mainContainer__seaction .brand-car .swiper-slide li a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background-position: -60px -138px;
}
.mainContainer__seaction .brand-car .swiper-container-horizontal > .swiper-pagination-bullets {
  right: initial;
  top: auto;
  bottom: 25px;
  text-align: center;
}
.mainContainer__seaction .brand-car .swiper-pagination-bullet {
  background: #c7c4bf;
  opacity: 1;
}
.mainContainer__seaction .brand-car .swiper-pagination-bullet-active {
  background: #736b60;
}

.main-top {
  position: relative;
  height: 225px;
  padding: 10px 15px 0 15px;
  background: #ffc23c;
}

.main-top__head {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 13px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

.main-top__nav {
  position: relative;
  padding: 20px 9px 40px 9px;
}

.main-logo {
  display: block;
  width: 80px;
}

.main-logo__image {
  display: block;
  width: 100%;
  height: 100%;
}

.main-top.main-top--on-air {
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -63px;
}
.main-top.main-top--on-air .main-top__nav {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 34px;
}
.main-top.main-top--on-air .main-top__util {
  right: -11px;
}
.main-top.main-top--on-air .main-top__head {
  padding-left: 0;
}

.main-top__util {
  position: absolute;
  right: 1px;
  top: 20px;
}
.main-top__util a {
  float: left;
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  margin-left: 4px;
  background: url("../images/common/main/util@2x.png") no-repeat;
  background-size: 126px auto;
  text-indent: -9999em;
  overflow: hidden;
}
.main-top__util a:last-child {
  margin-right: 0;
}
.main-top__util a.membership {
  background-position: left top;
}
.main-top__util a.mycar {
  background-position: -42px top;
}
.main-top__util a.alarm {
  float: right;
  background-position: -84px top;
}
.main-top__util a.alarm.new:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 7px;
  width: 10px;
  height: 10px;
  background: url("../images/common/main/icon-new@2x.png") no-repeat;
  background-size: 10px;
}

.mainContainer.mainContainer--yellow {
  position: relative;
  margin-top: -32px;
  padding-top: 32px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service {
  padding-top: 32px;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service .themeTitle {
  padding-left: 0;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service .themeTitle span {
  font-size: 16px;
  line-height: 1.15;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service .themeTitle span:after {
  content: normal;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service .flexWrap {
  padding: 0;
}
.mainContainer.mainContainer--yellow .mainContainer__seaction .kb-service .flexWrap span {
  font-size: 12px;
  line-height: 1.15;
}
.mainContainer .mainContainer__top {
  position: relative;
  padding: 0 15px;
}
.mainContainer .mainContainer__banner.mainContainer__banner--yellow {
  margin: 24px 15px 0 15px;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  background: none;
}
.mainContainer.mainContainer--on-air {
  margin-top: 0;
  padding-top: 16px;
}
.main-container-number-car {
  display: block;
  overflow: hidden;
  color: #111;
}
.main-container-number-car .number-car__head {
  float: left;
  color: #444;
  font-size: 13px;
  line-height: 32px;
}
.main-container-number-car .number-car__odometer {
  float: right;
  padding: 5px 0;
  font-size: 0;
}
.main-container-number-car .number-car-digit,
.main-container-number-car .number-car-character,
.main-container-number-car .number-car-unit,
.main-container-number-car .odometer.odometer-auto-theme .odometer-formatting-mark,
.main-container-number-car .odometer.odometer-theme-default .odometer-formatting-mark,
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
}
.main-container-number-car .number-car-character,
.main-container-number-car .odometer.odometer-auto-theme .odometer-formatting-mark,
.main-container-number-car .odometer.odometer-theme-default .odometer-formatting-mark {
  padding: 0 2px;
}
.main-container-number-car .number-car-unit {
  color: #666;
  padding-left: 4px;
}
.main-container-number-car .number-car-digit,
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit,
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit-spacer,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit {
  width: 18px;
  height: 22px;
  margin: 0 2px 0 0;
  padding: 0;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  color: #111;
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.main-container-number-car .odometer.odometer-auto-theme,
.main-container-number-car .odometer.odometer-theme-default {
  vertical-align: baseline;
}
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 22px;
}
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit .odometer-ribbon,
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner.garage--registered,
.main-container-number-car .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.main-container-number-car .odometer.odometer-theme-default .odometer-digit .odometer-value {
  line-height: 22px;
  text-align: center;
}
.main-container-number-car.number-car--top {
  position: relative;
  top: -4px;
  float: right;
}
.main-container-number-car.number-car--top .number-car-unit {
  position: relative;
  top: -2px;
  color: #fff;
  vertical-align: middle;
}
.main-container-number-car.number-car--top .number-car-digit,
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit,
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit-spacer,
.main-container-number-car.number-car--top .odometer.odometer-theme-default .odometer-digit {
  font-size: 15px;
}
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.main-container-number-car.number-car--top .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  font-size: 15px;
}
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.main-container-number-car.number-car--top .odometer.odometer-theme-default .odometer-digit .odometer-ribbon,
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.main-container-number-car.number-car--top .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner.garage--registered,
.main-container-number-car.number-car--top .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.main-container-number-car.number-car--top .odometer.odometer-theme-default .odometer-digit .odometer-value {
  font-size: 15px;
}

.main-container-search-bar {
  display: block;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid #ffc23c;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0;
}
.mainContainer--on-air .main-container-search-bar {
  margin-top: 0;
}
.main-container-search-bar .search-bar-icon {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
  background: #ffc23c url("../images/common/main/icon-search@2x.png") no-repeat center center;
  background-size: 14px;
  vertical-align: middle;
  z-index: 2;
  -webkit-animation: bg-shadow-yellow 2s infinite 1.5s;
}
.main-container-search-bar .search-bar-text {
  display: inline-block;
  color: #888;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
}

@-webkit-keyframes bg-shadow-yellow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 194, 60, 0.6);
            box-shadow: 0 0 0 0px rgba(255, 194, 60, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 194, 60, 0);
            box-shadow: 0 0 0 25px rgba(255, 194, 60, 0);
  }
}
.main-container-service {
  position: relative;
  margin-top: 24px;
}

.main-container-service__head {
  color: #262d39;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.88;
}

.main-container-service__content {
  font-size: 0;
  margin-top: 16px;
}
.main-container-service__content .service-item {
  display: inline-block;
  width: 50%;
}
.main-container-service__content .service-item__block {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
  font-size: 0;
}
.main-container-service__content .service-item__icon {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  margin-right: 10px;
  border-radius: 18px;
  border: solid 1px #eeeeee;
  background: #f5f5f5;
  vertical-align: middle;
}
.main-container-service__content .service-item__icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  background: url("../images/common/main/icon-service@2x.png") no-repeat;
  background-size: 64px auto;
}
.main-container-service__content .service-item__icon-sell:before {
  background-position: left top;
}
.main-container-service__content .service-item__icon-direct:before {
  background-position: -32px top;
}
.main-container-service__content .service-item__text {
  display: inline-block;
  color: #888;
  font-size: 12px;
  line-height: 22px;
  vertical-align: middle;
}
.main-container-service__content .service-item__text-head {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 22px;
}

.main-container__top-section {
  margin-top: 24px;
}
.main-container__top-section .main-container-garage-head {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 16px 0;
}
.main-container__top-section a.main-container-garage-link {
  color: #222;
  text-decoration: none;
}
.main-container__top-section a.main-container-garage-link:hover, .main-container__top-section a.main-container-garage-link:focus, .main-container__top-section a.main-container-garage-link:visited {
  color: #222;
  text-decoration: none;
}

.main-container-garage {
  position: relative;
  display: block;
  margin: 0;
  background-color: #242935;
  border-radius: 8px;
  text-decoration: none;
}
.main-container-garage:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 43%;
  min-width: 110px;
  max-width: 168px;
  height: 110px;
  margin-top: -55px;
  background: url("../images/common/main/img-garage@2x.png") no-repeat left top;
  background-size: auto 110px;
}
.main-container-garage.garage--registered {
  padding: 24px 16px 27px 24px;
  background: #fff;
  border-radius: 8px;
  -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);
}
.main-container-garage.garage--registered:before {
  content: normal;
}
.main-container-garage.garage--registered .garage__top-text:before, .main-container-garage.garage--registered .garage__top-text:after {
  content: "";
  position: absolute;
  top: 26px;
  display: block;
}
.main-container-garage.garage--registered .garage__top-text:before {
  right: 30px;
  display: block;
  width: 0;
  height: 0;
  border: inset 4px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #666;
}
.main-container-garage.garage--registered .garage__top-text:after {
  right: 32px;
  display: block;
  width: 0;
  height: 0;
  border: inset 4px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}

.main-container-garage__head {
  display: block;
  padding: 24px 0 32px 21px;
  color: #bebfc3;
  font-size: 15px;
  line-height: 2.15;
}

.main-container-garage__head-text {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}

.main-container-garage__link {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 24px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
}

.garage__top-text {
  display: block;
  padding-right: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0;
}
.garage__top-text .top-text__block {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 14px;
  line-height: 1;
}
.garage__top-text .name {
  color: #2572f6;
}
.garage__top-text .line {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 8px;
  background: #c4c4c4;
  vertical-align: middle;
}

.garage-car-name {
  display: block;
  margin-top: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #262d39;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}

.garage__information {
  position: relative;
  display: block;
  margin-top: 8px;
  font-size: 0;
  padding: 18px 112px 0 0;
}

.garage__information-item {
  display: inline-block;
  width: 50%;
  color: #262d39;
}

.garage__information-title {
  display: block;
  font-size: 13px;
}

.garage__information-desc {
  font-size: 0;
}
.garage__information-desc .desc__number,
.garage__information-desc .desc__unit {
  display: inline-block;
}
.garage__information-desc .desc__number {
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}
.garage__information-desc .desc__unit {
  position: relative;
  font-size: 12px;
  margin-left: 2px;
  letter-spacing: 0;
}

.garage__information-thumb {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 110px;
}

.garage__information-thumb-block {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 65.63%;
}

.garage__information-thumb-box {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.garage__information-thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-top-section {
  position: relative;
  margin-top: 34px;
}
.main-top-section .main-top-section__head {
  display: block;
  margin-bottom: 12px;
  color: #111;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.main-top-section .main-top-section__head span {
  font: inherit;
}
.main-top-section .main-top-section__content {
  position: relative;
}
.main-top-section.main-top-section--banner {
  margin: 24px 15px;
}

.main-content-svc {
  position: relative;
}

.main-content-svc__list {
  position: relative;
  margin: -12px -6px 0 -6px;
  overflow: hidden;
}

.main-content-svc__list-item {
  float: left;
  display: block;
  width: 50%;
  padding: 12px 6px 0 6px;
}

.main-content-svc__link {
  position: relative;
  display: block;
  padding: 16px 3px 12px 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #f5f5f5;
  color: #222;
  text-decoration: none;
}
.main-content-svc__link .main-content-svc__small {
  display: block;
  margin-bottom: 4px;
  color: #888;
  font-size: 11px;
  line-height: 12px;
}
.main-content-svc__link .main-content-svc__text {
  position: relative;
  display: inline-block;
  padding-right: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
.main-content-svc__link .main-content-svc__text:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -4px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #666;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.main-content-svc__link.has-tag:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 36px;
  height: 36px;
  background: url("../images/common/main/tag_kb@2x.png") no-repeat;
  background-size: 36px auto;
}

.main-garage {
  position: relative;
  height: 190px;
  margin-top: -32px;
  padding-top: 32px;
}
.main-garage:before, .main-garage:after {
  content: "";
}
.main-garage:before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 158px;
  background: #262d39;
  border-radius: 8px;
}
.main-garage:after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 42.5%;
  max-width: 140px;
  height: 190px;
  background: url("../images/common/main/bg_main_garage.png") no-repeat right bottom;
  background-size: 100% auto;
  border-bottom-right-radius: 8px;
}
.main-garage .main-garage__head {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
  font-weight: 600;
}
.main-garage .main-garage__content {
  position: relative;
  height: 158px;
  border-radius: 8px;
  overflow: visible;
}
.main-garage .main-garage__content.main-garage--sign-in {
  background: red;
}
.main-garage .main-garage__text {
  position: relative;
  height: 158px;
  padding: 20px 140px 20px 20px;
  color: #fff;
  font-size: 18px;
  z-index: 2;
}
.main-garage .main-garage__text .main-garage__text-small {
  display: block;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 14px;
}
.main-garage .main-garage__text .main-garage__text-block {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
  white-space: nowrap;
}
.main-garage .main-garage__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 2;
}
.main-garage .main-garage__number {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-block;
  padding: 4px;
  border: 1px solid #fff;
  border-radius: 8px;
  border: solid 1px rgba(231, 231, 231, 0.5);
}
.main-garage .main-garage__number-block {
  position: relative;
  display: block;
  width: 122px;
  height: 32px;
  background: #fff;
  border-radius: 6px;
  padding: 9px 0 5px 24px;
  color: #bcbcbc;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.main-garage .main-garage__number-block:before, .main-garage .main-garage__number-block:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: #f8f8f8;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.main-garage .main-garage__number-block:before {
  left: 5px;
}
.main-garage .main-garage__number-block:after {
  right: 5px;
}
.main-garage.main-garage--sign-in:before, .main-garage.main-garage--sign-in:after {
  content: normal;
}
.main-garage .main-garage__car {
  position: relative;
  height: 158px;
  overflow: hidden;
  border-radius: 8px;
  padding: 20px 135px 0 20px;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.main-garage .main-garage__car-name {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-garage .main-garage__car-thumb {
  position: absolute;
  right: -30px;
  top: -10px;
  width: 160px;
  height: 120px;
}
.main-garage .main-garage__car-image {
  display: block;
  width: 100%;
  height: 100%;
}
.main-garage .main-garage__car-item {
  float: left;
  display: block;
  padding-right: 10px;
  width: 50%;
  white-space: nowrap;
}
.main-garage .main-garage__car-tit {
  display: block;
  margin-bottom: 6px;
  color: #888;
  font-size: 12px;
  line-height: 1.17;
}
.main-garage .main-garage__car-desc {
  display: block;
  font-size: 14px;
  line-height: 1.15;
}
.main-garage .main-garage__car-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 20px;
  background: #262d39;
  color: #ffc23c;
  font-size: 14px;
  line-height: 1;
}
.main-garage .main-garage__car-bottom-link {
  float: right;
  color: #fff;
}
.main-garage .main-garage__car-bottom-link:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 2px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #fff;
  vertical-align: middle;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.main-content-sell {
  padding-bottom: 34px;
  overflow: hidden;
}

.main-content-sell__item {
  float: left;
  position: relative;
  display: block;
  width: 50%;
}

.main-content-sell__link {
  position: relative;
  display: block;
  font-size: 0;
}
.main-content-sell__link:before, .main-content-sell__link:after {
  content: "";
  width: 60px;
  height: 60px;
}
.main-content-sell__link:before {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #eee;
  background: #f5f5f5;
  border-radius: 18px;
  vertical-align: middle;
}
.main-content-sell__link:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: url("../images/common/main/icon_sell@2x.png") no-repeat;
  background-size: 60px auto;
}
.main-content-sell__link.main-content-sell__dealer:after {
  background-position: left top;
}
.main-content-sell__link.main-content-sell__person:after {
  background-position: left -60px;
}

.main-content-sell__item-text {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  font-size: 11px;
  line-height: 12px;
}
.main-content-sell__item-text strong {
  display: block;
  margin-bottom: 6px;
  color: #222;
  font-size: 14px;
  line-height: 14px;
}

.main-top-section--banner img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 319px) {
  .main-content-svc__list-item {
    width: 100%;
  }
  .main-garage .main-garage__car {
    padding-right: 100px;
  }
  .main-garage .main-garage__car-item {
    width: auto;
  }
  .main-garage .main-garage__car-thumb {
    top: 5px;
    width: 120px;
    height: 90px;
  }
  .main-content-sell__item-text {
    padding-top: 10px;
  }
}
.attendance-wrap {
  position: relative;
  padding: 0 0 120px;
  background: #e3ddf7 url("../images/event/bg_attendance_btm.png") no-repeat right bottom;
  background-size: 299px 91px;
}
.attendance-wrap .txt-img {
  position: relative;
  margin: 0 0 0 16px;
  z-index: 2;
}
.attendance-wrap .txt-img img {
  width: 100%;
}
.attendance-wrap .today-atte-area {
  position: relative;
  background: #fff;
  border-radius: 15px;
  margin: -25px 15px 0;
  padding: 30px 15px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.28);
}
.attendance-wrap .today-atte-area > .day-stamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.attendance-wrap .today-atte-area > .day-stamp button {
  display: block;
  position: relative;
  background: url("../images/event/stamp_off.png") no-repeat;
  background-size: 80px 80px;
  border: 0;
  width: 80px;
  height: 80px;
  padding: 10px 0 0;
  outline: none;
}
.attendance-wrap .today-atte-area > .day-stamp button .coin {
  display: block;
  font-size: 10px;
  text-align: center;
  color: #583daa;
}
.attendance-wrap .today-atte-area > .day-stamp button .coin strong {
  font-size: 14px;
  color: #583daa;
}
.attendance-wrap .today-atte-area > .day-stamp button .coin strong span {
  font-weight: normal;
  color: #583daa;
}
.attendance-wrap .today-atte-area > .day-stamp button .date {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #583daa;
}
.attendance-wrap .today-atte-area > .day-stamp button.none {
  background: url("../images/event/stamp_none.png") no-repeat;
  background-size: 80px 80px;
}
.attendance-wrap .today-atte-area > .day-stamp button.none span,
.attendance-wrap .today-atte-area > .day-stamp button.none strong {
  color: #999 !important;
}
.attendance-wrap .today-atte-area > .day-stamp button.on, .attendance-wrap .today-atte-area > .day-stamp button.active {
  background: url("../images/event/stamp_on.png") no-repeat;
  background-size: 80px 80px;
}
.attendance-wrap .today-atte-area > .day-stamp button.on span, .attendance-wrap .today-atte-area > .day-stamp button.active span {
  color: #e3ddf7;
}
.attendance-wrap .today-atte-area > .day-stamp button.on strong, .attendance-wrap .today-atte-area > .day-stamp button.active strong {
  color: #f9cc1d;
}
.attendance-wrap .today-atte-area > .day-stamp button.on strong span, .attendance-wrap .today-atte-area > .day-stamp button.active strong span {
  color: #f9cc1d;
}
.attendance-wrap .today-atte-area > .day-stamp button.today {
  position: relative;
  background: url("../images/event/stamp_today.png") no-repeat;
  background-size: 80px 80px;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.attendance-wrap .today-atte-area > .day-stamp button.today span,
.attendance-wrap .today-atte-area > .day-stamp button.today strong {
  position: relative;
  color: #583daa;
  z-index: 2;
}
.attendance-wrap .today-atte-area > .day-stamp button.today .bg-on {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: url("../images/event/stamp_on.png") no-repeat;
  background-size: 80px 80px;
  opacity: 0;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 0;
}
.attendance-wrap .today-atte-area > .day-stamp button.today.on .bg-on {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.attendance-wrap .today-atte-area > .day-stamp button.today.on span {
  color: #e3ddf7;
}
.attendance-wrap .today-atte-area > .day-stamp button.today.on strong {
  color: #f9cc1d;
}
.attendance-wrap .today-atte-area > .day-stamp button.today.on strong span {
  color: #f9cc1d;
}
.attendance-wrap .today-atte-area .regular-atte button {
  position: relative;
  display: block;
  width: 260px;
  height: 80px;
  margin: 0 auto;
  background: url("../images/event/stamp_regular_atte.png") no-repeat;
  background-size: 260px 80px;
  padding: 0 0 0 60px;
  color: #583daa;
  border: 0;
  outline: none;
}
.attendance-wrap .today-atte-area .regular-atte button * {
  display: inline-block;
  font-size: 12px;
  text-align: left;
  z-index: 2;
}
.attendance-wrap .today-atte-area .regular-atte button strong {
  display: block;
  font-weight: 600;
}
.attendance-wrap .today-atte-area .regular-atte button .txt {
  position: relative;
  margin-left: 17px;
}
.attendance-wrap .today-atte-area .regular-atte button .txt:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  width: 1px;
  height: 30px;
  background: #e3ddf7;
}
.attendance-wrap .today-atte-area .regular-atte button .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  height: 80px;
  background: url("../images/event/stamp_regular_atte_on.png") no-repeat;
  background-size: 260px 80px;
  opacity: 0;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 0;
}
.attendance-wrap .today-atte-area .regular-atte button.on span {
  color: #e3ddf7;
}
.attendance-wrap .today-atte-area .regular-atte button.on .date {
  position: relative;
  z-index: 2;
}
.attendance-wrap .today-atte-area .regular-atte button.on .date strong {
  color: #f9cc1d;
}
.attendance-wrap .today-atte-area .regular-atte button.on .txt strong {
  color: #ccf0cc;
}
.attendance-wrap .today-atte-area .regular-atte button.on .txt:after {
  background: #9e8dd1;
}
.attendance-wrap .today-atte-area .regular-atte button.on .bg {
  background: url("../images/event/stamp_regular_atte_on.png") no-repeat;
  background-size: 260px 80px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.attendance-wrap .today-atte-area .regular-atte.stamp-none {
  position: relative;
}
.attendance-wrap .today-atte-area .regular-atte.stamp-none button {
  position: relative;
  display: block;
  width: 80px;
  margin: 0;
  padding: 10px 0 0;
  background: url("../images/event/stamp_off.png") no-repeat;
  background-size: 80px 80px;
  text-align: center;
}
.attendance-wrap .today-atte-area .regular-atte.stamp-none button .coin {
  font-size: 10px;
}
.attendance-wrap .today-atte-area .regular-atte.stamp-none button strong {
  display: inline-block;
}
.attendance-wrap .tip-txt {
  margin: 30px 0 0;
  padding: 0 15px;
}
.attendance-wrap .tip-txt dt, .attendance-wrap .tip-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .attendance-wrap .tip-txt dd {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
  line-height: 20px;
  padding-left: 17px;
  font-size: 14px;
  font-weight: 500;
  color: #fd665c;
  background: url("../images/event/rl-icon-exc.png") no-repeat left 5px;
  background-size: 12px 12px;
}
.attendance-wrap .tip-txt dd {
  position: relative;
  line-height: 20px;
  padding-left: 23px;
  letter-spacing: -1px;
  color: #222;
}
.attendance-wrap .tip-txt dd:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 8px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 1px 1px;
  background-color: #000;
}

/* 공통 작업 */
.rl-wrap {
  position: relative;
  min-height: calc(100vh - 40px);
  padding: 12.5vw 0 12.5vw;
  background: #000208 url("../images/event/roulette_bg.png") no-repeat center top;
  background-size: cover;
}
.rl-wrap .rl-tit {
  text-align: center;
}
.rl-wrap .rl-tit .img {
  display: block;
  margin-bottom: 6vw;
  padding: 0 5vw;
}
.rl-wrap .rl-tit .img img {
  display: block;
  width: 100%;
}
.rl-wrap .rl-tit .date {
  display: inline-block;
  vertical-align: top;
  height: 6.25vw;
  line-height: 6.25vw;
  margin-top: 3.125vw;
  padding: 0 3.75vw;
  border-radius: 3.125vw 3.125vw;
  font-size: 14px;
  color: #000;
  background-color: #e6fee3;
}
.rl-wrap .rl-conent {
  position: relative;
}
.rl-wrap .rl-conent:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3.4vw;
  display: block;
  height: 9.687vw;
  background: url("../images/event/rl-bg-shadow.png") no-repeat center bottom;
  background-size: auto 100%;
}
.rl-wrap .rl-conent .rl-sub {
  overflow: hidden;
  padding: 0 9.375vw 0;
}
.rl-wrap .rl-conent .rl-sub .roulette {
  position: relative;
  z-index: 2 !important;
}
.rl-wrap .rl-conent .rl-sub .roulette img {
  display: block;
  width: 100%;
  height: auto;
}
.rl-wrap .rl-conent .rl-sub .pin {
  position: absolute;
  z-index: 3;
  width: 7.968vw;
  top: -6vw;
  left: 50%;
  margin-left: -3.984vw;
}
.rl-wrap .rl-conent .rl-sub .pin img {
  display: block;
  width: 100%;
}
.rl-wrap .rl-conent .rl-sub .start {
  position: absolute;
  z-index: 3;
  top: calc(50% + 6.719vw);
  left: 50%;
  margin: -23.25vw 0 0 -15.781vw;
}
.rl-wrap .rl-conent .rl-sub .start > * {
  width: 31.562vw;
  height: 31.562vw;
  border: 0 none;
  background: transparent;
}
.rl-wrap .rl-conent .rl-sub .start > * img {
  display: block;
  width: 100%;
  height: auto;
}
.rl-wrap .rl-conent .rl-sub .start > *.noneCk {
  display: none;
}
.rl-wrap .rl-info {
  padding: 0 4.687vw;
  margin-top: 20.812vw;
}
.rl-wrap .rl-info .tit {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.rl-wrap .rl-info .list {
  margin-top: 8px;
  padding-left: 10px;
}
.rl-wrap .rl-info .list > li {
  position: relative;
  line-height: 20px;
  padding-left: 8px;
  font-size: 14px;
  letter-spacing: -1px;
  color: #fff;
}
.rl-wrap .rl-info .list > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 1px 1px;
  background-color: #fff;
}

.rl-wrap-event {
  position: relative;
  min-height: calc(100vh - 55px);
  padding: 10.5vw 0 12.5vw;
  background: #cdf2c9 url("../images/event/rl-bg-brick1.png") no-repeat center top;
  background-size: cover;
}
.rl-wrap-event img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event .rl-tit {
  position: relative;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
.rl-wrap-event .rl-conent {
  position: relative;
}
.rl-wrap-event .rl-conent:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3.4vw;
  display: block;
  height: 9.687vw;
  background: url("../images/event/rl-bg-shadow.png") no-repeat center bottom;
  background-size: auto 100%;
}
.rl-wrap-event .rl-conent .rl-sub-top {
  position: relative;
  overflow: visible;
  padding: 5vw 9.375vw 0;
}
.rl-wrap-event .rl-conent .rl-sub-top .roulette {
  position: relative;
  z-index: 2 !important;
}
.rl-wrap-event .rl-conent .rl-sub-top .roulette img {
  display: block;
}
.rl-wrap-event .rl-conent .rl-sub-top .pin {
  position: absolute;
  z-index: 3;
  width: 7.968vw;
  top: -1.5625vw;
  left: 50%;
  margin-left: -3.984vw;
}
.rl-wrap-event .rl-conent .rl-sub-top .pin img {
  display: block;
}
.rl-wrap-event .rl-conent .rl-sub-top .start {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin: -15.781vw 0 0 -15.781vw;
}
.rl-wrap-event .rl-conent .rl-sub-top .start > * {
  width: 31.562vw;
  height: 31.562vw;
  border: 0 none;
  background: transparent;
}
.rl-wrap-event .rl-conent .rl-sub-top .start > * img {
  display: block;
}
.rl-wrap-event .rl-conent .rl-sub-top .start > *.noneCk {
  display: none;
}
.rl-wrap-event .rl-conent .rl-sub-bottom {
  position: relative;
  height: 46.9333vw;
}
.rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-logo {
  position: absolute;
  width: 85px;
  height: 48px;
  top: -20px;
  left: calc(4.2667vw + 4px);
  z-index: 2;
}
.rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-text {
  position: absolute;
  top: -16px;
  left: 4.2667vw;
  margin: 17px 14px 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.82);
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-text span {
  position: relative;
  width: 59px;
  height: 120px;
  font-size: 14px;
  line-height: 2.86;
}
.rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-text p, .rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-text ul.guide-bul > li {
  position: relative;
  width: 63px;
  height: auto;
  top: -19px;
  font-size: 40px;
  letter-spacing: -5px;
}
.rl-wrap-event .rl-conent .rl-sub-bottom .rl-car-img {
  position: absolute;
  width: 82.88vw;
  height: 62.9333vw;
  right: 0;
  z-index: 2;
  top: -17.6vw;
}
.rl-wrap-event .rl-link {
  position: relative;
  width: 100%;
  height: 17px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.rl-wrap-event .rl-link a {
  color: #ffea99;
  text-decoration: underline;
}
.rl-wrap-event .rl-info {
  padding: 0 4.687vw;
  margin-top: 12.812vw;
}
.rl-wrap-event .rl-info .tit {
  width: 98px;
  height: 17px;
  margin: 46px 27px 11px 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.rl-wrap-event .rl-info .list {
  margin-top: 8px;
  padding-left: 15px;
}
.rl-wrap-event .rl-info .list > li {
  position: relative;
  font-size: 12.2px;
  letter-spacing: -0.18px;
  color: #fff;
  padding-left: 8px;
}
.rl-wrap-event .rl-info .list > li:before {
  position: absolute;
  left: -2.5px;
  content: "·";
  font-size: 14px;
  line-height: 14.5px;
}

.rl-wrap-event-roulette {
  position: relative;
  height: 180.5556vw;
  padding-top: 5.9375vw;
  background: url("../images/event/rl-bg-brick2.png") no-repeat center top;
  background-size: cover;
}
.rl-wrap-event-roulette img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event-roulette .rl-tit {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
.rl-wrap-event-roulette .rl-tit img {
  width: calc(100vw - 70px);
}
.rl-wrap-event-roulette .rl-tit .text-01 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 22px;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.22;
  text-align: center;
  color: #fff;
}
.rl-wrap-event-roulette .rl-conent {
  position: relative;
}
.rl-wrap-event-roulette .rl-link-img {
  position: absolute;
  width: 85%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: 1.5625vw;
}

.rl-wrap-event-notice {
  position: relative;
  padding-top: 12.5vw;
  padding-bottom: 12.5vw;
  background-size: cover;
}
.rl-wrap-event-notice img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event-notice .notice-text-group {
  padding: 0 20px;
}
.rl-wrap-event-notice .notice-text-group .notice-tit {
  display: inline-block;
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: bold;
  color: #111;
}
.rl-wrap-event-notice .notice-text-group .notice-tit .notice-tit-style-01 {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: -1.27px;
  color: #434dff;
}
.rl-wrap-event-notice .notice-text-group .notice-tit .notice-tit-style-02 {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -1.27px;
  color: #434dff;
}
.rl-wrap-event-notice .notice-text-group .notice-sub-tit {
  line-break: anywhere;
  font-size: 20px;
  font-weight: bold;
  color: #111;
  line-height: 1.2;
}
.rl-wrap-event-notice .notice-text-group .notice-sub-tit .line-block {
  font: inherit;
}
.rl-wrap-event-notice .notice-text-group .notice-cont {
  display: inline-block;
  margin: 18px 1px 7px 0;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  line-break: anywhere;
}
.rl-wrap-event-notice .notice-text-group .notice-cont .notice-sub-cont {
  font-size: 13px;
  color: #666;
}
.rl-wrap-event-notice .notice-text-group .notice-caution {
  position: relative;
  height: 22px;
  margin: 7px 0 3.5px;
}
.rl-wrap-event-notice .notice-text-group .notice-caution .notice-caution-text {
  position: relative;
  display: block;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #111;
  padding: 3px 11px 1px 11px;
  background-color: rgba(255, 204, 2, 0.4);
  text-align: center;
}
.rl-wrap-event-notice .notice-roullete-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rl-wrap-event-notice .notice-roullete-img img {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: calc(100vw - 50px);
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event-notice .notice-price-wrap {
  position: relative;
  margin: 21px 15px;
  padding: 20.5px 25px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.rl-wrap-event-notice .notice-price-wrap .notice-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.rl-wrap-event-notice .notice-price-wrap .notice-price .price-text {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #222;
}
.rl-wrap-event-notice .notice-price-wrap .notice-price .price-img {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-top: 10px;
  width: calc(100vw - 227px);
}
.rl-wrap-event-notice .notice-price-wrap .notice-price .price-logo {
  width: 57.5px;
  margin: 3px 0 0;
}
.rl-wrap-event-notice .notice-price-wrap .notice-price .price-name {
  font-size: 14px;
  color: #222;
  line-height: 1.21;
  text-align: center;
}
.rl-wrap-event-notice .notice-price-wrap .notice-price .price-count {
  font-size: 14px;
  font-weight: 600;
  color: #434dff;
  line-height: 1.21;
  text-align: center;
}

.rl-wrap-event-price {
  position: relative;
  padding-top: 12.5vw;
  padding-bottom: 12.5vw;
  background: #f7f7f7;
  background-size: cover;
}
.rl-wrap-event-price img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event-price .price-text-group {
  padding: 0 20px;
}
.rl-wrap-event-price .price-text-group .price-tit {
  display: inline-block;
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: bold;
  color: #111;
}
.rl-wrap-event-price .price-text-group .price-tit .price-tit-style-01 {
  font-size: 21px;
  font-weight: 900;
  line-height: 2.31;
  color: #434dff;
}
.rl-wrap-event-price .price-text-group .price-tit .price-tit-style-02 {
  font-size: 21px;
  font-weight: 800;
  line-height: 0.81;
  color: #434dff;
}
.rl-wrap-event-price .price-text-group .price-tit .price-sub-tit {
  line-break: anywhere;
  font-size: 20px;
  line-height: 0.85;
}
.rl-wrap-event-price .price-text-group .price-cont {
  display: inline-block;
  line-break: anywhere;
  margin: 0 1px 14px 0;
}
.rl-wrap-event-price .price-text-group .price-cont .price-cont-text-01 {
  font-size: 15px;
  font-weight: normal;
  color: #222;
}
.rl-wrap-event-price .price-text-group .price-cont .price-cont-text-02 {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -1.5px;
  color: #222;
}
.rl-wrap-event-price .price-text-group .price-cont .price-cont-text-02:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: -0.5px;
  background: rgba(255, 204, 2, 0.4);
}
.rl-wrap-event-price .price-text-group .price-cont .price-cont-text-03 {
  font-size: 13px;
  color: #666;
}
.rl-wrap-event-price .price-list-row {
  position: relative;
  margin: 21px 15px;
  padding: 21.5px 25px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.rl-wrap-event-price .price-list-row .price-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-tit {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.27;
  text-align: center;
  color: #222;
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-img {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-top: 10px;
  width: calc(100vw - 227px);
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-info .price-info-name {
  font-size: 13px;
  color: #222;
  font-weight: 550;
  line-height: 1.21;
  text-align: center;
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-info .price-info-count {
  font-size: 13px;
  font-weight: 600;
  color: #434dff;
  line-height: 1.21;
  text-align: center;
}
.rl-wrap-event-price .price-list-row .price-list-wrap .price-info .price-info-brand {
  font-size: 13px;
  color: #222;
  line-height: 1.21;
  text-align: center;
  margin-top: 15px;
}
.rl-wrap-event-price .price-list-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap:first-child {
  margin-left: 15px;
  margin-right: 3px;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap:last-child {
  margin-left: 3px;
  margin-right: 15px;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap {
  position: relative;
  width: calc(50vw - 18px);
  padding: 21.5px 10px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .p-01 {
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.27;
  text-align: center;
  color: #222;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .img-box {
  position: relative;
  width: 100%;
  height: 39.0625vw;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .img-box .img-box-item-01 {
  position: relative;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .img-box .img-box-item-02 {
  position: relative;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .flex-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .flex-item-info .flex-item-name {
  font-size: 13px;
  color: #222;
  font-stretch: normal;
  font-style: normal;
  font-weight: 550;
  line-height: 1.21;
  letter-spacing: -1px;
  text-align: center;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .flex-item-info .flex-item-brand {
  font-size: 13px;
  color: #222;
  line-height: 1.21;
  letter-spacing: -1px;
  text-align: center;
}
.rl-wrap-event-price .price-list-col .flex-group-wrap .flex-group .flex-item-info .flex-item-count {
  font-size: 13px;
  font-weight: 600;
  color: #434dff;
  line-height: 1.21;
  letter-spacing: -1px;
  text-align: center;
}

.rl-wrap-event-attend {
  position: relative;
  padding-top: 12.5vw;
  padding-bottom: 8.5vw;
}
.rl-wrap-event-attend img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rl-wrap-event-attend .attend-tit {
  padding: 0 20px;
}
.rl-wrap-event-attend .attend-tit .attend-tit-text {
  display: inline-block;
  margin: 0 0 38.5px;
  font-size: 22px;
  font-weight: bold;
  color: #111;
}
.rl-wrap-event-attend .attend-tit .attend-tit-text .attend-tit-bold {
  font-size: 22px;
  font-weight: 900;
  color: #434dff;
}
.rl-wrap-event-attend .attend-tit .attend-tit-text .attend-sub-tit {
  font-size: 21px;
  line-height: 0.85;
}
.rl-wrap-event-attend .attend-tit .attend-step-group {
  display: inline-block;
  line-break: anywhere;
  margin: 0 1px 7px 0;
}
.rl-wrap-event-attend .attend-tit .attend-step-group .text-style-01 {
  font-size: 15px;
  color: #222;
}
.rl-wrap-event-attend .attend-tit .attend-step-group .text-style-02 {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #222;
}
.rl-wrap-event-attend .attend-tit .attend-step-group .text-style-02:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -0.5px;
  background: rgba(255, 204, 2, 0.4);
}
.rl-wrap-event-attend .attend-tit .attend-step-group .text-style-03 {
  font-size: 13px;
  color: #666;
}
.rl-wrap-event-attend .attend-tit .rectangle {
  position: relative;
  height: 22px;
  margin: 14px 0 7px;
}
.rl-wrap-event-attend .attend-tit .rectangle .event-03 {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.54;
  color: #111;
  padding: 3px 22px 1px 21px;
  background-color: rgba(255, 204, 2, 0.4);
}
.rl-wrap-event-attend .attend-step-group {
  position: relative;
  margin: 0px 15px 0 15px;
  padding: 10px 15px;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.rl-wrap-event-attend .attend-step-group .step-group-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.rl-wrap-event-attend .attend-step-group .step-group-box .tit-group {
  width: 100%;
  font-weight: 800;
  line-height: 1.32;
  color: #222;
}
.rl-wrap-event-attend .attend-step-group .step-group-box .tit-group .tit-text-01 {
  font-size: 14px;
}
.rl-wrap-event-attend .attend-step-group .step-group-box .tit-group .tit-text-02 {
  font-size: 20px;
}
.rl-wrap-event-attend .attend-step-group .step-group-box .tit-group .tit-text-03 {
  letter-spacing: -0.3px;
  font-size: 19px;
}
.rl-wrap-event-attend .attend-step-group .step-group-box .tit-sub {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  width: 100%;
  text-align: left;
  color: #222;
}
.rl-wrap-event-attend .attend-step-group .step-group-box ol {
  width: 100%;
}
.rl-wrap-event-attend .attend-step-group .step-group-box ol li {
  margin: 0 0 10px 7.5px;
  font-size: 14px;
  width: 100%;
  text-align: left;
  color: #222;
}
.rl-wrap-event-attend .attend-step-group .step-group-box ol li:before {
  position: absolute;
  left: -0.5px;
  content: "·";
  font-size: 30px;
  line-height: 0.5;
}
.rl-wrap-event-attend .attend-step-group .step-group-box ol span {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  color: #434dff;
}
.rl-wrap-event-attend .attend-step-group .step-group-box a {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-top: 5px;
  width: 100%;
}
.rl-wrap-event-attend .arrow-01 {
  position: relative;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  width: 38px;
  height: 71px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
}
.rl-wrap-event-attend .arrow-01 img {
  position: relative;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.rl-wrap-event-attend .attend-target {
  margin: 60px 15px 0 15px;
}
.rl-wrap-event-attend .attend-target .li-type-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 11.5px;
}
.rl-wrap-event-attend .attend-target .li-type-01 .li-img-box {
  display: inline-block;
  width: 64px;
  height: 22px;
}
.rl-wrap-event-attend .attend-target .li-type-01 span {
  display: inline-block;
  font-size: 13.5px;
  color: #222;
  margin-left: 5px;
}
.rl-wrap-event-attend .attend-target .li-type-02 {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 11.5px;
}
.rl-wrap-event-attend .attend-target .li-type-02 .li-img-box {
  display: inline-block;
  width: 64px;
  height: 22px;
}
.rl-wrap-event-attend .attend-target .li-type-02 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10.5px;
}
.rl-wrap-event-attend .attend-target .li-type-02 li .tit {
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  color: #434dff;
  margin: 0px 11px 0px 6.5px;
}
.rl-wrap-event-attend .attend-target .li-type-02 li .cont {
  display: inline-block;
  font-size: 13.5px;
  color: #222;
}
.rl-wrap-event-attend .caution {
  padding: 0 2.344vw;
  margin-top: 6.406vw;
}
.rl-wrap-event-attend .caution .tit {
  width: 98px;
  height: 17px;
  margin: 46px 27px 11px 8px;
  font-weight: 500;
  font-size: 12.5px;
  text-align: center;
  color: #222;
}
.rl-wrap-event-attend .caution .list {
  margin-top: 8px;
  padding-left: 15px;
}
.rl-wrap-event-attend .caution .list > li:first-child {
  background: rgba(255, 204, 2, 0.4);
}
.rl-wrap-event-attend .caution .list > li {
  position: relative;
  font-size: 10px;
  line-height: 1.5;
  color: #343434;
  padding-left: 8px;
}
.rl-wrap-event-attend .caution .list > li:before {
  position: absolute;
  left: -0.5px;
  content: "·";
  font-size: 21.5px;
  line-height: 0.75;
}

.mb-wrap-event {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 15vw);
  padding-bottom: calc(env(safe-area-inset-bottom) + 15vw);
}

.mb-wrap-event-ticket {
  position: relative;
  padding-top: 6.25vw;
  background: url("../images/event/mb-bg-ticket.png") no-repeat center top;
  background-size: cover;
}
.mb-wrap-event-ticket img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mb-wrap-event-ticket .mb-tit {
  width: 100%;
  text-align: center;
}
.mb-wrap-event-ticket .mb-tit img {
  display: inline-block;
  width: 75vw;
}
.mb-wrap-event-ticket .mb-conent {
  margin-top: 9.6875vw;
}
.mb-wrap-event-ticket .mb-term {
  height: 12.5vw;
  background: #31363c;
  font-size: 4.0625vw;
  font-weight: 700;
  line-height: 12.5vw;
  color: #ffcc02;
  text-align: center;
}

.mb-event-ticket-shadow {
  width: 100%;
  height: 6.875vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#34393f), color-stop(60%, #fff));
  background-image: linear-gradient(to bottom, #34393f, #fff 60%);
}

.event-link {
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 6.875vw 4.375vw calc(constant(safe-area-inset-bottom) + 6.875vw) 4.375vw;
  padding: 6.875vw 4.375vw calc(env(safe-area-inset-bottom) + 6.875vw) 4.375vw;
}
.event-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 7.875vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 60%);
}
.event-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(constant(safe-area-inset-bottom) + 6.875vw + 15.625vw);
  height: calc(env(safe-area-inset-bottom) + 6.875vw + 15.625vw);
  background: #fff;
}
.event-link .link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 15.625vw;
  border-radius: 1.875vw;
  color: #111;
  font-size: 4.375vw;
  line-height: 15.625vw;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}
.event-link .link + .link {
  margin-left: 2.34375vw;
}
.event-link .link-sharing {
  background: #f0f0f0;
}
.event-link .link-member {
  background: #ffcc02;
}

.mb-wrap-event-section {
  padding: 25vw 6.25vw;
}
.mb-wrap-event-section img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mb-wrap-event-section span,
.mb-wrap-event-section strong {
  display: block;
  font: inherit;
}
.mb-wrap-event-section.mb-wrap-event-1 {
  background: #fff;
}
.mb-wrap-event-section.mb-wrap-event-2 {
  background: #f6f6f6;
}
.mb-wrap-event-section.mb-wrap-event-step {
  background: #fff;
}
.mb-wrap-event-section .mb-event-text {
  margin: 5.3125vw 0 6.25vw;
  color: #222;
}
.mb-wrap-event-section .mb-event-text .event-text-sub {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -2.4px;
  line-height: 1.25;
}
.mb-wrap-event-section .mb-event-text .event-text-sub .text {
  display: block;
}
.mb-wrap-event-section .mb-event-text .event-text-sub .text-accent {
  position: relative;
  display: inline-block;
  z-index: 0;
}
.mb-wrap-event-section .mb-event-text .event-text-sub .text-accent:after {
  position: absolute;
  left: 0;
  bottom: 1px;
  content: "";
  width: 100%;
  height: 8px;
  background: #ffeb9a;
  z-index: -1;
}
.mb-wrap-event-section .mb-event-text .event-text-desc {
  margin-top: 14px;
  font-size: 15px;
  letter-spacing: -1.8px;
  line-height: 1.33;
}
.mb-wrap-event-section .mb-event-coupon {
  padding: 6.25vw 0;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}
.mb-wrap-event-section .mb-event-coupon .event-coupon-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.26;
  color: #222;
}
.mb-wrap-event-section .mb-event-coupon .event-coupon-text .text-event {
  color: #087a7e;
}
.mb-wrap-event-section .mb-event-coupon .event-coupon-img {
  padding: 5vw 9.375vw 0;
}
.mb-wrap-event-section .mb-link-notice {
  display: block;
  width: 100%;
  height: 10.15625vw;
  margin: 12.5vw 0 5.625vw;
  padding: 0 3.125vw;
  background: #fff;
  border-radius: 0.9375vw;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  font-size: 4.375vw;
  font-weight: 600;
  line-height: 10.15625vw;
  color: #222;
  text-decoration: none;
}
.mb-wrap-event-section .mb-link-notice:before {
  display: inline-block;
  content: "";
  width: 3.75vw;
  height: 3.90625vw;
  margin-right: 3.125vw;
  background: url("../images/event/mb-icon-notice.png") no-repeat center center;
  background-size: cover;
}
.mb-wrap-event-section .mb-link-garage {
  display: block;
  width: 78.125vw;
  height: 14.375vw;
  margin: 11.5625vw auto 0;
  border: 2px solid #f5f5f5;
  background: #ffcc02;
  border-radius: 7.1875vw;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);
  font-size: 4.375vw;
  font-weight: 600;
  line-height: 14.375vw;
  color: #111;
  text-align: center;
  text-decoration: none;
}
.mb-wrap-event-section .mb-event-garage {
  font-size: 15px;
  letter-spacing: -1.5px;
  color: #222;
}
.mb-wrap-event-section .mb-event-garage .garage-info {
  font-weight: 700;
}
.mb-wrap-event-section .mb-event-garage .garage-img {
  display: block;
  width: 49.375vw;
  margin: 3.125vw auto 6.25vw;
}
.mb-wrap-event-section .mb-event-step {
  height: 158.75vw;
  padding-top: 10.625vw;
  background: url("../images/event/mb-bg-step.png") no-repeat center center;
  background-size: contain;
}
.mb-wrap-event-section .mb-event-step .event-step-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 100%;
  text-align: center;
}
.mb-wrap-event-section .mb-event-step .event-step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 42.1875vw;
}
.mb-wrap-event-section .mb-event-step .event-step-list.event-step-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mb-wrap-event-section .mb-event-step .event-step-list.event-step-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mb-wrap-event-section .mb-event-step .event-step-list.event-step-3 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.mb-wrap-event-section .mb-event-step .event-step-list.event-step-4 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.mb-wrap-event-section .mb-event-step .event-step-list.event-step-1 .step-num, .mb-wrap-event-section .mb-event-step .event-step-list.event-step-2 .step-num {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.mb-wrap-event-section .mb-event-step .event-step-list .step-num {
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step {
  width: 18.125vw;
  height: 13.125vw;
  margin-top: 5px;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-1 {
  background-image: url("../images/event/mb-icon-step1.png");
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-2 {
  background-image: url("../images/event/mb-icon-step2.png");
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-3-gs {
  background-image: url("../images/event/mb-icon-step3-gs.png");
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-3-150 {
  background-image: url("../images/event/mb-icon-step3-150.png");
}
.mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-4 {
  background-image: url("../images/event/mb-icon-step4.png");
}
.mb-wrap-event-section .mb-event-step .event-step-list .event-step-text {
  margin-top: 5px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #333;
}
.mb-wrap-event-section .mb-event-step .event-step-list .event-step-text strong {
  font-weight: 600;
}

.event-target {
  padding: 1.875vw 6.25vw;
}

.event-target-item {
  font-size: 13px;
  color: #222;
  letter-spacing: -1.5px;
}
.event-target-item span,
.event-target-item strong {
  font: inherit;
}
.event-target-item + .event-target-item {
  margin-top: 12px;
}
.event-target-item .event-target-tit {
  display: inline-block;
  width: 70px;
  height: 22px;
  border: 2px solid #ababab;
  border-radius: 32px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #222;
  text-align: center;
}
.event-target-item .event-target-text {
  display: inline-block;
}
.event-target-item .event-target-order .event-target-list {
  margin-top: 8px;
}
.event-target-item .event-target-order .tit {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: #021537;
}

.event-caution {
  padding: 17.1875vw 6.25vw;
}

.event-caution-tit {
  display: block;
  margin-bottom: 11px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
}

.event-caution-item {
  position: relative;
  padding-left: 6px;
  font-size: 10px;
  line-height: 1.5;
  color: #343434;
}
.event-caution-item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
  margin-top: -2px;
}
.event-caution-item.accent {
  background: rgba(255, 204, 2, 0.4);
}

.mb-wrap-star {
  font-weight: bold;
}
.mb-wrap-star .mb-wrap-event-ticket {
  padding-top: 12.5vw;
}
.mb-wrap-star .mb-wrap-event-ticket .mb-tit img {
  width: 72.1875vw;
}
.mb-wrap-star .mb-wrap-event-ticket .mb-conent {
  margin-top: 5vw;
}
.mb-wrap-star .mb-wrap-event-ticket .mb-term {
  font-size: 3.75vw;
  color: #fff;
}
.mb-wrap-star .mb-wrap-event-section span,
.mb-wrap-star .mb-wrap-event-section strong {
  font-weight: normal;
  letter-spacing: -1px;
}
.mb-wrap-star .mb-wrap-event-section.mb-wrap-event-2 .mb-event-text {
  margin: 6.25vw 0 18.75vw;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-text {
  margin: 6.25vw 0 12.5vw;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-text .event-text-sub {
  letter-spacing: -1px;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-text .event-text-desc {
  font-family: "KBFBTextL";
  letter-spacing: -1px;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 10.15625vw;
  margin: 12.5vw 0 5.625vw;
  padding: 0 3.125vw;
  background: #fff;
  border-radius: 0.9375vw;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  font-size: 3.75vw;
  line-height: 10.15625vw;
  color: #222;
  text-decoration: none;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-notice:before {
  display: inline-block;
  content: "";
  width: 3.75vw;
  height: 3.90625vw;
  margin-right: 1.6525vw;
  background: url("../images/event/mb-icon-notice.png") no-repeat center center;
  background-size: cover;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-garage .garage-info {
  display: block;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-garage .garage-info-accent {
  display: inline-block;
  padding-right: 3.125vw;
  background: #fff5d0;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-garage .garage-img {
  width: 57.34375vw;
  margin: 10.625vw auto 5.3125vw;
}
.mb-wrap-star .mb-wrap-event-section .mb-link-garage {
  display: block;
  width: 100%;
  height: 15.625vw;
  margin: 11.875vw auto 0;
  border: 1px solid #fff;
  background: #31363c;
  border-radius: 3.75vw;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  font-weight: 500;
  font-weight: normal;
  font-size: 4.375vw;
  line-height: 15.625vw;
  color: #fff;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-step .event-step-list .step-num {
  font-weight: normal;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-step .event-step-list .icon-event-step.step-3-st {
  background-image: url("../images/event/mb-icon-step3-st.png");
}
.mb-wrap-star .mb-wrap-event-section .mb-event-step .event-step-list .event-step-text strong {
  font-weight: normal;
}
.mb-wrap-star .mb-wrap-event-section .mb-event-step .event-step-list .event-step-text span {
  font-weight: 500;
}
.mb-wrap-star .event-target-item .event-target-order .tit {
  font-weight: bold;
  font-weight: normal;
}
.mb-wrap-star .event-target-item .event-target-order span {
  font-weight: 500;
}
.mb-wrap-star .event-caution-item {
  padding-left: 8px;
}
.mb-wrap-star .event-caution-item:before {
  margin-top: 1px;
}

.evt-popup {
  display: none;
}
.evt-popup [class*=popBox] {
  display: none;
  text-align: center;
}
.evt-popup [class*=popBox] .tit-pop h1 {
  text-align: center;
  font-size: 20px;
  color: #2666c6;
}
.evt-popup [class*=popBox] .pop-area {
  padding-bottom: 46px !important;
}
.evt-popup [class*=popBox] .pop-area .gift-img {
  text-align: center;
}
.evt-popup [class*=popBox] .pop-area .gift-img img {
  display: inline-block;
  width: 60px;
  height: 60px;
}
.evt-popup [class*=popBox] .pop-area .gift-txt01 {
  text-align: center;
  line-height: 24px;
  padding-top: 15px;
  font-size: 18px;
  color: #222;
}
.evt-popup [class*=popBox] .pop-area .gift-txt01 strong {
  font-weight: 500;
}
.evt-popup [class*=popBox] .pop-area .gift-txt02 {
  line-height: 20px;
  margin-top: 10px;
  font-size: 14px;
  color: #222;
}
.evt-popup .popup-banner {
  margin-top: 10px;
  border-radius: 10px;
  background-color: #6e7da0;
}
.evt-popup .popup-banner .link {
  display: block;
}
.evt-popup .popup-banner .link img {
  display: block;
  width: 100%;
  height: auto;
}

.evt-popup-01 {
  display: none;
}
.evt-popup-01 [class*=popBox] {
  display: none;
  text-align: center;
}
.evt-popup-01 [class*=popBox] .tit-pop h1 {
  text-align: center;
  font-size: 20px;
  color: #2666c6;
}
.evt-popup-01 [class*=popBox] .pop-area {
  padding-bottom: 46px !important;
}
.evt-popup-01 [class*=popBox] .pop-area .gift-img {
  text-align: center;
}
.evt-popup-01 [class*=popBox] .pop-area .gift-img img {
  width: 107px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.evt-popup-01 [class*=popBox] .pop-area .gift-txt01 {
  text-align: center;
  line-height: 24px;
  padding-top: 5px;
  font-size: 18px;
  color: #222;
}
.evt-popup-01 [class*=popBox] .pop-area .gift-txt01 strong {
  font-weight: 800;
}
.evt-popup-01 [class*=popBox] .pop-area .gift-txt02 {
  line-height: 20px;
  margin-top: 10px;
  font-size: 16px;
  color: #222;
  letter-spacing: -0.5px;
}
.evt-popup-01 .popup-banner {
  margin-top: 10px;
  border-radius: 10px;
  background-color: #6e7da0;
}
.evt-popup-01 .popup-banner .link {
  display: block;
}
.evt-popup-01 .popup-banner .link img {
  display: block;
  width: 100%;
  height: auto;
}

.sm-popup {
  display: block;
}
.sm-popup .sm-game {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  background: url("../images/event/sm-bg-wrap.png") no-repeat left center;
  background-size: 100% auto;
  z-index: 1000;
}
.sm-popup .sm-game .sm-tit {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  display: block;
  text-align: center;
  height: 9.843vw;
  margin-top: -33.75vw;
}
.sm-popup .sm-game .sm-tit img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 100%;
}
.sm-popup .sm-game .sm-area {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 29.375vw;
  padding: 0 14.843vw;
  margin-top: -14.687vw;
}
.sm-popup .sm-game .sm-area .coin {
  position: absolute;
  left: 14.843vw;
  top: 50%;
  display: block;
  text-align: center;
  width: 31.7187vw;
  height: 10vw;
  line-height: 10vw;
  margin-top: -6vw;
  font-size: 9.5vw;
  font-weight: 600;
  color: #583daa;
}
.sm-popup .sm-game .sm-area .coin img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 100%;
}
.sm-popup .sm-game .sm-area > ul {
  position: absolute;
  right: 14.843vw;
  top: 4.218vw;
  bottom: 0;
  display: block;
  text-align: center;
  width: 28.125vw;
  height: 20.781vw;
}
.sm-popup .sm-game .sm-area > ul > li {
  display: block;
  height: 100%;
}
.sm-popup .sm-game .sm-area > ul > li > .disc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span {
  display: block;
  height: 20.781vw;
  background: url("../images/event/sm-text-num.png") no-repeat;
  background-size: 100% auto;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c2 {
  background-position: left -20.7812vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c3 {
  background-position: left -41.5624vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c4 {
  background-position: left -62.3436vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c5 {
  background-position: left -83.1248vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c6 {
  background-position: left -103.906vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c7 {
  background-position: left -124.6872vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c8 {
  background-position: left -145.4684vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c9 {
  background-position: left -166.2496vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c10 {
  background-position: left -187.0308vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c11 {
  background-position: left -207.812vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c12 {
  background-position: left -228.5932vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c13 {
  background-position: left -249.3744vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c14 {
  background-position: left -270.1556vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c15 {
  background-position: left -290.9368vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c16 {
  background-position: left -311.718vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c17 {
  background-position: left -332.4992vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c18 {
  background-position: left -353.2804vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c19 {
  background-position: left -374.0616vw;
}
.sm-popup .sm-game .sm-area > ul > li > .disc > span.c20 {
  background-position: left -394.8428vw;
}
.sm-popup .sm-game .sm-btn {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  display: block;
  text-align: center;
  height: 14.218vw;
  margin-top: 29vw;
}
.sm-popup .sm-game .sm-btn .btn-on {
  display: inline-block;
  height: 100%;
  border: 0 none;
  background: transparent;
}
.sm-popup .sm-game .sm-btn .btn-on img {
  display: block;
  width: auto;
  height: 100%;
}
.sm-popup .sm-game .sm-btn .btn-off {
  display: none;
  height: 100%;
}
.sm-popup .sm-game .sm-btn .btn-off img {
  display: block;
  width: auto;
  height: 100%;
}

.rc-wrap .rc-tit {
  overflow: hidden;
  height: 50px;
  padding: 8px 4.687vw 0;
  background-color: #eef2fd;
}
.rc-wrap .rc-tit .rt-left {
  float: left;
}
.rc-wrap .rc-tit .rt-left .ranking {
  display: block;
  font-size: 10px;
  letter-spacing: -1px;
  color: #222;
}
.rc-wrap .rc-tit .rt-left .ranking > strong {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 18px;
  color: #3b45ff;
}
.rc-wrap .rc-tit .rt-left .ranking > span {
  margin: 0 0 0 4px;
  line-height: 22px;
  font-size: 12px;
}
.rc-wrap .rc-tit .rt-right {
  float: right;
}
.rc-wrap .rc-tit .rt-right .rc-btn {
  display: inline-block;
  height: 34px;
}
.rc-wrap .rc-tit .rt-right .rc-btn img {
  display: block;
  height: auto;
  width: 90px;
}
.rc-wrap .rc-conent {
  position: relative;
  height: 70.468vw;
}
.rc-wrap .rc-conent .d-day {
  position: absolute;
  left: 4.687vw;
  top: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #222;
  z-index: 10;
}
.rc-wrap .rc-conent .td-km {
  position: absolute;
  left: 0;
  right: 0;
  top: 26.093vw;
  text-align: center;
  z-index: 10;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.rc-wrap .rc-conent .td-km > span {
  display: inline-block;
  vertical-align: top;
  height: 9.375vw;
  line-height: 9.375vw;
  padding: 0 6.25vw;
  border-radius: 4.6875vw;
  font-size: 3.75vw;
  font-weight: 600;
  color: #fff;
  background-color: #687ca4;
}
.rc-wrap .rc-conent .booster {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 21.562vw;
  text-align: center;
  z-index: 10;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.rc-wrap .rc-conent .booster > img {
  display: inline-block;
  vertical-align: top;
  height: 5.781vw;
  width: auto;
}
.rc-wrap .rc-conent .rc-box {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.rc-wrap .rc-conent .rc-box .bg-car {
  position: relative;
  display: block;
  height: 100%;
}
.rc-wrap .rc-conent .rc-box .bg-car img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  height: 100%;
}
.rc-wrap .rc-conent .rc-box .bg-car img.on {
  opacity: 0;
}
.rc-wrap .rc-conent .rc-box .car {
  position: absolute;
  left: 50%;
  bottom: 4.687vw;
  width: 74.375vw;
  height: 25.312vw;
  margin-left: -37.187vw;
  z-index: 10;
}
.rc-wrap .rc-conent .rc-box .car img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
}
.rc-wrap .rc-conent .rc-box .car img.on {
  opacity: 0;
}
.rc-wrap .rc-conent.on .bg-car img {
  -webkit-animation: bg-car01 2.5s linear both;
          animation: bg-car01 2.5s linear both;
}
.rc-wrap .rc-conent.on .bg-car .on {
  -webkit-animation: bg-car02 2.5s linear both;
          animation: bg-car02 2.5s linear both;
}
.rc-wrap .rc-conent.on .car {
  -webkit-animation: car01 2.5s linear both;
          animation: car01 2.5s linear both;
}
.rc-wrap .rc-conent.on .car .on {
  -webkit-animation: car02 2.5s linear both;
          animation: car02 2.5s linear both;
}
.rc-wrap .rc-conent .recommendWrap {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
  text-align: right;
}
.rc-wrap .rc-conent .recommendWrap button {
  position: relative;
  width: 80px;
  height: 28px;
  border: 1px solid #401e36;
  border-radius: 28px;
  background: #fae100;
}
.rc-wrap .rc-conent .recommendWrap button span {
  font-size: 12px;
  font-weight: 700;
  color: #401e36;
}
.rc-wrap .rc-conent .recommendWrap button:after {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: 82px;
  height: 32px;
  border-radius: 30px;
  background: #401e36;
  z-index: -1;
}
.rc-wrap .rc-conent .recommendWrap .text {
  display: block;
  margin: 10px 0 0;
  font-size: 10px;
}
.rc-wrap .rc-gauge {
  height: 67.968vw;
  padding: 13.437vw 10.937vw 0;
  background: url("../images/event/rc-bg-content01.png") no-repeat;
  background-size: 100% 100%;
}
.rc-wrap .rc-gauge .rg-txt {
  text-align: center;
}
.rc-wrap .rc-gauge .rg-txt img {
  display: inline-block;
  vertical-align: top;
  height: 3.437vw;
  width: auto;
}
.rc-wrap .rc-gauge .rg-ga {
  position: relative;
  margin-top: 3.281vw;
  padding-bottom: 5.781vw;
}
.rc-wrap .rc-gauge .rg-ga .ga-bg {
  height: 6.406vw;
  padding: 1.71875vw 1.5625vw 0;
  background: url("../images/event/rc-bg-gauge.png") no-repeat;
  background-size: 100% 100%;
}
.rc-wrap .rc-gauge .rg-ga .ga-bg .ga-box {
  position: relative;
  display: block;
  width: 0;
  height: 3.125vw;
  border-radius: 1.5625vw;
  background: -webkit-gradient(linear, left top, right top, from(#ffe129), to(#ee2f23));
  background: linear-gradient(to right, #ffe129, #ee2f23);
}
.rc-wrap .rc-gauge .rg-ga .ga-bg .ga-box:after {
  content: "";
  position: absolute;
  left: 1.562vw;
  right: 1.562vw;
  top: 0.625vw;
  display: block;
  height: 1.093vw;
  border-radius: 0.5465vw;
  background-color: #fff;
  opacity: 0.2;
}
.rc-wrap .rc-gauge .rg-ga > [class*=lt-] {
  position: absolute;
  bottom: 0;
  display: block;
  line-height: 5.781vw;
  font-size: 3.125vw;
  color: #b09af1;
}
.rc-wrap .rc-gauge .rg-ga .lt-0 {
  left: 0;
}
.rc-wrap .rc-gauge .rg-ga .lt-50 {
  width: 3.125vw;
  text-align: center;
  margin-left: -1.5625vw;
  left: 50%;
}
.rc-wrap .rc-gauge .rg-ga .lt-100 {
  right: 0;
}
.rc-wrap .rc-gauge .rg-ga .lt-full {
  display: none;
  right: 0;
  font-size: 3.75vw;
  font-weight: 600;
  color: #ee3023;
}
.rc-wrap .rc-gauge .rg-btn {
  margin-top: 4.218vw;
}
.rc-wrap .rc-gauge .rg-btn [class*=btn-bst] {
  width: 100%;
  border: 0 none;
  outline: none;
  background-color: transparent;
}
.rc-wrap .rc-gauge .rg-btn [class*=btn-bst] img {
  display: block;
  width: 100%;
  height: auto;
}
.rc-wrap .rc-gauge .rg-btn .btn-bst01 {
  position: relative;
}
.rc-wrap .rc-gauge .rg-btn .btn-bst01 .coin {
  position: absolute;
  left: 42vw;
  top: 3.6vw;
  display: block;
  height: 5.312vw;
  line-height: 5.312vw;
  font-size: 4.687vw;
  color: #583daa;
}
.rc-wrap .rc-gauge .rg-btn .btn-bst02 {
  display: none;
}
.rc-wrap .rc-gauge .rg-coin {
  text-align: center;
  line-height: 5vw;
  margin-top: 2.187vw;
  font-size: 3.75vw;
  color: #fff;
}
.rc-wrap .rc-gauge .rg-coin .coin {
  display: inline-block;
  vertical-align: top;
  line-height: 5vw;
  font-size: 3.75vw;
  font-weight: 600;
  color: #ffe029;
}
.rc-wrap .rc-info {
  padding: 9.375vw 4.687vw;
  background: url("../images/event/rc-bg-content02.png") repeat-y;
  background-size: 100% auto;
}
.rc-wrap .rc-info .tit {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding-left: 17px;
  font-size: 14px;
  font-weight: 500;
  color: #fd665c;
  background: url("../images/event/rl-icon-exc.png") no-repeat left 5px;
  background-size: 12px 12px;
}
.rc-wrap .rc-info .list {
  margin-top: 8px;
  padding-left: 15px;
}
.rc-wrap .rc-info .list > li {
  position: relative;
  line-height: 20px;
  padding-left: 8px;
  font-size: 14px;
  letter-spacing: -1px;
  color: #c4b4f3;
}
.rc-wrap .rc-info .list > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 1px 1px;
  background-color: #c4b4f3;
}

.evt-popup-sharing {
  display: none;
}
.evt-popup-sharing .event-sharing {
  background: #fff;
  border-radius: 8px;
}
.evt-popup-sharing .event-sharing-cnt {
  padding: 27px 0;
  text-align: center;
}
.evt-popup-sharing .event-sharing-group {
  margin: 0 -2.96875vw;
  font-size: 0;
}
.evt-popup-sharing .event-sharing-item {
  display: inline-block;
  width: 13.28125vw;
  height: 13.28125vw;
  margin: 0 2.96875vw;
}
.evt-popup-sharing .event-sharing-link {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-indent: -9999em;
}
.evt-popup-sharing .event-sharing-link.kakaotalk {
  background-image: url("../images/event/icon-sns-kakaotalk.png");
}
.evt-popup-sharing .event-sharing-link.story {
  background-image: url("../images/event/icon-sns-story.png");
}
.evt-popup-sharing .event-sharing-link.facebook {
  background-image: url("../images/event/icon-sns-facebook.png");
}
.evt-popup-sharing .event-sharing-link.url {
  background-image: url("../images/event/icon-sns-url.png");
}
.evt-popup-sharing .event-sharing-tit {
  display: block;
  margin: 9px 0 7px;
  font-size: 16px;
  font-weight: 700;
  color: #111;
}
.evt-popup-sharing .event-sharing-text {
  display: block;
  font-size: 14px;
  color: #222;
}
.evt-popup-sharing .event-sharing-btn {
  border-top: 1px solid #eee;
}
.evt-popup-sharing .event-sharing-btn .btn {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 14px;
  color: #3a94ff;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
}

@-webkit-keyframes bg-car01 {
  0% {
    left: 0;
  }
  40% {
    left: -61vw;
  }
  60% {
    left: -61vw;
  }
  100% {
    left: -121vw;
  }
}

@keyframes bg-car01 {
  0% {
    left: 0;
  }
  40% {
    left: -61vw;
  }
  60% {
    left: -61vw;
  }
  100% {
    left: -121vw;
  }
}
@-webkit-keyframes bg-car02 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-car02 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes car01 {
  0% {
    left: 50%;
  }
  40% {
    left: 35%;
  }
  60% {
    left: 200%;
    z-index: 1;
  }
  60.1% {
    left: 200%;
    z-index: 0;
  }
  60.2% {
    left: -100%;
    z-index: 0;
  }
  60.3% {
    left: -100%;
    z-index: 1;
  }
  100% {
    left: 50%;
  }
}
@keyframes car01 {
  0% {
    left: 50%;
  }
  40% {
    left: 35%;
  }
  60% {
    left: 200%;
    z-index: 1;
  }
  60.1% {
    left: 200%;
    z-index: 0;
  }
  60.2% {
    left: -100%;
    z-index: 0;
  }
  60.3% {
    left: -100%;
    z-index: 1;
  }
  100% {
    left: 50%;
  }
}
@-webkit-keyframes car02 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes car02 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.eve-login {
  display: -webkit-box;
  -webkit-box-align: center;
  position: relative;
  height: 50px;
  padding: 0 15px;
  background: #364f7f;
}
.eve-login > div {
  -webkit-box-flex: 1;
}
.eve-login .txt {
  color: #fff;
  font-size: 15px;
}
.eve-login .btn {
  text-align: right;
}
.eve-login .btn a {
  display: inline-block;
  height: 30px;
  background: #fff;
  color: #222;
  border-radius: 30px;
  padding: 0 10px;
  line-height: 30px;
  text-decoration: none;
}

.layer-basic-area.racingArea .layer-cnt .pop-area {
  position: relative;
  background: #fff url("../images/event/rc-img-car03.png") no-repeat center 30px;
  background-size: 96px 80px;
  padding: 140px 0 40px;
  text-align: center;
}
.layer-basic-area.racingArea .layer-cnt .pop-area .text1 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

/* 공통 작업 */
.pop-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  background-color: #000;
  z-index: 1000;
}

.popup-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.popup-wrap .pop-whBox {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  height: auto;
  margin: 0 auto;
  z-index: 1001;
}
.popup-wrap .pop-whBox .pop-day-close {
  padding: 0 30px 9px 20px;
}
.popup-wrap .pop-whBox .pop-day-close .txt {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
.popup-wrap .pop-whBox .pop-area {
  position: relative;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  z-index: 2;
}
.popup-wrap .pop-whBox .pop-area .pop-images {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.popup-wrap .pop-whBox .pop-area .pop-images > img {
  display: block;
  width: 100%;
  height: auto;
}
.popup-wrap .pop-whBox .pop-area .pop-con {
  padding: 26px 30px 30px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-tit h2 {
  line-height: 30px;
  font-size: 24px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-tit h2 em {
  line-height: 30px;
  font-size: 24px;
  color: #336fc9;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-tit + .pop-scroll {
  margin-top: 22px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-num {
  line-height: 18px;
  padding: 12px 0 17px;
  font-size: 14px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-scroll {
  margin-top: 9px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt .point-txt {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #336fc9;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt .point-bl {
  font-weight: bold;
  font-size: 16px;
  color: #6e7da0;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt + .con-txt {
  margin-top: 24px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt.tp02 {
  display: table;
  width: 100%;
  min-height: 140px;
  margin-top: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt.tp02 .mid-txt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt.bg01 {
  position: relative;
  padding-bottom: 288px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt.bg01:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  display: block;
  width: 200px;
  height: 212px;
  margin-left: -100px;
  background: url("../images/common/popup_bg.png") no-repeat;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt .con-txt-tit {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .txt-notify {
  margin-top: 20px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .txt-notify span {
  position: relative;
  padding: 5px 47px 0 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con .txt-notify span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 33px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.pad-lr0 {
  padding: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con.pad-lr0 .pop-tit-p {
  padding: 26px 0 0 30px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list li {
  position: relative;
  font-size: 16px;
  color: #222;
  margin: 0 0 10px 10px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #666;
  position: absolute;
  top: 8px;
  left: -10px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list.tp-gray li {
  line-height: 24px;
  font-size: 14px;
  color: #999;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list.tp-gray li:after {
  background: #999;
  top: 12px;
}
.popup-wrap .pop-whBox .pop-area .pop-btn {
  overflow: hidden;
}
.popup-wrap .pop-whBox .pop-area .pop-btn.leg02 .pBtn {
  float: left;
  width: 50%;
  border-radius: 0 0 18px 0;
}
.popup-wrap .pop-whBox .pop-area .pop-btn.leg02 .pBtn:first-child {
  border-radius: 0 0 0 18px;
}
.popup-wrap .pop-whBox .pop-area .pop-btn.leg03 .pBtn {
  float: left;
  width: 33%;
  border-radius: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-btn.leg03 .pBtn:first-child {
  border-radius: 0 0 0 18px;
}
.popup-wrap .pop-whBox .pop-area .pop-btn.leg03 .pBtn:last-child {
  width: 34%;
  border-radius: 0 0 18px 0;
}
.popup-wrap .pop-whBox .pop-area .pop-close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 10px;
  background-color: #efefef;
}
.popup-wrap .pop-whBox .pop-area .pop-close.tp02 {
  top: -30px;
}
.popup-wrap .pop-whBox .pop-area .pop-close:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../images/common/sprite.png");
  background-size: 500px;
  text-indent: -99999px;
  background-position: -54px -35px;
}
.popup-wrap .pop-whBox .pop-area .pop-close > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.popup-wrap .pop-whBox .pop-area.option-tp .pop-con .pop-tit + .tabs-area {
  margin: 34px 0 8px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area {
  overflow: hidden;
  height: 535px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .ps-tit {
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-size: 24px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .pop-scroll {
  height: 168px;
  margin: 23px 0 30px;
  padding: 0 30px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .pop-scroll .con-txt {
  line-height: 24px;
  letter-spacing: -0.01em;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .pop-scroll .mCSB_outside + .mCSB_scrollTools {
  right: 16px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .ps-img {
  overflow: hidden;
  height: 288px;
  border-radius: 0 0 19px 19px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .item .ps-img img {
  display: block;
  height: 100%;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button {
  position: absolute;
  top: 0;
  width: 26px;
  height: 26px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 5px;
  display: block;
  width: 9px;
  height: 16px;
  background: url("../images/common/popup_bg.png") no-repeat;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-prev {
  left: 22px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-prev:after {
  left: 8px;
  background-position: -200px top;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-prev.disabled:after {
  background-position: -209px top;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-next {
  right: 22px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-next:after {
  right: 8px;
  background-position: -200px -16px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.owl-next.disabled:after {
  background-position: -209px -16px;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button.disabled {
  cursor: default;
}
.popup-wrap .pop-whBox .pop-area.option-tp .swiper-area .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.popup-wrap .pop-whBox .pop-area.option-tp .info {
  position: absolute;
  left: 30px;
  bottom: 296px;
  line-height: 20px;
}
.popup-wrap .pop-whBox .pop-area02 {
  margin-top: 30px;
  min-height: 60px;
  padding: 6px 30px;
  border-radius: 30px;
  background-color: #fff;
}
.popup-wrap .pop-whBox .pop-area02 .con-txt {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}
.popup-wrap .pBtn {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 0 0 19px 19px;
  background-color: #fff;
}
.popup-wrap .pBtn > span {
  display: inline-block;
  vertical-align: top;
  height: 58px;
  line-height: 58px;
  font-size: 20px;
}
.popup-wrap .pb-blue {
  border-color: #364f7f;
  background-color: #364f7f;
}
.popup-wrap .pb-blue > span {
  color: #fff;
}
.popup-wrap .pb-yellow {
  border-color: #ffbc00;
  background-color: #ffbc00;
}
.popup-wrap .pb-yellow > span {
  color: #222;
}
.popup-wrap .cmm-repair-cost .bottom strong.txt {
  left: 630px;
}
.popup-wrap .service-guide .list-type.apply-list li {
  padding: 26px 20px 30px;
}
.popup-wrap .service-guide .list-type.apply-list li .a-txt {
  font-size: 15px;
}
.popup-wrap .cmm-list-kb li {
  width: 350px;
}
.popup-wrap .cmm-eg-list li.list1 {
  width: 110px;
}
.popup-wrap .cmm-eg-list li.list2 {
  width: 125px;
}
.popup-wrap .cmm-eg-list li.list3, .popup-wrap .cmm-eg-list li.list4 {
  width: 210px;
}
.popup-wrap .cmm-eg-list li.list5 {
  width: 240px;
}
.popup-wrap .cmm-eg-list li span {
  font-size: 12px;
}
.popup-wrap.pop-on .pop-whBox {
  display: block;
}

.car-code-matching .car-info {
  border-radius: 0;
  height: auto;
  padding: 30px 20px;
}
.car-code-matching .car-info .red-txt {
  margin-top: 5px;
  color: #fd665c;
}
.car-code-matching .car-txt {
  background: #fff;
  padding: 25px 0 55px;
}
.car-code-matching .car-txt .tip-txt {
  margin-top: 10px;
  font-size: 14px;
}
.car-code-matching .car-txt .tip-txt button {
  display: inline-block;
  padding: 5px;
  background: #ffc000;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
}

.owner-name h2.tit {
  font-size: 24px;
  margin-bottom: 70px;
  padding: 0;
}

.owner-name {
  background: #fff;
  padding: 30px 30px 100px;
}
.owner-name h2.tit {
  font-size: 24px;
  margin-bottom: 30px;
  padding: 0;
}
.owner-name dt, .owner-name .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .owner-name dd {
  color: #222;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.owner-name dd {
  position: relative;
  border-bottom: 2px solid #ddd;
}
.owner-name dd label {
  position: absolute;
  top: 14%;
  left: 0;
  font-weight: bold;
  font-size: 27px;
  color: #ddd;
}
.owner-name dd input, .owner-name dd .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .owner-name dd .ico-confirm, .owner-name dd .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .owner-name dd .ico-confirm {
  border: 0 none;
  width: 100%;
  height: 50px;
  padding: 15px 0 11px 0;
  font-size: 27px;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.owner-name dd input::-webkit-input-placeholder, .owner-name dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .owner-name dd .ico-confirm::-webkit-input-placeholder, .owner-name dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .owner-name dd .ico-confirm::-webkit-input-placeholder {
  font-size: 27px;
  color: #ddd;
}
.owner-name dd input::-webkit-input-placeholder, .owner-name dd .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .owner-name dd .ico-confirm::-webkit-input-placeholder, .owner-name dd .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .owner-name dd .ico-confirm::-webkit-input-placeholder, .owner-name dd input::placeholder, .owner-name dd .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .owner-name dd .ico-confirm::placeholder, .owner-name dd .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .owner-name dd .ico-confirm::placeholder {
  font-size: 27px;
  color: #ddd;
}
.owner-name .owner-txt {
  width: 100%;
  padding: 30px 0 40px;
  background: #fff;
}
.owner-name .owner-txt li {
  position: relative;
  font-size: 13px;
  color: #999;
  padding-left: 15px;
  margin-bottom: 5px;
}
.owner-name .owner-txt li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  left: 4px;
  top: 8px;
}
.owner-name .btn-wrap {
  padding-top: 20px;
}
.owner-name .btn-wrap .btn-s {
  width: 100px;
  height: 40px;
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
  margin: 0 auto;
}

.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.owner-loading {
  position: relative;
  padding-bottom: 40px;
  text-align: center;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.owner-loading .owner-loading__image {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.owner-loading .owner-loading__text {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
}

/*앱 이용하기*/
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app {
  text-align: center;
  padding-bottom: 30px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app div {
  padding: 15px 35px 10px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app div img {
  width: 100%;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app p, .layer-basic-pop .layer-basic-area .layer-cnt .pop-area.chatting-use-app ul.guide-bul > li {
  line-height: 1.6;
}

.divide-li-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #888;
  margin-top: 10px;
}
.divide-li-line li {
  font-size: 14px;
}
.divide-li-line li:not(:last-child):after {
  content: "|";
  font-size: #ddd;
  color: inherit;
  line-height: inherit;
  padding: 0 5px;
}

.vertical-line {
  display: block;
  margin: 32px 0;
  background-color: #f8f8f8;
  border: 0;
  height: 8px;
}
.vertical-line.sm {
  background-color: #eee;
  margin-left: 0;
  margin-right: 0;
  height: 1px;
}
.layer-detail-cover .vertical-line:not(.sm), .buy-detail-cover .vertical-line:not(.sm) {
  margin-left: -16px;
  margin-right: -16px;
}
.buy-detail-cover > .vertical-line:not(.sm) {
  margin-left: 0;
  margin-right: 0;
}

.table-row {
  font-size: 14px;
  color: #666;
  text-align: left;
  border-top: 1px solid #aaa;
}
.table-row table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table-row th {
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding: 16px 5px 16px 16px;
  background-color: #f8f8f8;
}
.table-row td {
  border-bottom: 1px solid #eee;
  padding: 16px 5px 16px 16px;
}

.table-col {
  font-size: 14px;
  color: #666;
  border-top: 1px solid #aaa;
  text-align: left;
}
.table-col table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table-col th {
  font-weight: 700;
  padding: 16px 5px 16px 16px;
  background-color: #f8f8f8;
}
.table-col td {
  border-bottom: 1px solid #eee;
  padding: 16px 5px 16px 16px;
}

.dot-list-wrap {
  font-size: 14px;
  color: #666;
}
.dot-list-wrap li {
  position: relative;
  padding-left: 8px;
}
.dot-list-wrap li:not(:last-child) {
  margin-bottom: 8px;
}
.dot-list-wrap li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background-color: #888;
  border-radius: 50%;
}

.text-justify-wrap .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.text-justify-wrap .col:not(:last-child) {
  margin-bottom: 8px;
}
.text-justify-wrap .left {
  font-size: 16px;
  color: #666;
}
.text-justify-wrap .right {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-left: auto;
}

.text-justify-border {
  margin-bottom: 16px;
}
.text-justify-border .col {
  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;
  padding: 16px 0;
  gap: 8px;
  border-bottom: 1px solid #eee;
}
.text-justify-border .col:first-child {
  padding-top: 0;
}
.text-justify-border .left {
  font-size: 14px;
  color: #222;
}
.text-justify-border .right {
  font-size: 16px;
  color: #2589ff;
  font-weight: 700;
  margin-left: auto;
}

.inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.inp input[type=radio], .inp .new-content-body .inp-box [type=radio].ico-confirm, .new-content-body .inp-box .inp [type=radio].ico-confirm, .inp .type-mydata .inp-box [type=radio].ico-confirm, .type-mydata .inp-box .inp [type=radio].ico-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
}
.inp input[type=radio]:before, .inp .new-content-body .inp-box [type=radio].ico-confirm:before, .new-content-body .inp-box .inp [type=radio].ico-confirm:before, .inp .type-mydata .inp-box [type=radio].ico-confirm:before, .type-mydata .inp-box .inp [type=radio].ico-confirm:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/form/form_input_radio.svg") center center/contain no-repeat;
}
.inp input[type=radio]:checked:before, .inp .new-content-body .inp-box [type=radio].ico-confirm:checked:before, .new-content-body .inp-box .inp [type=radio].ico-confirm:checked:before, .inp .type-mydata .inp-box [type=radio].ico-confirm:checked:before, .type-mydata .inp-box .inp [type=radio].ico-confirm:checked:before {
  background: url("../images/form/form_input_radio_checked.svg") center center/contain no-repeat;
}
.inp .inp-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.inp .inp-inner .inp-tit {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.inp .inp-inner .inp-desc {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #888;
  margin-top: 2px;
}

.input-textarea {
  display: block;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: #222;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
  resize: none;
}

.input-textarea-byte {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 8px;
  text-align: right;
}

.layer-overflow-popup {
  position: fixed;
  width: 100%;
  padding: 0 16px;
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  top: 0;
  margin-top: 0 !important;
  -webkit-transition: margin-top 0.3s ease;
  transition: margin-top 0.3s ease;
}
.layer-overflow-popup .layer-overflow-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.layer-overflow-popup .layer-overflow-inner .layer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.layer-overflow-popup .layer-overflow-inner .layer-header .btn-text {
  font-size: 14px;
  background: transparent;
  border: 0;
  color: #fff;
}
.layer-overflow-popup .layer-overflow-inner .layer-header .btn-close {
  position: static;
  width: 24px;
  height: 24px;
  background: url("../images/sub/btn_layer_overflow_close.svg") center center/contain no-repeat;
  border: 0;
}
.layer-overflow-popup .layer-overflow-inner .layer-content {
  background-color: #fff;
  border-radius: 16px;
  padding: 60px 16px 30px;
}

.thumb-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.combo-desc {
  text-align: center;
}
.combo-desc:not(:first-child) {
  margin-top: 32px;
}
.combo-desc .col strong {
  display: block;
  font-size: 24px;
  color: #222;
  font-weight: 700;
}
.combo-desc .col p, .combo-desc .col ul.guide-bul > li {
  font-size: 16px;
  color: #222;
}

.color-2589ff {
  color: #2589ff !important;
}

.btn-cover-wrap {
  padding: 16px 0 30px;
}

/* 공통 작업 */
.guide-item {
  position: relative;
  display: block;
  padding: 35px 30px 35px 70px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.guide-item:first-child {
  border-top: none;
}
.guide-item:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  padding: 4px;
  right: 18px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.guide-item__icon {
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-color: #f5f6f9;
  border-radius: 50%;
}
.guide-item__icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  overflow: hidden;
  background-image: url("../images/common/icon_service_guide_list@3x.png");
  background-size: 120px auto;
}

.guide-item__icon--ew:after {
  background-position: left top;
}

.guide-item__icon--idle-compensation:after {
  background-position: -24px top;
}

.guide-item__icon--sell:after {
  background-position: -48px top;
}

.guide-item__icon--market-price:after {
  background-position: -72px top;
}

.guide-item__icon--new-car:after {
  background-position: -96px top;
}

.guide-item__icon--online-shipping:after {
  background-position: left -24px;
}

.guide-item__icon--direct:after {
  background-position: -24px -24px;
}

.guide-item__icon--change:after {
  background-position: -48px -24px;
}

.guide-item__icon--affiliate-discount:after {
  background-position: -72px -24px;
}

.guide-item__icon--kbcare:after {
  background-position: -96px -24px;
}

.guide-item__icon--capital:after {
  background: url("../images/common/guide/ico_kbguarantee.png") no-repeat 0 0;
  width: 40px;
  height: 40px;
  background-size: 40px;
  left: 0;
  top: 0;
  margin: 0;
}

.guide-item__icon--financial-services:after {
  background: url("../images/common/guide/guide_list_financial.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin: -12px 0 0 -12px;
}

.guide-item__icon--diagnosis:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: url("../images/guide/diagnosis_guide_icon@3x.png") no-repeat 0 0;
  background-size: 40px;
}

.guide-item__icon--mydata:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: url("../images/common/icon_service_guide_mydata@2x.png") no-repeat 0 0;
  background-size: 40px;
}

.guide-item__icon--homdedelivery:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: url("../images/common/icon_service_guide_homedelivery.png") no-repeat 0 0;
  background-size: 40px;
}

.guide-item__text {
  width: 100%;
}

.guide-item__text-head {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.guide-item__text-description {
  font-size: 12px;
}
.guide-item__text-description span {
  font-size: inherit;
}

.guide-item__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 2;
}

.guide-content {
  padding-bottom: 30px;
}
.guide-content.has-fixed-button {
  padding-bottom: 80px;
}

ul.list-decimal, ul.list-dot, ul.list-dash,
ol.list-decimal,
ol.list-dot,
ol.list-dash {
  color: inherit;
  font: inherit;
  line-height: inherit;
  list-style: none;
}
ul.list-decimal li, ul.list-dot li, ul.list-dash li,
ol.list-decimal li,
ol.list-dot li,
ol.list-dash li {
  position: relative;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  list-style: none;
}
ul.list-decimal,
ol.list-decimal {
  padding-left: 1.5em;
}
ul.list-decimal li,
ol.list-decimal li {
  list-style: decimal;
}
ul.list-dot li,
ol.list-dot li {
  padding-left: 1em;
}
ul.list-dot li:before,
ol.list-dot li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}
ul.list-dash li,
ol.list-dash li {
  padding-left: 1em;
}
ul.list-dash li:before,
ol.list-dash li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}

.guide-content-precaution {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}
.guide-content-precaution ul li {
  margin-top: 8px;
  padding-bottom: 4px;
}
.guide-content-precaution ul li:first-child {
  margin-top: 0;
}
.guide-content-precaution ul li:last-child {
  padding-bottom: 0;
}
.guide-content-precaution ul li > ul {
  margin-top: 5px;
}
.guide-content-precaution ul li > ul > li {
  margin-top: 3px;
  padding-bottom: 2px;
}
.guide-content-precaution ul li > ul > li:first-child {
  margin-top: 0;
}
.guide-content-precaution ul li > ul > li:last-child {
  padding-bottom: 0;
}

.guide-table {
  width: 99%;
  max-width: 99%;
  border-collapse: collapse;
  line-height: 1;
}
.guide-table th,
.guide-table td {
  height: 50px;
  margin: 0;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  text-align: center;
}
.guide-table th:first-child,
.guide-table td:first-child {
  border-left: 0;
}
.guide-table th:last-child,
.guide-table td:last-child {
  border-right: 0;
}
.guide-table th {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
  border-width: 1px 0;
  white-space: nowrap;
}
.guide-table th.has-border {
  border-left: 1px solid #ddd;
}
.guide-table .additional-head th {
  border-width: 0;
}
.guide-table td {
  height: 50px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}
.guide-table td span {
  font-size: inherit;
}
.guide-table .cell-auto-height {
  height: auto;
  border-bottom: 0;
}
.guide-table .cell-emphasize {
  color: #2666c6;
}
.guide-table .cell-number {
  text-align: right;
}

.guide-table-help {
  position: relative;
  margin-top: 20px;
  color: #999;
}
.guide-table-help ul.list-dot li {
  padding-bottom: 5px;
  color: inherit;
  font-size: 12px;
}

.guide-ews-head {
  position: relative;
  margin: 40px 0 20px 0;
  padding: 8px 10px 6px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f1f1f1;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
}
.guide-ews-head:first-of-type {
  margin-top: 0;
}
.guide-ews-head strong {
  font-weight: 500;
}

.guide-ews-block {
  border-top: 1px solid #ddd;
  padding: 20px 5px;
}
.guide-ews-block:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.guide-ews-block__head {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.guide-ews-block__content {
  font-size: 14px;
  font-weight: 300;
}

.guide-button-content {
  width: 100%;
  display: block;
  height: 40px;
  padding: 13px;
  background-color: #2666c6;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  border: 1px solid #2666c6;
  border-radius: 4px;
  overflow: visible;
}

.guide-button-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  font-weight: 500;
  display: block;
  height: 50px;
  padding: 17px;
  background-color: #364f7f;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  border: 1px solid #364f7f;
  border-radius: 0;
  overflow: visible;
  z-index: 10;
}

.guide-button-more {
  width: 100%;
  display: block;
  height: 50px;
  padding: 17px;
  background-color: transparent;
  color: #2666c6;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  border: 1px solid #2666c6;
  border-radius: 4px;
  overflow: visible;
}

.guide-content-section {
  padding: 5px 0;
  background-color: #f1f1f1;
}
.guide-content-section:first-of-type {
  padding-top: 0;
}

.guide-content-box {
  padding: 27px 15px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.guide-content-section:first-of-type .guide-content-box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.guide-content-box__head {
  display: block;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
}
.guide-content-box__head span {
  font: inherit;
}

.guide-content-box__content--usedcar {
  padding: 0 15px;
  line-height: 1.5;
}
.guide-content-box__content--usedcar span {
  color: #336fc9;
}

.guide-content-box__content-block {
  margin: 30px 0 0 0;
  padding: 0;
  color: #222;
  font: inherit;
  line-height: inherit;
}

.guide-content-hero {
  position: relative;
  overflow: hidden;
  padding-top: 27px;
}

.guide-content-hero__head {
  float: left;
  position: relative;
  display: inline-block;
  margin-bottom: -100%;
  z-index: 2;
}
.guide-content-hero__head .text-block {
  display: inline-block;
  padding-right: 130px;
}
.guide-content-hero__head .text-block:first-child {
  position: absolute;
  left: 0;
  top: -27px;
  padding-right: 0;
}
.guide-content-hero__head .text-block span {
  font-size: inherit;
}
.guide-content-hero__head sup {
  position: relative;
  top: -2px;
  vertical-align: top;
}

.guide-content-hero__text {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.25;
}

.guide-content-hero__text-small {
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
}

.guide-content-hero__text-smaller {
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
}

.guide-content-hero__text-emphasize-color {
  color: #2666c6;
}

.guide-content-hero__text-emphasize {
  color: #2666c6;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.22;
}
.guide-content-hero__text-emphasize > span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.guide-content-hero__icon {
  float: right;
  position: relative;
  right: 10px;
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #f5f6f9;
}
.guide-content-hero__icon:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 120px auto;
}
.guide-content-hero__icon--ews:after {
  background-image: url("../images/common/guide/icon_detail_ews@2x.png?v=20200407");
}
.guide-content-hero__icon--idle:after {
  background-image: url("../images/common/guide/icon_detail_idle_compensation@2x.png");
  border-radius: 50%;
}
.guide-content-hero__icon--sell:after {
  background-image: url("../images/common/guide/icon_detail_sell@2x.png");
  border-radius: 50%;
}
.guide-content-hero__icon--price:after {
  background-image: url("../images/common/guide/icon_detail_market_price@2x.png");
}
.guide-content-hero__icon--new:after {
  background-image: url("../images/common/guide/icon_detail_newcar@2x.png");
}
.guide-content-hero__icon--send:after {
  width: 233px;
  background-image: url("../images/common/guide/icon_detail_send@2x.png");
}
.guide-content-hero__icon--direct:after {
  background-image: url("../images/common/guide/icon_detail_direct@2x.png");
}
.guide-content-hero__icon--change:after {
  background-image: url("../images/common/guide/icon_detail_change@2x.png");
}
.guide-content-hero__icon--discount:after {
  background-image: url("../images/common/guide/icon_detail_discount@2x.png?v=20200407");
}

.guide-content-button-block {
  clear: both;
  padding-top: 25px;
}
.guide-content-button-block .guide-button-content {
  margin-top: 5px;
}
.guide-content-button-block .guide-button-content:first-child {
  margin-top: 0;
}

.guide-content-process__item {
  position: relative;
  min-height: 75px;
  margin: 10px 0 0 0;
  padding: 15px 72px 15px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0;
  white-space: nowrap;
}
.guide-content-process__item:first-child {
  margin-top: 0;
}
.guide-content-process__item:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 46px;
  margin-right: -1px;
  vertical-align: middle;
}

.guide-content-process__item--left {
  padding-left: 72px;
  padding-right: 15px;
}

.guide-content-process__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  border-radius: 50%;
  background: #f5f6f9;
}
.guide-content-process__item--left .guide-content-process__icon {
  right: auto;
  left: 15px;
}

.guide-content-process__text {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  white-space: normal;
}

.guide-content-process__text-head {
  display: block;
  margin-bottom: 5px;
  color: #2666c6;
  font-size: 14px;
  font-weight: bold;
}
.guide-content-process__text-head small {
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}

.guide-content-process__text-description {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.35;
}
.guide-content-process__text-description > span {
  font-size: inherit;
  line-height: inherit;
}

.process-icon--ews-buy,
.process-icon--ews-payment,
.process-icon--ews-complete {
  background-image: url("../images/common/guide/icon_detail_ews@2x.png?v=20200407");
  background-size: 120px auto;
}

.process-icon--ews-buy {
  background-position: left -165px;
}

.process-icon--ews-payment {
  background-position: -45px -165px;
}

.process-icon--ews-complete {
  background-position: left -210px;
}

.process-icon--idle-monitor,
.process-icon--idle-reservation,
.process-icon--idle-tel,
.process-icon--idle-confirm {
  background-image: url("../images/common/guide/icon_detail_idle_compensation@2x.png");
  background-size: 120px auto;
}

.process-icon--idle-monitor {
  background-position: left -120px;
}

.process-icon--idle-reservation {
  background-position: -45px -120px;
}

.process-icon--idle-tel {
  background-position: left -165px;
}

.process-icon--idle-confirm {
  background-position: -45px -165px;
}

.process-icon--sell-application,
.process-icon--sell-approval,
.process-icon--sell-competition,
.process-icon--sell-confirm {
  background-image: url("../images/common/guide/icon_detail_sell@2x.png");
  background-size: 120px auto;
}

.process-icon--sell-application {
  background-position: left -120px;
}

.process-icon--sell-approval {
  background-position: -45px -120px;
}

.process-icon--sell-competition {
  background-position: left -165px;
}

.process-icon--sell-confirm {
  background-position: -45px -165px;
}

.process-icon--price-smart,
.process-icon--price-meticulous,
.process-icon--price-offer {
  background-image: url("../images/common/guide/icon_detail_market_price@2x.png");
  background-size: 120px auto;
}

.process-icon--price-smart {
  background-position: left -120px;
}

.process-icon--price-meticulous {
  background-position: -45px -120px;
}

.process-icon--price-offer {
  background-position: left -165px;
}

.process-icon--send-application,
.process-icon--send-consultation,
.process-icon--send-info-confirm,
.process-icon--send-delivery {
  background-image: url("../images/common/guide/icon_detail_send@2x.png");
  background-size: 120px auto;
}

.process-icon--send-application {
  background-position: left -120px;
}

.process-icon--send-consultation {
  background-position: -45px -120px;
}

.process-icon--send-info-confirm {
  background-position: left -165px;
}

.process-icon--send-delivery {
  background-position: -45px -165px;
}

.process-icon--direct-price,
.process-icon--direct-finance,
.process-icon--direct-free {
  background-image: url("../images/common/guide/icon_detail_direct@2x.png");
  background-size: 120px auto;
}

.process-icon--direct-price {
  background-position: left -120px;
}

.process-icon--direct-finance {
  background-position: -45px -120px;
}

.process-icon--direct-free {
  background-position: left -165px;
}

.process-icon--direct-regist,
.process-icon--direct-inquiry,
.process-icon--direct-complete {
  background-image: url("../images/common/guide/icon_detail_direct@2x.png");
  background-size: 120px auto;
}

.process-icon--direct-regist {
  background-position: -45px -165px;
}

.process-icon--direct-inquiry {
  background-position: left -210px;
}

.process-icon--direct-complete {
  background-position: -45px -210px;
}

.process-icon--change-regist,
.process-icon--change-estimate,
.process-icon--change-deal {
  background-image: url("../images/common/guide/icon_detail_change@2x.png");
  background-size: 120px auto;
}

.process-icon--change-regist {
  background-position: left -120px;
}

.process-icon--change-estimate {
  background-position: -45px -120px;
}

.process-icon--change-deal {
  background-position: left -165px;
}

.process-icon--discount-select,
.process-icon--discount-request,
.process-icon--discount-payment,
.process-icon--discount-benefit {
  background-image: url("../images/common/guide/icon_detail_discount@2x.png?v=20200407");
  background-size: 120px auto;
}

.process-icon--discount-select {
  background-position: left -120px;
}

.process-icon--discount-request {
  background-position: -45px -120px;
}

.process-icon--discount-payment {
  background-position: left -165px;
}

.process-icon--discount-benefit {
  background-position: -45px -165px;
}

.guide-content-faq {
  position: relative;
  margin: 0 -15px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ddd;
  overflow: hidden;
}

.guide-content-faq__item {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #ddd;
}
.guide-content-faq__item.is-clicked .guide-content-faq__question:after {
  margin-top: -2px;
  border-color: #11a8e5;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.guide-content-faq__item.is-clicked .guide-content-faq__answer {
  display: block;
}

.guide-content-faq__question,
.guide-content-faq__answer {
  position: relative;
  display: block;
  padding: 15px 15px 15px 40px;
  font-size: 13px;
}

.guide-content-faq__question {
  font-weight: 500;
  padding-right: 43px;
}
.guide-content-faq__question:after {
  content: "";
  position: absolute;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #222;
  display: inline-block;
  padding: 3px;
  right: 25px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.guide-content-faq__answer {
  display: none;
  padding-top: 10px;
  padding-right: 25px;
}

.guide-content-faq__icon-question,
.guide-content-faq__icon-answer {
  position: relative;
  float: left;
  left: -25px;
  margin-right: -16px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-family: Arial;
  font-size: 10px;
  text-align: center;
  line-height: 1.6;
}

.guide-content-faq__icon-question {
  background: #f9cc1d;
}

.guide-content-faq__icon-answer {
  background: #2666c6;
}

.guide-content-box--advantage {
  margin-left: 15px;
  margin-right: 15px;
}
.guide-content-box--advantage .guide-content-box__head {
  font-size: 16px;
  font-weight: 300;
}

.advantage-content {
  overflow: hidden;
}

.advantage-content__item {
  position: relative;
  margin: 9px 0 0 0;
  padding: 0 0 9px 36px;
}

.advantage-content__text {
  display: block;
  font-size: 13px;
  font-weight: 700;
}
.advantage-content__text span {
  font: inherit;
}

.advantage-content__icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/common/guide/icon_detail_ews@2x.png?v=20200407");
  background-size: 120px auto;
}
.advantage-content__icon--period {
  background-position: left -122px;
}
.advantage-content__icon--down {
  background-position: -40px -122px;
}
.advantage-content__icon--wide {
  background-position: -80px -122px;
}

.advantage-content__link {
  display: inline-block;
  color: #666;
  font-size: 12px;
  border-bottom: 1px solid #666;
  text-decoration: none;
  white-space: nowrap;
}

.necessary-reason {
  overflow: visible;
}
.necessary-reason .necessary-reason__item {
  position: relative;
  min-height: 190px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.necessary-reason .necessary-reason__item:first-child {
  padding-right: 105px;
}
.necessary-reason .necessary-reason__item:last-child {
  margin-top: 10px;
  padding-left: 110px;
}
.necessary-reason .necessary-reason__head {
  padding-top: 5px;
  color: #2666c6;
  font-size: 14px;
  font-weight: 700;
}
.necessary-reason .necessary-reason__content {
  position: relative;
  margin: 20px 0 0 0;
  padding: 0 0 0 15px;
  font-size: 12px;
  line-height: 1.5;
  text-shadow: 1px 1px 2px #fff;
  z-index: 2;
}
.necessary-reason .necessary-reason__content:before, .necessary-reason .necessary-reason__content:after {
  position: absolute;
  display: block;
  font-size: 20px;
  line-height: 1;
}
.necessary-reason .necessary-reason__content:before {
  content: "“";
  left: 0;
  top: 2px;
}
.necessary-reason .necessary-reason__content span,
.necessary-reason .necessary-reason__content strong {
  font: inherit;
}
.necessary-reason .necessary-reason__content strong {
  position: relative;
  display: block;
  margin-top: 5px;
  padding-right: 40px;
  font-weight: 700;
}
.necessary-reason .necessary-reason__content strong:after {
  content: "”";
  position: relative;
  top: -5px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  margin-left: 8px;
  font-weight: 400;
}
.necessary-reason .necessary-reason__content .name {
  color: #666;
  display: block;
  margin-top: 10px;
  text-indent: 5px;
}
.necessary-reason .necessary-reason__bg {
  position: absolute;
  bottom: -15px;
  display: block;
  width: 160px;
  height: 190px;
  background: url("../images/common/guide/guide_ews_necessary@3x.png") no-repeat;
  background-size: 157px auto;
  z-index: 1;
}
.necessary-reason .necessary-reason__bg--good {
  right: 9px;
  bottom: -15px;
  background-position: left top;
}
.necessary-reason .necessary-reason__bg--bad {
  left: -4px;
  bottom: -3px;
  background-position: left -189px;
}

.target-vehicle {
  padding: 0 10px;
  font-size: 13px;
}

.target-vehicle__item {
  position: relative;
  margin-top: 10px;
  padding-left: 1em;
}
.target-vehicle__item:before {
  position: absolute;
  left: 0;
  top: 0;
}
.target-vehicle__item:first-of-type:before {
  content: "1.";
  margin-top: 0;
}
.target-vehicle__item:nth-of-type(2):before {
  content: "2.";
}
.target-vehicle__item .emp {
  color: #2666c6;
  font-weight: normal;
}
.target-vehicle__item .target-vehicle__text-head,
.target-vehicle__item .target-vehicle__text-description,
.target-vehicle__item ul.list-dash {
  font-size: 13px;
  line-height: 1.5;
}
.target-vehicle__item .target-vehicle__text-head span,
.target-vehicle__item .target-vehicle__text-description span,
.target-vehicle__item ul.list-dash span {
  font: inherit;
}
.target-vehicle__item .list-dash {
  margin-top: 3px;
}

.guide-warranty-period {
  position: relative;
  padding: 28px 10px 40px 10px;
}

.guide-warranty-period__bar {
  position: relative;
  height: 12px;
  background: #a2c3f4;
  border-radius: 6px;
  font-size: 10px;
}

.guide-warranty-period__ews-bar {
  position: relative;
  width: 32%;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #2666c6;
}

.guide-warranty-period__ews-start {
  position: absolute;
  left: 100%;
  top: -30px;
  display: block;
  width: 95px;
  height: 36px;
  padding: 0 0 0 10px;
  color: #fd665c;
  font-size: 11px;
}

.guide-warranty-period__ews-start-line {
  position: absolute;
  left: -1px;
  top: 0;
  width: 0;
  height: 36px;
  border-left: 1px dashed #222;
}

.guide-warranty-period__ews-arrow {
  position: absolute;
  left: 0;
  top: 19px;
  width: 100%;
  height: 2px;
  background: #fd665c;
}
.guide-warranty-period__ews-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -4px;
  border-left: 7px solid #fd665c;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.guide-warranty-point {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 20px;
  white-space: nowrap;
}

.guide-warranty-spot {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.guide-warranty-text {
  display: block;
  font-size: 11px;
  line-height: 1.3;
}

.guide-warranty-point--ews-start {
  left: 100%;
  margin-left: -6px;
}

.guide-warranty-point--ews-end {
  right: 0;
  font-weight: 700;
  text-align: right;
}
.guide-warranty-point--ews-end .guide-warranty-spot {
  left: auto;
  right: 2px;
}

.coverage-compensation__item {
  position: relative;
  margin: 5px 0 0 15px;
  padding: 0 0 5px 15px;
}
.coverage-compensation__item .coverage-compensation__text:before {
  position: absolute;
  left: 0;
  top: 0;
}
.coverage-compensation__item:first-of-type .coverage-compensation__text:before {
  content: "1.";
}
.coverage-compensation__item:nth-of-type(2) .coverage-compensation__text:before {
  content: "2.";
}

.guide-content-new-car {
  padding-bottom: 0;
}
.guide-content-new-car .guide-content-box__head {
  font-size: 16px;
  line-height: 1.67;
}
.guide-content-new-car img {
  max-width: 100%;
}

.guide-content-partnership__list {
  position: relative;
  margin: 15px 0;
  text-align: center;
  font-size: 0;
}
.guide-content-partnership__list li {
  display: inline-block;
  padding: 5px;
}

.guide-content-partnership__list-item {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 10px 0 0 0;
  vertical-align: middle;
  border-radius: 50%;
  background: #f5f6f9;
  text-align: center;
  font-size: 10px;
  font-weight: 100;
  line-height: 1;
}
.guide-content-partnership__list-item:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto 5px auto;
  background-image: url("../images/common/guide/icon_detail_discount@2x.png?v=20200407");
  background-size: 120px auto;
}
.guide-content-partnership__list-item.item-cruise:before {
  background-position: left -210px;
}
.guide-content-partnership__list-item.item-abroad:before {
  background-position: -25px -210px;
}
.guide-content-partnership__list-item.item-golf:before {
  background-position: -50px -210px;
}
.guide-content-partnership__list-item.item-trip:before {
  background-position: -75px -210px;
}

.guide-content-partnershipx__additional-text {
  color: #666;
  font-size: 13px;
}

.guideCapital {
  background: #eaeaea;
}
.guideCapital__visual {
  border-radius: 0 0 13px 13px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 10px;
  padding: 0 0 35px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.guideCapital__visual img {
  width: 100%;
}
.guideCapital__visual .btn-s {
  position: relative;
  margin: -15px 15px 0;
  text-decoration: none;
  z-index: 2;
}
.guideCapital__list {
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
  padding: 30px 15px;
}
.guideCapital__list__text {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 700;
}
.guideCapital__list__certifiedUsedCar > li {
  margin-bottom: 10px;
}
.guideCapital__list__certifiedUsedCar > li a {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 73px;
  padding: 18px 0 0 75px;
  text-decoration: none;
  color: #222;
}
.guideCapital__list__certifiedUsedCar > li a span {
  font-size: 12px;
  font-weight: 600;
}
.guideCapital__list__certifiedUsedCar > li a span strong {
  color: #336fc9;
}
.guideCapital__list__certifiedUsedCar > li a:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -18px 0 0;
  background: url("../images/common/guide/icon_guide_capital.png") no-repeat;
  background-size: 176px 88px;
}
.guideCapital__list__certifiedUsedCar > li a:before {
  content: "";
  position: absolute;
  left: 15px;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  background: #f5f6f9;
}
.guideCapital__list__certifiedUsedCar > li.item1 a:after {
  background-position: 0 0;
}
.guideCapital__list__certifiedUsedCar > li.item2 a:after {
  background-position: -44px 0;
}
.guideCapital__list__certifiedUsedCar > li.item3 a:after {
  background-position: -88px 0;
}
.guideCapital__procedureUse {
  margin-bottom: 10px;
  padding: 30px 15px 20px;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.guideCapital__procedureUse ul li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 15px;
}
.guideCapital__procedureUse ul li dl dt, .guideCapital__procedureUse ul li dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .guideCapital__procedureUse ul li dl dd {
  color: #336fc9;
  font-weight: 700;
  padding: 0 0 8px;
}
.guideCapital__procedureUse ul li dl dd {
  position: relative;
  font-size: 12px;
  padding: 0 0 4px 8px;
}
.guideCapital__procedureUse ul li dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #222;
}
.guideCapital__procedureUse ul li:after, .guideCapital__procedureUse ul li:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  background: #f5f6f9;
  margin-top: -22px;
}
.guideCapital__procedureUse ul li:before {
  background: url("../images/common/guide/icon_guide_capital.png") no-repeat;
  background-size: 176px 88px;
  z-index: 2;
}
.guideCapital__procedureUse ul li.item1:before {
  background-position: 0 -44px;
}
.guideCapital__procedureUse ul li.item2:before {
  background-position: -44px -44px;
}
.guideCapital__procedureUse ul li.item3:before {
  background-position: -88px -44px;
}
.guideCapital__procedureUse ul li.item4:before {
  background-position: -132px -44px;
}
.guideCapital__cautions {
  padding: 30px 15px 20px;
  background: #fff;
  border-radius: 13px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.guideCapital__cautions .tit {
  position: relative;
  padding: 0 0 0 22px;
}
.guideCapital__cautions .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/common/guide/icon_guide_capital.png") no-repeat -132px 0;
  background-size: 176px 88px;
}
.guideCapital__cautions ol {
  padding: 11px 0 0 22px;
}
.guideCapital__cautions ol * {
  font-size: 12px;
  color: #666;
}
.guideCapital__cautions ol li {
  margin-bottom: 15px;
}
.guideCapital__cautions ol ul {
  padding: 10px 0 0 15px;
}
.guideCapital__cautions ol ul li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
}
.guideCapital__cautions ol ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 1px;
  background: #666;
}

.guidePoplist__list {
  padding: 0;
}
.guidePoplist__list li {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
.guidePoplist__list li strong {
  font-size: 15px;
}
.guidePoplist__list li p, .guidePoplist__list li ul.guide-bul > li {
  font-size: 12px;
  padding: 15px 0 0 15px;
}
.guidePoplist__list li:first-child {
  border-top: 0;
  padding-top: 0;
}
.guidePoplist__list .tipText {
  padding: 0 0 0 15px;
}
.guidePoplist__list .tipText li {
  font-size: 12px;
  color: #666666;
  border: 0;
  margin: 10px 0 0 12px;
  padding: 0;
  text-indent: -12px;
}
.guidePoplist__list--bornone li {
  border: 0;
}
.guidePoplist__list--bornone li .cmm-table th {
  font-weight: 700;
  padding: 13px 10px;
  font-size: 12px;
}
.guidePoplist__list--bornone li .cmm-table th img {
  width: 12px;
  padding: 0;
}
.guidePoplist__list--bornone li .cmm-table td {
  font-weight: 400;
  padding: 13px 10px;
  font-size: 12px;
}

/* 2020.07.06 추가 */
.ct-guideCapital .guideCapital-visual .swiper-slide img {
  width: 100%;
}
.ct-guideCapital .swiper-pagination {
  padding: 0 30px 0 10px;
  width: auto;
  height: 30px;
  line-height: 30px;
  background: #212529;
  opacity: 0.8;
  border-radius: 90px;
  left: 17px;
  bottom: 60px;
  right: auto;
  top: auto;
  text-align: center;
  color: #fff;
}
.ct-guideCapital .swiper-pagination span {
  display: inline-block;
  color: #fff;
  font-size: 13px;
}
.ct-guideCapital .swiper-button-next {
  width: 12px;
  height: 14px;
  background: url("../images/common/btn_next_gt.png") no-repeat;
  background-size: 12px 14px;
  top: auto;
  right: auto;
  left: 67px;
  bottom: 68px;
  margin-top: 0;
}
.ct-guideCapital .btn-guidecapital {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ct-guideCapital .btn-guidecapital:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #333;
  opacity: 0.8;
  z-index: 10;
}
.ct-guideCapital .btn-guidecapital a {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  z-index: 11;
}
.ct-guideCapital .btn-guidecapital a:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: #fff;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.ct-guideCapital .btn-guidecapital a:first-child:before {
  display: none;
}
.ct-guideCapital .ct-guidecapital-list {
  padding: 30px 15px 0;
  margin-bottom: -10px;
}
.ct-guideCapital .ct-guidecapital-list .tit-guidecapital {
  text-align: center;
  letter-spacing: -1px;
}
.ct-guideCapital .ct-guidecapital-list .tit-guidecapital span {
  font-size: 16px;
}
.ct-guideCapital .ct-guidecapital-list .tit-guidecapital strong {
  font-size: 21px;
  color: #ff7d00;
  display: block;
  margin-top: 5px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dt, .ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -1px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd span {
  display: block;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd a {
  position: relative;
  text-decoration: none;
  margin-top: 15px;
  padding-right: 10px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd a span {
  display: inline-block;
  font-size: 12px;
  color: #999;
  padding-bottom: 3px;
  margin-top: 0;
  border-bottom: 1px solid #999;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li dl dd a:after {
  content: "";
  display: block;
  background: url("../images/common/guide/view-more.png") no-repeat;
  background-size: 5px 12px;
  width: 5px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li div {
  width: 150px;
}
.ct-guideCapital .ct-guidecapital-list .exp-guidecapital ul li div .ytp-chrome-top.ytp-show-cards-title {
  display: none !important;
}
.ct-guideCapital .ct-buy-guide {
  text-align: center;
  background: #212529;
  color: #fff;
  padding: 15px 0;
}
.ct-guideCapital .ct-buy-review dl {
  margin: 40px 15px 10px;
}
.ct-guideCapital .ct-buy-review dl dt, .ct-guideCapital .ct-buy-review dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .ct-guideCapital .ct-buy-review dl dd {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.ct-guideCapital .ct-buy-review dl dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -1px;
}
.ct-guideCapital .ct-buy-review div {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.ct-guideCapital .ct-buy-review div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pop_guidelist {
  padding: 0 15px;
  margin-bottom: 40px;
}
.pop_guidelist [class*=tit_pop_guidelist] {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  padding: 50px 0 15px;
  margin-bottom: 23px;
  border-bottom: 1px solid #000;
  text-align: center;
}
.pop_guidelist [class*=tit_pop_guidelist]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 42px;
  height: 42px;
  margin: 0 0 0 -31px;
  background: url("../images/common/guide/icon_guide_capital_popup.png") no-repeat;
  background-size: 168px 42px;
}
.pop_guidelist [class*=tit_pop_guidelist].tit_pop_guidelist01:after {
  background-position: 0 0;
}
.pop_guidelist [class*=tit_pop_guidelist].tit_pop_guidelist02:after {
  background-position: -42px 0;
}
.pop_guidelist [class*=tit_pop_guidelist].tit_pop_guidelist03:after {
  background-position: -84px 0;
}
.pop_guidelist [class*=tit_pop_guidelist].tit_pop_guidelist04:after {
  background-position: -126px 0;
}
.pop_guidelist dl dt, .pop_guidelist dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .pop_guidelist dl dd {
  font-size: 13px;
  font-weight: 700;
  color: #585c66;
  margin-bottom: 15px;
}
.pop_guidelist dl dd {
  font-size: 12px;
  color: #585c66;
  margin-bottom: 25px;
}
.pop_guidelist dl dd .refer {
  position: relative;
  font-size: 11px;
  color: #ccc;
  padding-left: 15px;
  margin-top: 13px;
}
.pop_guidelist dl dd .refer:before {
  content: "※";
  display: block;
  font-size: 11px;
  color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
.pop_guidelist dl dd .table-border-none {
  position: relative;
}
.pop_guidelist dl dd .table-border-none:before, .pop_guidelist dl dd .table-border-none:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
}
.pop_guidelist dl dd .table-border-none:before {
  left: 0;
}
.pop_guidelist dl dd .table-border-none:after {
  right: 0;
}
.pop_guidelist dl dd table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.pop_guidelist dl dd table th {
  border: 1px solid #e3e3e3;
  background: #f1f1f1;
  color: #585c66;
  font-size: 12px;
  text-align: left;
  padding: 10px;
}
.pop_guidelist dl dd table th span {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.pop_guidelist dl dd table th span:after {
  content: "";
  background: url("../images/common/guide/icon_check.png") no-repeat;
  background-size: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 5px;
  right: 0;
}
.pop_guidelist dl dd table td {
  border: 1px solid #e3e3e3;
  color: #585c66;
  font-size: 12px;
  text-align: left;
  padding: 10px;
}
.pop_guidelist.pop_guidelist-pd0 {
  padding: 0;
}
.pop_guidelist.pop_guidelist-pd0 [class*=tit_pop_guidelist] {
  padding: 50px 0 15px;
  margin: 0 15px 23px;
}
.pop_guidelist.pop_guidelist-pd0 dl dt, .pop_guidelist.pop_guidelist-pd0 dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .pop_guidelist.pop_guidelist-pd0 dl dd {
  padding: 0 15px;
}
.pop_guidelist.pop_guidelist-pd0 dl dd {
  margin-bottom: 0;
}
.pop_guidelist.pop_guidelist-pd0 dl dd img {
  width: 100%;
}

.pop_guidelist_certification {
  padding: 0 15px;
  margin-bottom: 40px;
}
.pop_guidelist_certification [class*=tit_pop_guidelist] {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  padding: 50px 0 15px;
  margin-bottom: 23px;
  border-bottom: 1px solid #000;
  text-align: center;
}
.pop_guidelist_certification [class*=tit_pop_guidelist]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 42px;
  height: 42px;
  margin: 0 0 0 -31px;
  background: url("../images/common/guide/certification/icon_guide_certification@3x.png") no-repeat;
  background-size: 259px 42px;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist01:after {
  background-position: 0 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist02:after {
  background-position: -42px 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist03:after {
  background-position: -84px 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist04:after {
  background-position: -126px 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist05:after {
  background-position: -168px 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist06:after {
  width: 49px;
  background-position: -210px 0;
}
.pop_guidelist_certification [class*=tit_pop_guidelist].tit_pop_guidelist06.has-vertical-badge:after {
  content: normal;
  backgorund: none;
}
.pop_guidelist_certification p.pop_guide_desc, .pop_guidelist_certification ul.guide-bul > li.pop_guide_desc {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #585c66;
}
.pop_guidelist_certification .pop_guide_notice {
  color: #1781ff;
}
.pop_guidelist_certification dl dt, .pop_guidelist_certification dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .pop_guidelist_certification dl dd {
  font-size: 14px;
  color: #585c66;
  margin-bottom: 15px;
}
.pop_guidelist_certification dl dd {
  font-size: 12px;
  color: #585c66;
  margin-bottom: 25px;
}
.pop_guidelist_certification dl dd .refer {
  position: relative;
  font-size: 11px;
  color: #ccc;
  padding-left: 15px;
  margin-top: 13px;
}
.pop_guidelist_certification dl dd .refer:before {
  content: "※";
  display: block;
  font-size: 11px;
  color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
.pop_guidelist_certification dl dd .table-border-none {
  position: relative;
}
.pop_guidelist_certification dl dd .table-border-none:before, .pop_guidelist_certification dl dd .table-border-none:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
}
.pop_guidelist_certification dl dd .table-border-none:before {
  left: 0;
}
.pop_guidelist_certification dl dd .table-border-none:after {
  right: 0;
}
.pop_guidelist_certification dl dd table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.pop_guidelist_certification dl dd table th {
  border: 1px solid #e3e3e3;
  background: #f1f1f1;
  color: #585c66;
  font-size: 12px;
  text-align: left;
  padding: 10px;
}
.pop_guidelist_certification dl dd table th span {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.pop_guidelist_certification dl dd table th span:after {
  content: "";
  background: url("../images/common/guide/icon_check.png") no-repeat;
  background-size: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 5px;
  right: 0;
}
.pop_guidelist_certification dl dd table td {
  border: 1px solid #e3e3e3;
  color: #585c66;
  font-size: 12px;
  text-align: left;
  padding: 10px;
}
.pop_guidelist_certification.pop_guidelist-pd0 {
  padding: 0;
}
.pop_guidelist_certification.pop_guidelist-pd0 [class*=tit_pop_guidelist] {
  padding: 50px 0 15px;
  margin: 0 15px 23px;
}
.pop_guidelist_certification.pop_guidelist-pd0 dl dt, .pop_guidelist_certification.pop_guidelist-pd0 dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .pop_guidelist_certification.pop_guidelist-pd0 dl dd {
  padding: 0 15px;
}
.pop_guidelist_certification.pop_guidelist-pd0 dl dd {
  margin-bottom: 0;
}
.pop_guidelist_certification.pop_guidelist-pd0 dl dd img {
  width: 100%;
}

.bg-financial {
  background: #fff3da;
}

.guide-content-visual {
  background: #fff3da;
  padding: 30px 15px 45px;
  margin-bottom: -15px;
}
.guide-content-visual .guide-content-hero {
  padding-top: 0;
}
.guide-content-visual .guide-content-hero .text-block:first-child {
  position: static;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head {
  margin-bottom: 0;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head .guide-content-hero__text {
  font-size: 30px;
  padding-right: 0;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head .guide-content-hero__text .line-block {
  line-height: 1.3;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head .guide-content-hero__text-small {
  font-size: 18px;
  margin-top: 50px;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head .guide-content-hero__text-small span {
  color: #4b4b4b;
}
.guide-content-visual .guide-content-hero .guide-content-hero__head .guide-content-hero__text-small span:first-of-type {
  font-weight: 600;
}
.guide-content-visual .guide-content-hero .guide-content-hero__icon {
  position: absolute;
  right: 0;
  bottom: 75px;
  width: 126px;
  height: 78px;
  border-radius: 0;
  background: transparent;
}
.guide-content-visual .guide-content-hero .guide-content-hero__icon:after {
  width: 126px;
  height: 78px;
  overflow: hidden;
  background: url("../images/common/guide/icon_detail_financial.png") no-repeat 0 0;
  background-size: 126px 78px;
  border-radius: 0;
}
.guide-content-visual .guide-content-hero .guide-content-button-block {
  padding-top: 35px;
}

.guide-content-financial .tab-area {
  background: #fff;
  border-radius: 15px 15px 0 0;
}
.guide-content-financial .tab-content .guide-content .guide-content-box__head {
  font-size: 20px;
  font-weight: 600;
}
.guide-content-financial .tab-content .guide-content .loan-content .loan-content-section {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 40px 15px 30px;
  margin-bottom: 10px;
}
.guide-content-financial .tab-content .guide-content .loan-content .loan-content-section.direct-loan {
  border-radius: 0 0 15px 15px;
}
.guide-content-financial .tab-content .guide-content .lease-content {
  background: #fff;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 40px 15px 30px;
  margin-bottom: 10px;
}

.loan-content .loan-repay-exp .loan-tit h2 {
  margin-top: 10px;
}
.loan-content .loan-repay-exp .loan-tit h2 span {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ffff00));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #ffff00 50%);
}
.loan-content .loan-repay-exp .loan-tit span {
  font-size: 14px;
}
.loan-content .loan-repay-exp .loan-txt {
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.5;
  color: #666;
}
.loan-content .loan-repay-exp .loan-txt strong {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  display: block;
  margin-bottom: 5px;
}
.loan-content .loan-repay-img {
  text-align: center;
  margin-top: 25px;
}
.loan-content .loan-repay-img .repay-txt {
  display: inline-block;
  font-size: 13px;
  border: 1px solid #ddd;
  border-radius: 25px;
  padding: 8px 20px;
  margin-bottom: 15px;
}
.loan-content .loan-repay-img .repay-txt strong {
  color: #2666c6;
  font-weight: 600;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh {
  position: relative;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh img {
  width: 100%;
  height: auto;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh span {
  position: absolute;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  left: 50%;
  margin-left: -24px;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh span.interest {
  background: #fcaf17;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh span.no-interest {
  background: #fff;
  border: 1px solid #9e9e9e;
  color: #000;
  margin-left: -34px;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh span.principal {
  background: #2666c6;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.direct-gragh .interest {
  top: 10%;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.direct-gragh .principal {
  bottom: 20%;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.free-gragh .no-interest {
  top: 12%;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.free-gragh .principal {
  bottom: 21%;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .interest.early {
  bottom: 19%;
  left: 5.5%;
  margin-left: 0;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .interest.latter {
  top: 25px;
  left: 55.18%;
  margin-left: 0;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .principal {
  bottom: 19%;
  left: 55.18%;
  margin-left: 0;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.loan-content .loan-repay-img .repay-img .repay-rate .repay-num li {
  font-size: 13px;
  color: #666;
}
.loan-content .loan-repay-img .repay-img .repay-month-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.loan-content .loan-repay-img .repay-img .repay-month-area > div:first-child {
  width: 25%;
}
.loan-content .loan-repay-img .repay-img .repay-month-area > div:last-child {
  width: 75%;
}
.loan-content .loan-repay-img .repay-img .repay-month {
  margin-top: 15px;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-pay {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-pay strong {
  font-size: 20px;
  font-weight: 600;
  color: #336fc9;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-standard {
  position: relative;
  color: #999;
  padding-left: 10px;
  text-align: left;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-standard:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fd665c;
  position: absolute;
  left: 0;
  top: 7px;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-method {
  font-size: 14px;
}
.loan-content .loan-repay-img .repay-img .repay-month .month-method i {
  color: #2666c6;
  font-weight: 600;
  font-style: normal;
}
.loan-content .loan-repay-info {
  margin-top: 30px;
}
.loan-content .loan-repay-info h3 {
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin-bottom: 15px;
}
.loan-content .loan-repay-info .loan-need-user div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 82px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 15px;
  margin-top: 10px;
  font-size: 14px;
}
.loan-content .loan-repay-info .loan-need-user div i {
  display: block;
  font-size: 12px;
  color: #999;
  font-style: normal;
  margin-top: 5px;
  letter-spacing: -1px;
}
.loan-content .loan-repay-info .loan-need-user div.user01:after {
  background-position: 0 0;
}
.loan-content .loan-repay-info .loan-need-user div.user02:after {
  background-position: -44px 0;
}
.loan-content .loan-repay-info .loan-need-user div.user03:after {
  background-position: -88px 0;
}
.loan-content .loan-repay-info .loan-need-user div.user04:after {
  background-position: -132px 0;
}
.loan-content .loan-repay-info .loan-need-user div.user05 {
  letter-spacing: -1px;
}
.loan-content .loan-repay-info .loan-need-user div.user05:after {
  background-position: -176px 0;
}
.loan-content .loan-repay-info .loan-need-user div:after {
  content: "";
  width: 44px;
  height: 44px;
  background: url("../images/common/guide/bg_loan_user.png") no-repeat;
  background-size: 220px 44px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
}
.loan-content .loan-repay-info .guide-table-noline {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  line-height: 1;
}
.loan-content .loan-repay-info .guide-table-noline th,
.loan-content .loan-repay-info .guide-table-noline td {
  margin: 0;
  font-size: 14px;
  text-align: left;
  padding: 13px 10px;
}
.loan-content .loan-repay-info .guide-table-noline th {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #f1f1f1;
}
.loan-content .loan-repay-info .guide-table-noline td {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #222;
  font-weight: 500;
}

.lease-content .financial-lease01 .lease_txt {
  position: relative;
  padding: 40px 100px 40px 0;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lease-content .financial-lease01 .lease_txt > div {
  font-weight: 600;
  font-size: 18px;
}
.lease-content .financial-lease01 .lease_txt > div span {
  font-size: inherit;
}
.lease-content .financial-lease01 .lease_txt:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  background: #f5f6f9 url("../images/common/guide/icon_detail_lease01.png") no-repeat;
  background-size: 300px 100px;
  border-radius: 100px;
}
.lease-content .financial-lease01 .lease_txt.lease01_01:after {
  background-position: 0 0;
}
.lease-content .financial-lease01 .lease_txt.lease01_02 {
  padding: 35px 100px 20px 0;
}
.lease-content .financial-lease01 .lease_txt.lease01_02:after {
  background-position: -100px 0;
  margin-top: -43px;
}
.lease-content .financial-lease01 .lease_txt.lease01_03:after {
  background-position: -200px 0;
}
.lease-content .financial-lease01 .ico-list li {
  color: #666;
}
.lease-content .financial-lease03 > div:first-of-type {
  margin-top: 0;
}
.lease-content .financial-lease03 .lease_txt {
  position: relative;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
}
.lease-content .financial-lease03 .lease_txt strong {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}
.lease-content .financial-lease03 .lease_txt strong span {
  font-size: inherit;
  font-weight: 400;
}
.lease-content .financial-lease03 .lease_txt .list {
  font-weight: 400;
  color: #666;
  letter-spacing: -0.5px;
}
.lease-content .financial-lease03 .lease_txt .list span {
  display: block;
  font-size: 13px;
}
.lease-content .financial-lease03 .lease_txt:after {
  content: "";
  display: block;
  width: 41px;
  height: 36px;
  background: url("../images/common/guide/icon_detail_lease02.png") no-repeat;
  background-size: 164px 36px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.lease-content .financial-lease03 .lease_txt.lease03_01:after {
  background-position: 0 0;
}
.lease-content .financial-lease03 .lease_txt.lease03_02 .list li {
  padding-left: 60px;
  text-indent: -60px;
}
.lease-content .financial-lease03 .lease_txt.lease03_02:after {
  background-position: -41px 0;
  bottom: 35px;
}
.lease-content .financial-lease03 .lease_txt.lease03_03:after {
  background-position: -82px 0;
}
.lease-content .financial-lease03 .lease_txt.lease03_04 .list li span {
  padding-left: 10px;
}
.lease-content .financial-lease03 .lease_txt.lease03_04:after {
  background-position: -123px 0;
}
.lease-content .financial-lease04 .dot-list li {
  font-size: 14px;
  color: #999;
  margin-top: 20px;
}
.lease-content .financial-lease04 .info-img {
  width: 260px;
  margin: 50px auto;
}
.lease-content .financial-lease04 .info-img img {
  width: 100%;
}
.lease-content .ico-list li {
  font-weight: 400;
  font-size: 14px;
}
.lease-content .chk-list li {
  position: relative;
  padding: 5px 0 5px 25px;
  font-size: 14px;
  font-weight: 600;
}
.lease-content .chk-list li:after {
  content: "";
  display: block;
  width: 18px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 7px;
  background: url("../images/common/guide/icon_check_lease.png") no-repeat 0 0;
  background-size: 18px 15px;
}
.lease-content .dot-list li {
  font-size: 16px;
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.625;
}

.financial-info {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.financial-info.is-clicked {
  padding: 15px 0;
}
.financial-info.is-clicked .financial-info-tit:after {
  margin-top: -2px;
  /*border-color: #11a8e5;*/
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.financial-info.is-clicked .financial-info-cont {
  display: block;
}
.financial-info .financial-info-tit {
  position: relative;
  display: block;
  width: 100%;
  color: #fd665c;
  padding: 15px 25px 15px 37px;
  font-weight: 600;
}
.financial-info .financial-info-tit:before {
  content: "";
  position: absolute;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px;
  left: 20px;
  top: 19px;
  width: 12px;
  height: 12px;
}
.financial-info .financial-info-tit:after {
  content: "";
  position: absolute;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #222;
  display: inline-block;
  padding: 3px;
  right: 25px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.financial-info .financial-info-cont {
  display: none;
  padding: 10px 15px 0;
}
.financial-info .financial-info-cont > div {
  margin-bottom: 25px;
}
.financial-info .financial-info-cont > div h3 {
  position: relative;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 15px;
  color: #999;
}
.financial-info .financial-info-cont > div h3:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  left: 4px;
  top: 50%;
}
.financial-info .financial-info-cont > div ul {
  padding-left: 15px;
}
.financial-info .financial-info-cont > div ul li {
  line-height: 1.5;
  color: #999;
}
.financial-info .financial-info-cont > div ul li ul {
  padding-left: 10px;
}
.financial-info .financial-info-cont > div ul li ul li {
  text-indent: -10px;
}
.financial-info .financial-info-cont > div ul li.font-b {
  font-weight: 600;
  color: #666;
}

/*kb 진단중고차 2020.02.03*/
.guide-item__icon--diag-usedcar:after {
  background: url("../images/common/guide/guide_list_usedcar.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin: -12px 0 0 -12px;
}

.btn-arr-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-arr-view span {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #2666c6;
  font-size: 13px;
  font-weight: 500;
}
.btn-arr-view span .arrow {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  vertical-align: middle;
}
.btn-arr-view span .arrow:after, .btn-arr-view span .arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.btn-arr-view span .arrow:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #2666c6;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-arr-view span .arrow:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}

.process-icon--usedcar-sort,
.process-icon--usedcar-support,
.process-icon--usedcar-duty,
.process-icon--usedcar-open,
.process-icon--usedcar-up {
  background-image: url("../images/common/guide/icon_detail_diag@2x.png");
  background-size: 120px auto;
}

.process-icon--usedcar-sort {
  background-position: left -120px;
}

.process-icon--usedcar-support {
  background-position: -45px -210px;
}

.process-icon--usedcar-duty {
  background-position: left -165px;
}

.process-icon--usedcar-open {
  background-position: -45px -165px;
}

.process-icon--usedcar-up {
  background-position: left -210px;
}

.dot-usedcar-txt {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #222;
}
.dot-usedcar-txt:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #222;
  position: absolute;
  top: 11px;
  left: 3px;
}

.usedcar-guidpop {
  padding: 20px 15px 30px;
  background: #fff;
}
.usedcar-guidpop .guidpop-tit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.usedcar-guidpop .guidpop-tit span {
  font-size: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff0b3));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff0b3 50%);
}
.usedcar-guidpop .guidpop-subtit {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.usedcar-guidpop .guidpop-subtit span {
  font-size: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff0b3));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff0b3 50%);
}
.usedcar-guidpop .sub-txt {
  color: #666;
  line-height: 1.5;
}
.usedcar-guidpop-section {
  padding-bottom: 40px;
}
.usedcar-guidpop-section .guidpop-tb {
  width: 100%;
  border-top: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.usedcar-guidpop-section .guidpop-tb thead th {
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  background: #f0f0f0;
  padding: 15px 0;
  font-weight: 400;
  border-right: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb thead th:last-child {
  border-right: none;
}
.usedcar-guidpop-section .guidpop-tb tbody th {
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  background: #f0f0f0;
  padding: 15px;
  font-weight: 400;
  border-right: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb tbody td {
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  padding: 15px;
  border-right: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb tbody td p, .usedcar-guidpop-section .guidpop-tb tbody td ul.guide-bul > li {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.usedcar-guidpop-section .guidpop-tb tbody td p.refer, .usedcar-guidpop-section .guidpop-tb tbody td ul.guide-bul > li.refer {
  padding-left: 20px;
  text-indent: -20px;
}
.usedcar-guidpop-section .guidpop-tb tbody td:last-child {
  border-right: none;
}
.usedcar-guidpop-section .guidpop-tb tbody td.t-c {
  text-align: center;
}
.usedcar-guidpop-section .guidpop-tb tbody td.outside-diag img {
  width: 100%;
}
.usedcar-guidpop .except-list li {
  color: #666;
  line-height: 1.25;
  margin-bottom: 10px;
  padding-left: 22px;
  text-indent: -16px;
}
.usedcar-guidpop .except-list li div {
  padding-left: 20px;
}
.usedcar-guidpop .except-list li div span {
  display: block;
  color: #666;
  line-height: 1.5;
}

/* 2021.07.28 수정 */
.ct-guideCapital .guideCapital__visual-top {
  width: 100%;
  height: 200px;
  background: url("../images/common/guide/certification/visual_top.png") no-repeat 0 0;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -15px;
}
.ct-guideCapital .guideCapital__visual-top .visual-top__link {
  position: relative;
  display: inline-block;
  padding-right: 34px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  overflow: visible;
}
.ct-guideCapital .guideCapital__visual-top .visual-top__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: -1px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/guide/certification/icon_link.png") no-repeat 0 0;
  background-size: 24px;
  margin-left: 10px;
  text-indent: -9999em;
  overflow: hidden;
  vertical-align: middle;
}
.ct-guideCapital .guideCapital__content {
  background: #fff;
  border-radius: 15px 15px 0 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section {
  padding: 30px 15px;
  border-bottom: 1px solid #e6e6e6;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section + .guideCapital__content-section {
  padding: 45px 15px 5px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-head {
  font-size: 14px;
  font-weight: 700;
  color: #666;
  margin-bottom: 15px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item {
  margin-bottom: 40px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-img img {
  width: 100%;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt {
  margin-top: 15px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt dt, .ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt dd {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.025em;
  margin-bottom: 3px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt dd {
  font-size: 15px;
  color: #666;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-item .content-item-txt dd span {
  display: block;
  font-size: 11px;
  color: #999;
  margin-top: 5px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process {
  position: relative;
  margin-bottom: 15px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 2px solid #e9ecef;
  height: 60px;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 0 20px 0 100px;
  vertical-align: middle;
  background: #fff;
  z-index: 1;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li div {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li div span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #666;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li:before {
  content: "";
  width: 39px;
  height: 32px;
  background: url("../images/common/guide/certification/icon_process.png") no-repeat 0 0;
  background-size: 195px 32px;
  position: absolute;
  left: 29px;
  top: 50%;
  margin-top: -16px;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li.content-process01:before {
  background-position: 0 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li.content-process02:before {
  background-position: -39px 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li.content-process03:before {
  background-position: -78px 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li.content-process04:before {
  background-position: -117px 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process li.content-process05:before {
  background-position: -156px 0;
}
.ct-guideCapital .guideCapital__content .guideCapital__content-section .guideCapital__content-process:after {
  content: "";
  display: block;
  width: 6px;
  height: 95%;
  background: url("../images/common/guide/certification/bg_process.png") repeat-y 0 0;
  background-size: 6px 10px;
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: 0;
}

.carPanelWrap {
  position: relative;
}

.carframeWrap__frame {
  position: relative;
  background: url("../images/sub/m-car1.jpg") no-repeat;
  background-size: 320px 240px;
  width: 320px;
  height: 240px;
  margin: 0 auto;
}

.carframeWrap___frame__color {
  position: absolute;
  width: 0;
  height: 240px;
  background: url("../images/sub/m-car2.jpg") no-repeat;
  background-size: 320px 240px;
}

.carframeWrap__frame.animate .carframeWrap___frame__color {
  width: 100%;
  transition: all 3s ease-out;
  -ms-transition: all 3s ease-out;
  -webkit-transition: all 3s ease-out;
}

.carframeWrap__frame.animateHide .carframeWrap___frame__color {
  opacity: 0;
}

.carPanel {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  width: 320px;
  height: 240px;
  margin-left: -160px;
}
.carPanel.on {
  opacity: 1;
}

.bgCarimg {
  position: absolute;
  width: 320px;
  height: 240px;
  background: url("../images/sub/m-car3.jpg") no-repeat;
  background-size: 320px 240px;
  opacity: 0;
  transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -webkit-transition: all 1.5s ease-out;
}

.carPanel.on .bgCarimg {
  opacity: 1;
}

.carPanelWrap.suv {
  position: relative;
}
.carPanelWrap.suv .carframeWrap__frame {
  position: relative;
  background: url("../images/sub/m-suv1.jpg") no-repeat;
  background-size: 320px 240px;
  width: 320px;
  height: 240px;
}
.carPanelWrap.suv .carframeWrap___frame__color {
  position: absolute;
  width: 0;
  height: 240px;
  background: url("../images/sub/m-suv2.jpg") no-repeat;
  background-size: 320px 240px;
}
.carPanelWrap.suv .carframeWrap__frame.animate .carframeWrap___frame__color {
  width: 100%;
  transition: all 3s ease-out;
  -ms-transition: all 3s ease-out;
  -webkit-transition: all 3s ease-out;
}
.carPanelWrap.suv .carframeWrap__frame.animateHide .carframeWrap___frame__color {
  opacity: 0;
}
.carPanelWrap.suv .carPanel {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  width: 320px;
  height: 240px;
  margin-left: -160px;
}
.carPanelWrap.suv .carPanel.on {
  opacity: 1;
}
.carPanelWrap.suv .bgCarimg {
  position: absolute;
  width: 320px;
  height: 240px;
  background: url("../images/sub/m-suv3.jpg") no-repeat;
  background-size: 320px 240px;
  opacity: 0;
  transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -webkit-transition: all 1.5s ease-out;
}
.carPanelWrap.suv .carPanel.on .bgCarimg {
  opacity: 1;
}

#wrap.wrap--sub {
  background: #fff;
}
#wrap.wrap--sub * {
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.header-bar {
  position: relative;
  height: 56px;
  padding: 16px 24px 16px 64px;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  z-index: 5;
}

.header-bar__arrow {
  position: absolute;
  left: 24px;
  top: 16px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/guide/header_arrow@2x.png") no-repeat;
  background-size: 24px auto;
  text-indent: -9999em;
  overflow: hidden;
}

.content {
  position: relative;
}
#wrap.wrap--sub .content {
  padding: 0 24px;
}

/**
* ## v3 개편 레이아웃
*/
.body-area.mycar .section-area .section-area-grid .title-area {
  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;
}

.body-area.mycar .header-area {
  width: 100%;
  height: 5rem;
  background: #faf9f7;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  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;
  padding: 2rem 1.5rem;
}
.body-area.mycar .header-area .page-title {
  font-size: 2rem;
  font-weight: 700;
}
.body-area.mycar .header-area.ty-white {
  background-color: #fff;
}
.body-area.mycar .link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.body-area.mycar .link-area a {
  display: block;
  width: 2.4rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.4rem;
  font-size: 0;
  text-indent: -9999px;
  position: relative;
}
.body-area.mycar .link-area a.chat {
  background-image: url("../images/common/icon/icon-message.png");
}
.body-area.mycar .link-area a.alarm {
  background-image: url("../images/common/icon/icon-bell.png");
}
.body-area.mycar .link-area a.home {
  background-image: url("../images/common/icon/icon-home.png");
}
.body-area.mycar .link-area a.new::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background: #ff5d16;
  top: 0;
  right: 0;
  position: absolute;
  display: block;
  z-index: 1;
  border-radius: 100%;
}
.body-area.mycar .link-area a + a {
  margin-left: 1.4rem;
}
.body-area.mycar .lnb {
  padding: 1rem 1.5rem 1.8rem 1.2rem;
  margin: 0 -1.5rem;
  background: #faf9f7;
}
.body-area.mycar .lnb .lnb-btn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7rem;
}
.body-area.mycar .lnb .lnb-btn button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4.6rem;
  line-height: 4.6rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  text-align: center;
  background: #ff5d16;
  border-radius: 0.4rem;
}
.body-area.mycar .lnb .lnb-btn button.add span {
  background-image: url("../images/common/icon/ad-icon.png");
}
.body-area.mycar .lnb .lnb-btn button.setting span {
  background-image: url("../images/common/icon/ad-manage-icon.png");
}
.body-area.mycar .lnb .lnb-btn button.certification span {
  background-image: url("../images/common/icon/ad-certification-icon.png");
}
.body-area.mycar .lnb .lnb-btn button.delivery span {
  background-image: url("../images/common/icon/ad-delivery-icon.png");
}
.body-area.mycar .lnb .lnb-btn button span {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.6rem;
  padding-left: 2.1rem;
}
.body-area.mycar .lnb .lnb-btn + .lnb-list {
  margin-top: 1.2rem;
}
.body-area.mycar .lnb .lnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.6rem 0.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #e9e9e9;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.04);
}
.body-area.mycar .lnb .lnb-list li {
  width: 25%;
  min-height: 5.2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.body-area.mycar .lnb .lnb-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.1rem;
  height: 3.8rem;
  background-color: #f2f4f5;
}
.body-area.mycar .lnb .lnb-list li a {
  display: block;
  padding: 0.5rem 0;
  text-align: center;
  text-decoration: inherit;
  color: inherit;
}
.body-area.mycar .lnb .lnb-list li a strong {
  padding-top: 0.4rem;
  font-size: 1.4rem;
  display: block;
}
.body-area.mycar .lnb .lnb-list li a.active {
  color: #ff5d16;
  font-weight: 600;
}
.body-area.mycar .lnb .lnb-list li span {
  font-size: 1.3rem;
  display: block;
}
.body-area.mycar .lnb .lnb-list li:nth-child(4n+1)::before {
  display: none;
}
.body-area.mycar .lnb .lnb-list.ty-li3 li {
  width: 33%;
}
.body-area.mycar .lnb .lnb-list.ty-li3 li:nth-child(3n+2) {
  width: 34%;
}
.body-area.mycar .lnb .lnb-list.ty-li3 li:nth-child(4n+1)::before {
  display: block;
}
.body-area.mycar .lnb .lnb-list.ty-li3 li:nth-child(3n+1)::before {
  display: none;
}
.body-area.mycar .section-area {
  width: 100%;
}
.body-area.mycar .section-area .section-area-grid {
  min-height: calc(100vh - 17.6rem);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.body-area.mycar .section-area .section-area-grid.section-area-grid-full {
  width: 100%;
}
.body-area.mycar .section-area .section-area-grid .title-area {
  padding: 1rem 1.5rem 1rem 1.2rem;
  margin: 0 -1.5rem;
  background: #faf9f7;
  font-size: 2rem;
  font-weight: 700;
}
.body-area.mycar .section-area .section-area-grid .title-area strong {
  color: #ff5d16;
}
.body-area.mycar .section-area .section-area-grid .title-area .popup-btn {
  display: block;
  height: 2.8rem;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
  border: solid 0.1rem #e9e9e9;
  background-color: #fff;
  color: #000;
  line-height: 2.6rem;
  font-size: 1.3rem;
}
.body-area.mycar .section-area .section-area-grid .dealer-user-wrap,
.body-area.mycar .section-area .section-area-grid .car-select-list.dealer-type {
  margin: 0 -1.5rem;
}

[data-fixed-type=dock] {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
[data-fixed-type=dock].is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
[data-fixed-type=dock]:not(.is-fixed) {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
}

[data-fixed-type=header] {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
[data-fixed-type=header].is-fixed {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
}

.btn-content {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  text-decoration: none;
}

.btn-content--blue {
  padding: 10px;
  border-radius: 4px;
  color: rgb(37, 114, 246);
  font-size: 14px;
  line-height: 1.35;
  background: rgba(37, 114, 246, 0.1);
}

.btn-content--yellow {
  padding: 17px;
  border-radius: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.05;
  background: #f6bd40;
}

.btn-content--border {
  width: 100%;
  padding: 18px;
  margin-top: 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #333;
  font-size: 0;
  text-align: center;
}
.btn-content--border .btn-content--border__text {
  display: inline-block;
  font-size: 15px;
  line-height: 1.15;
  vertical-align: middle;
}
.section-diagnosis-guide--process .btn-content--border:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url("../images/guide/diagnosis_process@4x.png") no-repeat left -30px;
  background-size: 118px auto;
  vertical-align: middle;
}

.diagnosis-top {
  position: relative;
  margin-top: -56px;
  padding-top: 56px;
  padding-bottom: 210px;
}

.diagnosis-top__head {
  position: relative;
  padding: 24px 0;
  color: #222;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
}

.diagnosis-top__head-small {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: normal;
}

.diagnosis-top__button {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
}

.diagnosis-top__more {
  position: relative;
  display: block;
  width: 32px;
  height: 16px;
  margin: 24px auto 0 auto;
  text-indent: -9999em;
  overflow: hidden;
}

.diagnosis-down-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.diagnosis-down-arrow:before, .diagnosis-down-arrow:after {
  position: absolute;
  left: 0;
  content: "";
}
.diagnosis-down-arrow:before {
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #222 transparent transparent;
}
.diagnosis-down-arrow:after {
  top: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
}

.diagnosis-top.diagnosis-top--model {
  height: auto;
  margin: -56px -24px 108px -24px;
  padding-bottom: 0;
}
.diagnosis-top.diagnosis-top--model img {
  display: block;
  width: 100%;
  height: auto;
}
.diagnosis-top.diagnosis-top--model .diagnosis-top__head {
  position: absolute;
  top: 7.15%;
  display: block;
  width: 100%;
  height: auto;
  padding: 40px 0 0 0;
}
.diagnosis-top.diagnosis-top--model .diagnosis-top__head-small {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
.diagnosis-top.diagnosis-top--model .btn-grid {
  position: absolute;
  right: 0;
  bottom: -28px;
  left: 0;
  margin: 0;
  padding: 0 16px;
}

.section-diagnosis-guide {
  padding: 40px 0;
}

.section-diagnosis-guide__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
}

.section-diagnosis-guide__content {
  padding: 15px 0 28px 0;
  color: #333;
  font-size: 16px;
}

.section-diagnosis-guide__more {
  padding: 0 6px;
}

.section-diagnosis-guide__text-box {
  margin: 48px 0 0 0;
  padding: 16px;
  border-radius: 8px;
  color: #666;
  font-size: 14px;
  line-height: 1.45;
  background: #f5f5f5;
}

.section-guide-faq {
  position: relative;
  margin: 0 -24px;
  padding: 40px 24px;
  background: #f5f5f5;
}

.guide-faq-list {
  margin-top: 20px;
}

.guide-faq-item {
  padding: 16px 0;
  color: #333;
  font-size: 15px;
  line-height: 1.4;
}

.guide-faq-item__question,
.guide-faq-item__answer {
  position: relative;
  padding-left: 24px;
}

.guide-faq-item__question {
  display: block;
  font-weight: bold;
}
.guide-faq-item__question:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f6bd40;
}

.guide-faq-item__question-bullet {
  position: absolute;
  left: 0;
  top: -4px;
  display: block;
  color: #333;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
}

.guide-faq-item__answer {
  margin-top: 10px;
}
.guide-faq-item__answer:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #ccc;
}

.diagnosis-process {
  position: relative;
  margin: 48px 0 0 0;
  padding: 0;
  list-style: none;
}

.diagnosis-process__item {
  float: left;
  position: relative;
  display: block;
  width: 25%;
  color: #111;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}
.diagnosis-process__item:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 7px;
  display: block;
  width: 20px;
  height: 16px;
  background: url("../images/guide/diagnosis_process@4x.png") no-repeat -30px -30px;
  background-size: 118px auto;
}
.diagnosis-process__item:first-of-type:before {
  display: none;
}

.diagnosis-process__icon {
  position: relative;
  display: inline-block;
}
.diagnosis-process__icon:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
  background: url("../images/guide/diagnosis_process@4x.png") no-repeat;
  background-size: 118px auto;
}
.diagnosis-process__icon.icon--apply:before {
  background-position: left top;
}
.diagnosis-process__icon.icon--counsel:before {
  background-position: -30px top;
}
.diagnosis-process__icon.icon--verify:before {
  background-position: -60px top;
}
.diagnosis-process__icon.icon--compensate:before {
  background-position: -90px top;
}

.diagnosis-car {
  position: relative;
  display: block;
  width: 248px;
  height: 90px;
  margin: 0 auto;
  background: url("../images/guide/diagnosis_car@4x.png") no-repeat;
  background-size: 248px auto;
  overflow: visible;
}

.diagnosis-car-frame {
  position: absolute;
  left: 50%;
  top: -34px;
  display: block;
  width: 110px;
  height: 110px;
  border: 4px solid #f6bd40;
  border-radius: 50%;
  margin-left: -26px;
  background: #fff url("../images/guide/diagnosis_car_frame@4x.png") no-repeat -105px 16px;
  background-size: 246px auto;
}

.diagnosis-engine {
  position: relative;
  display: block;
  width: 194px;
  height: 143px;
  margin: 0 auto;
  background: url("../images/guide/diagnosis_engine@4x.png") no-repeat;
  background-size: 194px auto;
  overflow: visible;
}

.diagnosis-engine--over {
  position: relative;
  width: 100%;
  height: 70%;
  background: url("../images/guide/diagnosis_engine_over@4x.png") no-repeat;
  background-size: 194px auto;
}
.diagnosis-engine--over:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -8%;
  width: 120%;
  height: 1px;
  background: #00ffdc;
}

.diagnosis-top-visual {
  position: relative;
  width: 100%;
  height: 90px;
  margin-top: 90px;
}

.diagnosis-text-box {
  position: relative;
  display: inline-block;
  padding: 14px 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  font-size: 0;
  text-align: center;
}
.diagnosis-top-visual .diagnosis-text-box {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 220px;
  margin-left: -110px;
}
.diagnosis-visual--compensation .diagnosis-text-box {
  width: 256px;
}
.diagnosis-visual--compensation .diagnosis-text-box.first {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
  margin-bottom: -55%;
}
.diagnosis-visual--compensation .diagnosis-text-box.second {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
  z-index: 2;
}
.diagnosis-visual--compensation .diagnosis-text-box.third {
  margin-top: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  z-index: 3;
}

.diagnosis-text-box--vertical {
  width: 95px;
  padding: 20px 0;
}

.diagnosis-text-box__block {
  display: inline-block;
  padding: 0 10px;
  color: #111;
  font-size: 18px;
  line-height: 1.4;
  vertical-align: middle;
}
.diagnosis-text-box--vertical .diagnosis-text-box__block {
  font-size: 14px;
  margin-top: 10px;
}

.diagnosis-icon {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/guide/diagnosis_icon@4x.png") no-repeat;
  background-size: 111px auto;
  vertical-align: middle;
}

.diagnosis-icon-check {
  background-position: left top;
}

.diagnosis-icon-calendar {
  background-position: -25px top;
}

.diagnosis-icon-car-small {
  background-position: -50px top;
}

.diagnosis-icon-plus {
  background-position: -75px top;
}

.diagnosis-visual {
  position: relative;
}

.diagnosis-visual--no-accident {
  padding-top: 95px;
}
.diagnosis-visual--no-accident .diagnosis-text-box--vertical {
  position: absolute;
  right: -4px;
  top: -65px;
}

.diagnosis-visual--category {
  margin-top: 35px;
}

.diagnosis-visual--compensation {
  margin-top: 50px;
  text-align: center;
}

.diagnosis-visual--plus {
  margin-top: 35px;
}
.diagnosis-visual--plus .diagnosis-text-box--vertical {
  position: absolute;
  right: -32px;
  top: -25px;
}

.diagnosis-category__box {
  width: 155px;
  margin: 0 auto;
  padding: 21px 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  font-size: 13px;
  line-height: 1.2;
  z-index: 3;
}
.diagnosis-category__box.diagnosis-category__box-middle {
  width: 132px;
  height: 143px;
  margin-bottom: -133px;
  z-index: 2;
}
.diagnosis-category__box.diagnosis-category__box-small {
  width: 112px;
  height: 143px;
  margin-bottom: -135px;
  z-index: 1;
}

.diagnosis-category__title {
  display: block;
  margin-bottom: 4px;
  font-size: inherit;
  font-weight: bold;
}

.diagnosis-category__item {
  display: block;
  padding: 8px 0 0 0;
  font-size: 0;
  line-height: inherit;
  white-space: nowrap;
}

.diagnosis-category__item-title,
.diagnosis-category__item-content {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle;
}

.diagnosis-category__item-title {
  display: inline-block;
  width: 42%;
}

.diagnosis-category__item-dot {
  position: relative;
  display: inline-block;
  width: 24%;
  height: 2px;
  vertical-align: middle;
}
.diagnosis-category__item-dot:before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  margin: 0 auto;
  background: url("../images/guide/diagnosis_category@4x.png") no-repeat left top;
  background-size: 31px auto;
}

.diagnosis-category__item-content {
  float: right;
  display: inline-block;
  width: 32%;
  color: #44a13b;
  font-weight: bold;
  text-align: right;
}
.diagnosis-category__item-content:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 8px;
  margin-left: 2px;
  background: url("../images/guide/diagnosis_category@4x.png") no-repeat -20px top;
  background-size: 31px auto;
}

.diagnosis-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  z-index: 10;
}
.diagnosis-popup.diagnosis-modify {
  max-height: 90vh;
}
.diagnosis-popup.diagnosis-modify .diagnosis-popup__head {
  padding: 24px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.diagnosis-popup.diagnosis-modify .diagnosis-popup__tab {
  margin-top: 0;
  margin-bottom: 0;
}
.diagnosis-popup.diagnosis-modify .diagnosis-popup__tab .diagnosis-popup__tab-item.active {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.diagnosis-popup.diagnosis-modify .diagnosis-popup__tab-content {
  padding: 20px 20px 55px;
  height: 500px !important;
  margin: 0;
}
.diagnosis-popup.diagnosis-modify .claim-guide {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table {
  margin-top: 8px;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table th,
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table td {
  color: #222;
  border-color: #ddd;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td.cell-gray {
  padding: 0 12px;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td.cell-normal {
  padding: 16px;
  font-weight: 300;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td .symbol-bul .list-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table .symbol-bul {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  position: relative;
  padding-left: 1.3rem;
  word-break: keep-all;
  white-space: normal;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table .symbol-bul .bul-txt {
  position: absolute;
  top: 3px;
  left: 0;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section table.diagnosis-table .symbol-bul .list-txt {
  font-weight: 500;
}
.diagnosis-popup.diagnosis-modify .claim-guide .diagnosis-popup__section .diagnosis-popup__list li {
  font-weight: 300;
  margin-top: 8px;
}

.diagnosis-popup__mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: #000;
  opacity: 0.8;
  cursor: pointer;
}

.diagnosis-popup__close {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: none;
  background: url("../images/guide/diagnosis_close@4x.png") no-repeat;
  background-size: 24px;
  text-indent: -9999em;
  overflow: hidden;
}

.diagnosis-popup__wrap {
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.diagnosis-popup__head {
  position: relative;
  padding: 24px 24px 16px 24px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.diagnosis-popup__content {
  position: relative;
  padding: 0 24px 30px 24px;
  color: #333;
  font-size: 15px;
  line-height: 1.4;
  overflow: auto;
}

.diagnosis-popup__content-head {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}
.diagnosis-popup__content-head.has-bullet {
  padding-left: 8px;
}
.diagnosis-popup__content-head.has-bullet:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 2px;
  margin-top: -2px;
  background: #333;
}

.diagnosis-popup__paragraph {
  position: relative;
  margin-top: 25px;
}

.diagnosis-popup__section {
  position: relative;
  margin-top: 30px;
}
.diagnosis-popup__section:first-of-type {
  margin-top: 0;
}

.diagnosis-popup__section-head {
  display: block;
  font-weight: bold;
}

table.diagnosis-table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px 0;
  border-style: solid;
  border-color: #f0f0f0;
  margin-top: 16px;
}
table.diagnosis-table th,
table.diagnosis-table td {
  white-space: nowrap;
  padding: 12px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  font-weight: normal;
}
table.diagnosis-table th + th,
table.diagnosis-table th + td,
table.diagnosis-table td + td {
  border-left: 1px solid #e6e6e6;
}
table.diagnosis-table th {
  color: #666;
  background-color: #f5f5f5;
}
table.diagnosis-table .cell-gray {
  color: #666;
  background-color: #fafafa;
}
table.diagnosis-table .cell-normal {
  white-space: normal;
  text-align: left;
}
table.diagnosis-table .table-image {
  display: block;
  width: 100%;
  max-width: 100%;
}

.diagnosis-popup__tale {
  position: relative;
  margin-top: 10px;
  padding-left: 13px;
}
.diagnosis-popup__tale .tale-bullet {
  position: absolute;
  left: 0;
  top: 0;
}

.diagnosis-popup__tab {
  margin: 16px 24px 32px 24px;
}

.diagnosis-popup__tab-box {
  padding: 3px;
  border-radius: 25px;
  background: #f5f5f5;
  overflow: hidden;
}

.diagnosis-popup__tab-item {
  float: left;
  display: block;
  width: 40%;
  color: #999;
  font-size: 15px;
  font-weight: bold;
  line-height: 44px;
  text-decoration: none;
  text-align: center;
}
.diagnosis-popup__tab-item.first {
  width: 45%;
}
.diagnosis-popup__tab-item.second {
  width: 55%;
}
.diagnosis-popup__tab-item.active {
  color: #111;
  background: #fff;
  border-radius: 22px;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
}

.diagnosis-popup__list {
  position: relative;
  padding: 0;
  list-style: none;
}
.diagnosis-popup__list li {
  position: relative;
  margin: 10px 0 0 0;
  padding-left: 6px;
}
.diagnosis-popup__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background-color: #333;
}

.wrap-garage,
.dialog-wrap {
  /* base */
  font-family: inherit;
  line-height: 1.3;
  color: #333;
  /* button */
  /* icon */
  /* togglebox */
  /* input */
  /* checkbox */
  /* radio */
  /* select */
  /* formbox */
  /* databox */
  /* table */
}
.wrap-garage i,
.wrap-garage em,
.wrap-garage address,
.dialog-wrap i,
.dialog-wrap em,
.dialog-wrap address {
  font-style: normal;
}
.wrap-garage *:before,
.wrap-garage *:after,
.dialog-wrap *:before,
.dialog-wrap *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrap-garage .btn,
.dialog-wrap .btn {
  display: block;
  height: auto;
  padding: 0 10px;
  border: 0 none;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #111;
  -webkit-appearance: button;
  text-align: center;
  vertical-align: top;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}
.wrap-garage .btn-img,
.dialog-wrap .btn-img {
  padding: 0;
  background: none;
  font-size: 0;
}
.wrap-garage .btn-link,
.dialog-wrap .btn-link {
  color: #666;
  text-decoration: none;
}
.wrap-garage .btn-link:hover, .wrap-garage .btn-link:active,
.dialog-wrap .btn-link:hover,
.dialog-wrap .btn-link:active {
  text-decoration: none;
}
.wrap-garage .btn-link-alarm,
.dialog-wrap .btn-link-alarm {
  color: #e02121;
  text-decoration: underline;
}
.wrap-garage .btn-link-alarm:hover, .wrap-garage .btn-link-alarm:active,
.dialog-wrap .btn-link-alarm:hover,
.dialog-wrap .btn-link-alarm:active {
  text-decoration: underline;
}
.wrap-garage .btn-link-call,
.dialog-wrap .btn-link-call {
  position: relative;
  padding-left: 32px;
  color: #ff6464;
  text-decoration: underline;
}
.wrap-garage .btn-link-call:before,
.dialog-wrap .btn-link-call:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: #ff6464 url("../images/garage/icon_call.png") no-repeat center center;
  background-size: 12px auto;
  border-radius: 50%;
}
.wrap-garage .btn-link-call:hover, .wrap-garage .btn-link-call:active,
.dialog-wrap .btn-link-call:hover,
.dialog-wrap .btn-link-call:active {
  text-decoration: underline;
}
.wrap-garage [class*=icon-arrow-]:after,
.dialog-wrap [class*=icon-arrow-]:after {
  display: inline-block;
  content: "";
  margin-top: -4px;
  background: url("../images/garage/icon_arrow.png") no-repeat;
  background-position-y: -10px;
  vertical-align: middle;
}
.wrap-garage [class*=icon-arrow-][class*=up]:after,
.dialog-wrap [class*=icon-arrow-][class*=up]:after {
  width: 10px;
  height: 4px;
  background-position-x: -10px;
}
.wrap-garage [class*=icon-arrow-][class*=down]:after,
.dialog-wrap [class*=icon-arrow-][class*=down]:after {
  width: 10px;
  height: 4px;
  background-position-x: -30px;
}
.wrap-garage [class*=icon-arrow-][class*=right]:after,
.dialog-wrap [class*=icon-arrow-][class*=right]:after {
  width: 6px;
  height: 8px;
  background-position-x: -50px;
}
.wrap-garage .icon-garage-option,
.dialog-wrap .icon-garage-option {
  display: block;
  height: 24px;
  background: url("../images/garage/icon_spr_option.png") no-repeat;
  background-position-y: -5px;
}
.wrap-garage .icon-garage-option.icon-option-sunroof,
.dialog-wrap .icon-garage-option.icon-option-sunroof {
  width: 25px;
  background-position-x: -13px;
}
.wrap-garage .icon-garage-option.icon-option-navigation,
.dialog-wrap .icon-garage-option.icon-option-navigation {
  width: 18px;
  background-position-x: -66px;
}
.wrap-garage .icon-garage-option.icon-option-smartkey,
.dialog-wrap .icon-garage-option.icon-option-smartkey {
  width: 18px;
  background-position-x: -119px;
}
.wrap-garage .icon-garage-option.icon-option-autolight,
.dialog-wrap .icon-garage-option.icon-option-autolight {
  width: 22px;
  background-position-x: -164px;
}
.wrap-garage .icon-garage-option.icon-option-parkingsensor,
.dialog-wrap .icon-garage-option.icon-option-parkingsensor {
  width: 24px;
  background-position-x: -213px;
}
.wrap-garage .icon-garage-option.icon-option-leatherseat,
.dialog-wrap .icon-garage-option.icon-option-leatherseat {
  width: 18px;
  background-position-x: -266px;
}
.wrap-garage .icon-garage-option.icon-option-heatsheet,
.dialog-wrap .icon-garage-option.icon-option-heatsheet {
  width: 18px;
  background-position-x: -316px;
}
.wrap-garage .icon-garage-option.icon-option-ventilatesheet,
.dialog-wrap .icon-garage-option.icon-option-ventilatesheet {
  width: 18px;
  background-position-x: -366px;
}
.wrap-garage .icon-garage-option.icon-option-airbag,
.dialog-wrap .icon-garage-option.icon-option-airbag {
  width: 19px;
  background-position-x: -415px;
}
.wrap-garage .icon-garage-option.icon-option-highpassroom,
.dialog-wrap .icon-garage-option.icon-option-highpassroom {
  width: 24px;
  background-position-x: -463px;
}
.wrap-garage .icon-garage-option.icon-option-ldws,
.dialog-wrap .icon-garage-option.icon-option-ldws {
  width: 24px;
  background-position-x: -513px;
}
.wrap-garage .icon-garage-option.icon-option-aeb,
.dialog-wrap .icon-garage-option.icon-option-aeb {
  width: 22px;
  background-position-x: -564px;
}
.wrap-garage .icon-garage-option.icon-option-rainsensor,
.dialog-wrap .icon-garage-option.icon-option-rainsensor {
  width: 25px;
  background-position-x: -612px;
}
.wrap-garage .icon-garage-option.icon-option-electricfold,
.dialog-wrap .icon-garage-option.icon-option-electricfold {
  width: 22px;
  background-position-x: -664px;
}
.wrap-garage .icon-garage-option.icon-option-tpms,
.dialog-wrap .icon-garage-option.icon-option-tpms {
  width: 19px;
  background-position-x: -715px;
}
.wrap-garage .icon-garage-option.icon-option-handleheat,
.dialog-wrap .icon-garage-option.icon-option-handleheat {
  width: 20px;
  background-position-x: -765px;
}
.wrap-garage .icon-garage-option.icon-option-cruisecontrol,
.dialog-wrap .icon-garage-option.icon-option-cruisecontrol {
  width: 20px;
  background-position-x: -815px;
}
.wrap-garage .icon-garage-option.icon-option-electrictrunk,
.dialog-wrap .icon-garage-option.icon-option-electrictrunk {
  width: 21px;
  background-position-x: -866px;
}
.wrap-garage .icon-garage-option.icon-option-bluetooth,
.dialog-wrap .icon-garage-option.icon-option-bluetooth {
  width: 20px;
  background-position-x: -915px;
}
.wrap-garage .icon-garage-option.icon-option-aluminiumwheel,
.dialog-wrap .icon-garage-option.icon-option-aluminiumwheel {
  width: 21px;
  background-position-x: -964px;
}
.wrap-garage .icon-garage__loan,
.dialog-wrap .icon-garage__loan {
  display: inline-block;
  background: transparent url("../images/garage/icon_spr_loan.png") no-repeat 0 0;
}
.wrap-garage .icon-garage__loan.icon-money-gray,
.dialog-wrap .icon-garage__loan.icon-money-gray {
  width: 40px;
  height: 40px;
  background-position: -10px -10px;
}
.wrap-garage .icon-garage__loan.icon-money-yellow,
.dialog-wrap .icon-garage__loan.icon-money-yellow {
  width: 40px;
  height: 40px;
  background-position: -60px -10px;
}
.wrap-garage .icon-garage__loan.icon-arrow,
.dialog-wrap .icon-garage__loan.icon-arrow {
  width: 32px;
  height: 22px;
  background-position: -10px -60px;
}
.wrap-garage .icon-garage__loan.icon-check,
.dialog-wrap .icon-garage__loan.icon-check {
  width: 65px;
  height: 64px;
  background-position: -110px -10px;
}
.wrap-garage .toggle-box .toggle-title,
.dialog-wrap .toggle-box .toggle-title {
  display: inline-block;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
}
.wrap-garage .toggle-box input, .wrap-garage .toggle-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-garage .toggle-box .ico-confirm, .wrap-garage .toggle-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-garage .toggle-box .ico-confirm,
.dialog-wrap .toggle-box input,
.dialog-wrap .toggle-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dialog-wrap .toggle-box .ico-confirm,
.dialog-wrap .toggle-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dialog-wrap .toggle-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-garage .toggle-box .toggle-btn,
.dialog-wrap .toggle-box .toggle-btn {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  padding: 2px;
  background: #ccc;
  border-radius: 10px;
  vertical-align: middle;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}
.wrap-garage .toggle-box .toggle-btn:after,
.dialog-wrap .toggle-box .toggle-btn:after {
  position: absolute;
  display: block;
  top: 1px;
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.wrap-garage .toggle-box input:checked + .toggle-btn, .wrap-garage .toggle-box .new-content-body .inp-box .ico-confirm:checked + .toggle-btn, .new-content-body .inp-box .wrap-garage .toggle-box .ico-confirm:checked + .toggle-btn, .wrap-garage .toggle-box .type-mydata .inp-box .ico-confirm:checked + .toggle-btn, .type-mydata .inp-box .wrap-garage .toggle-box .ico-confirm:checked + .toggle-btn,
.dialog-wrap .toggle-box input:checked + .toggle-btn,
.dialog-wrap .toggle-box .new-content-body .inp-box .ico-confirm:checked + .toggle-btn,
.new-content-body .inp-box .dialog-wrap .toggle-box .ico-confirm:checked + .toggle-btn,
.dialog-wrap .toggle-box .type-mydata .inp-box .ico-confirm:checked + .toggle-btn,
.type-mydata .inp-box .dialog-wrap .toggle-box .ico-confirm:checked + .toggle-btn {
  background: #ffc23c;
}
.wrap-garage .toggle-box input:checked + .toggle-btn:after, .wrap-garage .toggle-box .new-content-body .inp-box .ico-confirm:checked + .toggle-btn:after, .new-content-body .inp-box .wrap-garage .toggle-box .ico-confirm:checked + .toggle-btn:after, .wrap-garage .toggle-box .type-mydata .inp-box .ico-confirm:checked + .toggle-btn:after, .type-mydata .inp-box .wrap-garage .toggle-box .ico-confirm:checked + .toggle-btn:after,
.dialog-wrap .toggle-box input:checked + .toggle-btn:after,
.dialog-wrap .toggle-box .new-content-body .inp-box .ico-confirm:checked + .toggle-btn:after,
.new-content-body .inp-box .dialog-wrap .toggle-box .ico-confirm:checked + .toggle-btn:after,
.dialog-wrap .toggle-box .type-mydata .inp-box .ico-confirm:checked + .toggle-btn:after,
.type-mydata .inp-box .dialog-wrap .toggle-box .ico-confirm:checked + .toggle-btn:after {
  left: 50%;
}
.wrap-garage .input,
.dialog-wrap .input {
  display: inline-block;
  width: 100%;
  height: 56px;
  padding: 0 17px;
  border: 1px solid #e4e4e4;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
}
.wrap-garage .input::-webkit-input-placeholder, .dialog-wrap .input::-webkit-input-placeholder {
  font-size: 16px;
  color: #999;
}
.wrap-garage .input::-moz-placeholder, .dialog-wrap .input::-moz-placeholder {
  font-size: 16px;
  color: #999;
}
.wrap-garage .input:-ms-input-placeholder, .dialog-wrap .input:-ms-input-placeholder {
  font-size: 16px;
  color: #999;
}
.wrap-garage .input::-ms-input-placeholder, .dialog-wrap .input::-ms-input-placeholder {
  font-size: 16px;
  color: #999;
}
.wrap-garage .input::placeholder,
.dialog-wrap .input::placeholder {
  font-size: 16px;
  color: #999;
}
.wrap-garage .input-text,
.dialog-wrap .input-text {
  position: relative;
  -webkit-box-flex: 1px;
      -ms-flex: 1px;
          flex: 1px;
}
.wrap-garage .input-text + .input-text,
.dialog-wrap .input-text + .input-text {
  margin-left: 8px;
}
.wrap-garage .input-text.unit-kilometer .input,
.dialog-wrap .input-text.unit-kilometer .input {
  padding-right: 50px;
}
.wrap-garage .input-text.unit-year .input,
.dialog-wrap .input-text.unit-year .input {
  padding-right: 44px;
}
.wrap-garage .input-text .input-text__label,
.dialog-wrap .input-text .input-text__label {
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  color: #000;
}
.wrap-garage .input-text .input-text__label + .input,
.dialog-wrap .input-text .input-text__label + .input {
  margin-bottom: 30px;
}
.wrap-garage .input-text .input,
.dialog-wrap .input-text .input {
  text-align: right;
}
.wrap-garage .input-text .input:disabled,
.dialog-wrap .input-text .input:disabled {
  border-color: #f5f5f5;
  background: #f5f5f5;
}
.wrap-garage .input-text .input:disabled + .input-text__unit,
.dialog-wrap .input-text .input:disabled + .input-text__unit {
  color: #999;
}
.wrap-garage .input-text .input-text__unit,
.dialog-wrap .input-text .input-text__unit {
  position: absolute;
  top: 50%;
  right: 24px;
  font-size: 16px;
  color: #666;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrap-garage .input-text--date input.input, .wrap-garage .input-text--date .new-content-body .inp-box .input.ico-confirm, .new-content-body .inp-box .wrap-garage .input-text--date .input.ico-confirm, .wrap-garage .input-text--date .type-mydata .inp-box .input.ico-confirm, .type-mydata .inp-box .wrap-garage .input-text--date .input.ico-confirm,
.dialog-wrap .input-text--date input.input,
.dialog-wrap .input-text--date .new-content-body .inp-box .input.ico-confirm,
.new-content-body .inp-box .dialog-wrap .input-text--date .input.ico-confirm,
.dialog-wrap .input-text--date .type-mydata .inp-box .input.ico-confirm,
.type-mydata .inp-box .dialog-wrap .input-text--date .input.ico-confirm {
  background: url("../images/garage/ico_date.svg") center right 10px/17px auto no-repeat;
  padding-right: 35px;
}
.wrap-garage .check-box,
.dialog-wrap .check-box {
  position: relative;
}
.wrap-garage .check-box input, .wrap-garage .check-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-garage .check-box .ico-confirm, .wrap-garage .check-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-garage .check-box .ico-confirm,
.dialog-wrap .check-box input,
.dialog-wrap .check-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dialog-wrap .check-box .ico-confirm,
.dialog-wrap .check-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dialog-wrap .check-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-garage .check-box label,
.dialog-wrap .check-box label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  cursor: pointer;
}
.wrap-garage .check-box label.normal,
.dialog-wrap .check-box label.normal {
  font-weight: normal;
}
.wrap-garage .check-box label:before,
.dialog-wrap .check-box label:before {
  display: inline-block;
  content: "";
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background: url("../images/garage/icon_check_mark.png") no-repeat;
  background-position: -10px -10px;
  vertical-align: middle;
}
.wrap-garage .check-box input:checked + label:before, .wrap-garage .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .wrap-garage .check-box .ico-confirm:checked + label:before, .wrap-garage .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .wrap-garage .check-box .ico-confirm:checked + label:before,
.dialog-wrap .check-box input:checked + label:before,
.dialog-wrap .check-box .new-content-body .inp-box .ico-confirm:checked + label:before,
.new-content-body .inp-box .dialog-wrap .check-box .ico-confirm:checked + label:before,
.dialog-wrap .check-box .type-mydata .inp-box .ico-confirm:checked + label:before,
.type-mydata .inp-box .dialog-wrap .check-box .ico-confirm:checked + label:before {
  background-position-y: -52px;
}
.wrap-garage .check-box .check-box__accent,
.dialog-wrap .check-box .check-box__accent {
  font-size: 16px;
  font-weight: 400;
  color: #e52626;
}
.wrap-garage .check-box + .check-box,
.dialog-wrap .check-box + .check-box {
  margin-top: 10px;
}
.wrap-garage .radio-box,
.dialog-wrap .radio-box {
  position: relative;
}
.wrap-garage .radio-box input, .wrap-garage .radio-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-garage .radio-box .ico-confirm, .wrap-garage .radio-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-garage .radio-box .ico-confirm,
.dialog-wrap .radio-box input,
.dialog-wrap .radio-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dialog-wrap .radio-box .ico-confirm,
.dialog-wrap .radio-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dialog-wrap .radio-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-garage .radio-box label,
.dialog-wrap .radio-box label {
  position: relative;
  display: block;
  cursor: pointer;
}
.wrap-garage .radio-box label:before,
.dialog-wrap .radio-box label:before {
  position: absolute;
  top: 50%;
  content: "";
  background: url("../images/garage/icon_radio_mark.png") no-repeat;
  background-position: -10px -10px;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.wrap-garage .radio-box input:checked + label .motor-item__info, .wrap-garage .radio-box .new-content-body .inp-box .ico-confirm:checked + label .motor-item__info, .new-content-body .inp-box .wrap-garage .radio-box .ico-confirm:checked + label .motor-item__info, .wrap-garage .radio-box .type-mydata .inp-box .ico-confirm:checked + label .motor-item__info, .type-mydata .inp-box .wrap-garage .radio-box .ico-confirm:checked + label .motor-item__info,
.dialog-wrap .radio-box input:checked + label .motor-item__info,
.dialog-wrap .radio-box .new-content-body .inp-box .ico-confirm:checked + label .motor-item__info,
.new-content-body .inp-box .dialog-wrap .radio-box .ico-confirm:checked + label .motor-item__info,
.dialog-wrap .radio-box .type-mydata .inp-box .ico-confirm:checked + label .motor-item__info,
.type-mydata .inp-box .dialog-wrap .radio-box .ico-confirm:checked + label .motor-item__info {
  padding-right: 30px;
}
.wrap-garage .select-box,
.dialog-wrap .select-box {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 30px 0 15px;
  border: 1px solid #e4e4e4;
  background: #fff url("../images/garage/btn_select_arrow.png") no-repeat 100% 50%;
  border-radius: 4px;
  font-size: 16px;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wrap-garage .select-box:focus,
.dialog-wrap .select-box:focus {
  outline: none;
}
.wrap-garage .form-box.form-box--horizontal .form-box__list,
.dialog-wrap .form-box.form-box--horizontal .form-box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap-garage .form-box.form-box--horizontal .form-box__list-title,
.dialog-wrap .form-box.form-box--horizontal .form-box__list-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-size: 16px;
  color: #666;
  padding-right: 10px;
  font-weight: 400;
}
.wrap-garage .form-box.form-box--horizontal .form-box__list-data,
.dialog-wrap .form-box.form-box--horizontal .form-box__list-data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.wrap-garage .form-box.form-box--horizontal .input-text__unit,
.dialog-wrap .form-box.form-box--horizontal .input-text__unit {
  right: 10px;
}
.wrap-garage .form-box.form-box--horizontal .input,
.dialog-wrap .form-box.form-box--horizontal .input {
  text-align: left;
  height: 44px;
}
.wrap-garage .form-box__list-title,
.dialog-wrap .form-box__list-title {
  font-weight: 700;
}
.wrap-garage .form-box__list-data,
.dialog-wrap .form-box__list-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.wrap-garage .form-box__list-data .input,
.dialog-wrap .form-box__list-data .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrap-garage .form-box__list-data .btn-form,
.dialog-wrap .form-box__list-data .btn-form {
  min-width: 72px;
  padding: 0 15px;
  margin-left: 8px;
  background: #f3f3f3;
  color: #999;
}
.wrap-garage .form-box__list-data .btn-form.active,
.dialog-wrap .form-box__list-data .btn-form.active {
  background: #ffc23c;
  color: #111;
}
.wrap-garage .form-box__list-alert,
.dialog-wrap .form-box__list-alert {
  margin-top: 7px;
  color: #e02121;
}
.wrap-garage .form-box__text,
.dialog-wrap .form-box__text {
  margin-top: 30px;
  font-size: 15px;
  color: #999;
}
.wrap-garage .data-box__list:after,
.dialog-wrap .data-box__list:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .data-box__list + .data-box__list,
.dialog-wrap .data-box__list + .data-box__list {
  margin-top: 28px;
}
.wrap-garage .data-box__list-title,
.dialog-wrap .data-box__list-title {
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #111;
}
.wrap-garage .data-box__list-title .list-title__num,
.dialog-wrap .data-box__list-title .list-title__num {
  font-size: 16px;
  font-weight: 400;
}
.wrap-garage .data-box__list-data,
.dialog-wrap .data-box__list-data {
  float: right;
  font-size: 16px;
}
.wrap-garage .data-box__list-data.apart,
.dialog-wrap .data-box__list-data.apart {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.wrap-garage .data-box__list-data .list-data__option-group,
.dialog-wrap .data-box__list-data .list-data__option-group {
  font-size: 0;
  margin: 0 -5px;
}
.wrap-garage .data-box__list-data .list-data__option-item,
.dialog-wrap .data-box__list-data .list-data__option-item {
  display: inline-block;
  width: 84px;
  height: 70px;
  margin: 13px 5px 0;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  letter-spacing: -1px;
}
.wrap-garage .data-box__list-data .icon-garage-option,
.dialog-wrap .data-box__list-data .icon-garage-option {
  margin: 0 auto 8px;
}
.wrap-garage .table--garage-spec,
.dialog-wrap .table--garage-spec {
  width: 100%;
  border-top: 1px solid #f0f0f0;
  border-spacing: 0;
}
.wrap-garage .table--garage-spec th,
.wrap-garage .table--garage-spec td,
.dialog-wrap .table--garage-spec th,
.dialog-wrap .table--garage-spec td {
  padding: 15px 24px;
}
.wrap-garage .table--garage-spec th,
.dialog-wrap .table--garage-spec th {
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  text-align: center;
  color: #666;
}
.wrap-garage .table--garage-spec td,
.dialog-wrap .table--garage-spec td {
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
}
.wrap-garage .table--garage-spec .trans-history,
.dialog-wrap .table--garage-spec .trans-history {
  display: block;
}
.wrap-garage .table--garage-data,
.dialog-wrap .table--garage-data {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #f0f0f0;
  border-spacing: 0;
}
.wrap-garage .table--garage-data th,
.wrap-garage .table--garage-data td,
.dialog-wrap .table--garage-data th,
.dialog-wrap .table--garage-data td {
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 400;
  text-align: center;
}
.wrap-garage .table--garage-data thead th,
.dialog-wrap .table--garage-data thead th {
  background: #f5f5f5;
  color: #666;
}
.wrap-garage .table--garage-data thead th + th,
.dialog-wrap .table--garage-data thead th + th {
  border-left: 1px solid #e6e6e6;
}
.wrap-garage .table--garage-data tbody th,
.dialog-wrap .table--garage-data tbody th {
  background: #fafafa;
  color: #666;
}
.wrap-garage .table--garage-data tbody th + td,
.dialog-wrap .table--garage-data tbody th + td {
  border-left: 1px solid #e6e6e6;
}
.wrap-garage .table--garage-data td + td,
.dialog-wrap .table--garage-data td + td {
  border-left: 1px solid #e6e6e6;
}
.wrap-garage .table--garage-info,
.dialog-wrap .table--garage-info {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}
.wrap-garage .table--garage-info th,
.wrap-garage .table--garage-info td,
.dialog-wrap .table--garage-info th,
.dialog-wrap .table--garage-info td {
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 400;
  text-align: center;
}
.wrap-garage .table--garage-info thead th,
.dialog-wrap .table--garage-info thead th {
  padding: 17px;
  background: #f5f5f5;
  border-width: 0;
  color: #666;
  font-size: 18px;
  text-align: center;
}
.wrap-garage .table--garage-info th.title,
.dialog-wrap .table--garage-info th.title {
  color: #fff;
}
.wrap-garage .table--garage-info th.bg-color__type1,
.dialog-wrap .table--garage-info th.bg-color__type1 {
  background-color: #7d766b;
}
.wrap-garage .table--garage-info th.bg-color__type2,
.dialog-wrap .table--garage-info th.bg-color__type2 {
  background-color: #979189;
}
.wrap-garage .table--garage-info tbody th,
.dialog-wrap .table--garage-info tbody th {
  background: #fafafa;
}
.wrap-garage .table--garage-info tbody th + td,
.dialog-wrap .table--garage-info tbody th + td {
  border-left: 1px solid #e6e6e6;
}
.wrap-garage .table--garage-info .table-text__num,
.dialog-wrap .table--garage-info .table-text__num {
  color: #e02121;
}
.wrap-garage .table--garage-info .table-text__sum,
.dialog-wrap .table--garage-info .table-text__sum {
  margin: 3px 0 0 0;
  padding: 0;
  line-height: 1.7;
  list-style: none;
}
.wrap-garage .table--garage-info .table-text__sum li,
.dialog-wrap .table--garage-info .table-text__sum li {
  margin: 0;
  padding: 0;
}
.wrap-garage .table--garage-info .table-text__sum li:before,
.dialog-wrap .table--garage-info .table-text__sum li:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 1px;
  margin-right: 5px;
  background-color: #000;
  vertical-align: middle;
}

.text-notice {
  color: #ff6464;
}

.car-number-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background: #fff;
}
.car-number-box .car-number-box__block {
  position: relative;
  display: block;
  padding: 0 14px;
  border: 1px solid #222;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.car-number-box .car-number-box__block:before, .car-number-box .car-number-box__block:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background: #dadada;
}
.car-number-box .car-number-box__block:before {
  left: 5px;
}
.car-number-box .car-number-box__block:after {
  right: 5px;
}
.car-number-box.car-number-box--small .car-number-box__block {
  font-size: 16px;
  line-height: 1.6;
}
.dialog-garage__motor-thumb .car-number-box {
  margin-top: -80px;
}

.wrap-garage {
  /* button */
  /* layout */
  /* header */
  /* 내차고 진입 페이지 */
  /* 내차고 상세 페이지 */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* -- -- */
  /* 중고차 대환/담보 대출 */
  /* 내차 수정 페이지 */
  /* tooltip */
}
.wrap-garage .btn.btn-primary {
  width: 100%;
  height: 60px;
  background: #f6bd40;
  line-height: 60px;
}
.wrap-garage .btn.btn-secondary {
  width: 100%;
  height: 60px;
  background: #f0f0f0;
  line-height: 60px;
}
.wrap-garage .btn.btn-task {
  height: 37px;
  background: #ffc23c;
  font-size: 14px;
  line-height: 37px;
}
.wrap-garage .btn.btn-alert {
  width: 100%;
  height: 56px;
  background: #fbe8e8;
  line-height: 56px;
  color: #e02121;
}
.wrap-garage .btn.btn-modify {
  display: inline-block;
  padding: 0 12px;
  vertical-align: middle;
  background: #ffc23c;
  font-size: 14px;
  line-height: 2;
  border-radius: 14px;
  text-decoration: none;
}
.wrap-garage .btn.type-link:after {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: -2px 0 0 5px;
  content: "";
}
.wrap-garage #header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 0 24px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage #header.has-border {
  border-bottom: 1px solid #f0f0f0;
}
.wrap-garage .content {
  background: #fff;
}
.wrap-garage .content.content-garage-detail {
  background: #f5f5f5;
}
.wrap-garage .content.content-garage-edit {
  padding: 16px 0 24px;
}
.wrap-garage .content.content-garage-loan {
  padding: 24px 0 10px;
}
.wrap-garage .header__title {
  font-size: 18px;
  color: #000;
}
.wrap-garage .header__btn-back {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url("../images/garage/btn_back.png") no-repeat 0 0;
}
.wrap-garage .header__btn-link {
  margin-left: auto;
  font-size: 0;
}
.wrap-garage .header__btn-link .btn-link {
  font-size: 15px;
  color: #333;
}
.wrap-garage .header__btn-link .btn-link + .btn-link {
  margin-left: 14px;
}
.wrap-garage .header__btn-link .btn-link .car-num {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 6px;
  min-width: 24px;
  vertical-align: middle;
  background: #ffc23c;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
}
.wrap-garage .garage-gate__info {
  padding: 22px 24px 40px;
}
.wrap-garage .garage-gate__info-text {
  font-size: 20px;
  color: #111;
}
.wrap-garage .garage-gate__search {
  padding: 0 24px;
}
.wrap-garage .garage-gate__search .btn-primary {
  border-radius: 8px;
}
.wrap-garage .garage-gate__search-box {
  margin-bottom: 32px;
}
.wrap-garage .garage-gate__search-box .search-box__title {
  display: block;
  font-size: 16px;
}
.wrap-garage .garage-gate__search-box .input {
  display: block;
  width: 100%;
  padding: 0;
  border-width: 0 0 1px 0;
  border-radius: 0;
  font-size: 28px;
  font-weight: 700;
}
.wrap-garage .garage-gate__search-box .input::-webkit-input-placeholder {
  font-size: 28px;
  font-weight: 700;
  color: #ccc;
}
.wrap-garage .garage-gate__search-box .input::-moz-placeholder {
  font-size: 28px;
  font-weight: 700;
  color: #ccc;
}
.wrap-garage .garage-gate__search-box .input:-ms-input-placeholder {
  font-size: 28px;
  font-weight: 700;
  color: #ccc;
}
.wrap-garage .garage-gate__search-box .input::-ms-input-placeholder {
  font-size: 28px;
  font-weight: 700;
  color: #ccc;
}
.wrap-garage .garage-gate__search-box .input::placeholder {
  font-size: 28px;
  font-weight: 700;
  color: #ccc;
}
.wrap-garage .garage-notice {
  padding: 16px 24px 20px;
}
.wrap-garage .garage-notice__info {
  display: block;
  padding: 18px 0;
  border-radius: 8px;
  background: #fff;
  -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);
  font-size: 16px;
  color: #2572f6;
  text-align: center;
}
.wrap-garage .garage-notice__info:before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  margin-top: -2px;
  background: url("../images/garage/icon_check.png") no-repeat 0 0;
  vertical-align: middle;
}
.wrap-garage .garage-motor {
  padding: 11px 0 37px;
  background: #fff url("../images/garage/bg_motor_top.png") no-repeat 0 0;
  background-size: 100% 177px;
  text-align: center;
}
.wrap-garage .garage-motor .btn-more {
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
}
.wrap-garage .garage-motor .btn-more[class*=icon-arrow-]:after {
  margin-left: 8px;
}
.wrap-garage .garage-motor__name {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.wrap-garage .garage-motor__name-model {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
}
.wrap-garage .garage-motor__thumb {
  position: relative;
  display: inline-block;
  width: 196px;
  height: 142px;
}
.wrap-garage .garage-motor__thumb-img {
  width: 100%;
  height: 100%;
}
.wrap-garage .garage-motor__thumb-number {
  position: absolute;
  right: 27px;
  bottom: 8px;
  width: 126px;
  height: 42px;
  background: url("../images/garage/bg_motor_number.png") no-repeat 0 0;
  font-size: 16px;
  line-height: 40px;
  color: #000;
  text-align: center;
}
.wrap-garage .garage-motor__info {
  margin: 20px 0 30px;
  font-size: 0;
}
.wrap-garage .garage-motor__info-item {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}
.wrap-garage .garage-motor__info-item + .garage-motor__info-item:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background: #f0f0f0;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrap-garage .garage-motor__info-item .info-item__title {
  margin-bottom: 6px;
  font-size: 15px;
  color: #666;
}
.wrap-garage .garage-motor__info-item .info-item__data {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.wrap-garage .garage-motor__info-item .info-item__data.icon-arrow-right:after {
  margin-left: 4px;
}
.wrap-garage .garage-motor__info-item .info-item__unit {
  font-size: 17px;
  font-weight: 400;
}
.wrap-garage .garage-hero {
  position: relative;
  padding: 0 0 39px 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  text-align: center;
}
.wrap-garage .garage-hero .btn-more {
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
}
.wrap-garage .garage-hero .btn-more[class*=icon-arrow-]:after {
  margin-left: 8px;
}
.wrap-garage .garage-hero__head {
  position: relative;
  font-size: 0;
  text-align: left;
  background: url("../images/garage/bg_hero.png") no-repeat center bottom;
  background-size: 100% auto;
}
.wrap-garage .garage-hero__head .btn-modify {
  margin-left: 10px;
  -webkit-appearance: none;
}
.wrap-garage .garage-hero__head .garage-motor__thumb-img-animation {
  position: absolute;
  right: -10px;
  top: -5px;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  -webkit-transition: all ease-in-out 0.35s;
  transition: all ease-in-out 0.35s;
}
.wrap-garage .garage-hero__head .garage-motor__thumb-img-animation.is-visible {
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.wrap-garage .garage-hero__head-block {
  position: relative;
  padding: 22px 22px 0 22px;
  background: url("../images/garage/bg_hero_bottom.png") no-repeat center bottom;
  background-size: 100% auto;
}
.wrap-garage .garage-hero__name {
  margin-top: 12px;
  padding: 0 4px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
}
.wrap-garage .garage-hero__name-model {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.38;
}
.wrap-garage .garage-hero__thumb {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 196px;
  height: 142px;
}
.wrap-garage .garage-hero__thumb-img {
  width: 100%;
  height: 100%;
}
.wrap-garage .garage-hero__info {
  padding: 20px 0 30px 0;
  font-size: 0;
}
.wrap-garage .garage-hero__info.garage-hero__info-top {
  margin-top: 9px;
  padding: 0;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .info-item__title {
  margin-bottom: 4px;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .info-item__data {
  position: relative;
  padding-right: 30px;
  font-size: 0;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .info-item__data:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-top: -10px;
  background: #ffc23c;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .info-item__number {
  position: relative;
  font-size: 24px;
  font-weight: bold;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .info-item__unit {
  margin-left: 4px;
  font-size: 16px;
}
.wrap-garage .garage-hero__info.garage-hero__info-top .btn-modify-distance {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: -9px;
  background: url("../images/garage/distance_modify.png") no-repeat;
  background-size: 22px auto;
  vertical-align: middle;
}
.wrap-garage .garage-hero__info-item {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  text-decoration: none;
}
.wrap-garage .garage-hero__info-item + .garage-hero__info-item:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  background: #f0f0f0;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrap-garage .garage-hero__info-item .info-item__title {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.35;
  color: #666;
}
.wrap-garage .garage-hero__info-item .info-item__data {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.wrap-garage .garage-hero__info-item .info-item__data.icon-arrow-right:after {
  margin-left: 4px;
}
.wrap-garage .garage-hero__info-item .info-item__unit {
  font-size: 14px;
  font-weight: 400;
  margin-left: 1px;
}
.wrap-garage .garage-hero.garage-hero--info {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__head {
  padding-top: 6px;
  padding-bottom: 64px;
  background-position: center top;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__head .btn-modify {
  margin-top: 10px;
  margin-left: 4px;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__head.head--with-me {
  padding-bottom: 102px;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__head.head--with-me .btn-modify {
  -webkit-appearance: none;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__name {
  position: relative;
  margin-top: 0;
  z-index: 2;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__thumb-container {
  position: relative;
  height: 129px;
  margin-top: -62px;
  margin-right: -20px;
  text-align: right;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__thumb {
  display: inline-block;
  width: 178px;
  height: 129px;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__thumb {
  text-align: center;
}
.wrap-garage .garage-hero.garage-hero--info .car-number-box--small {
  margin-top: -73px;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__info-bottom {
  position: relative;
  padding: 14px 0;
  overflow: hidden;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__info-bottom .info-bottom-block {
  float: left;
  width: 50%;
  text-align: center;
  color: #333;
  font-size: 14px;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__info-bottom .info-bottom-block__tit {
  color: #666;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__info-bottom .info-bottom__modify-distance {
  position: relative;
  padding-right: 20px;
  display: inline-block;
  color: #333;
  text-decoration: none;
}
.wrap-garage .garage-hero.garage-hero--info .garage-hero__info-bottom .info-bottom__modify-distance:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background: url("../images/garage/distance_modify.png") no-repeat;
  background-size: 16px auto;
}
.wrap-garage .garage-motor__spec {
  display: none;
  margin: 0 24px 46px;
  border-top: 1px dashed #cecece;
}
.wrap-garage .garage-motor__spec-size {
  height: 125px;
  margin: 23px 4px;
  text-align: center;
}
.wrap-garage .garage-motor__spec-size:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-motor__spec-size .spec-size__front {
  position: relative;
  float: left;
  width: 87px;
}
.wrap-garage .garage-motor__spec-size .spec-size__side {
  float: right;
  width: 177px;
}
.wrap-garage .garage-motor__spec-size .spec-size__img {
  display: block;
  width: 100%;
  height: 75px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num {
  display: block;
  font-size: 10px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num:before {
  display: block;
  content: "";
  height: 3px;
  margin: 5px auto 0;
  border: solid #999;
  border-width: 0 1px 1px 1px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-height:before {
  display: none;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-front__in:before {
  width: 63px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-front__out:before {
  width: 72px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-side__in:before {
  width: 107px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-side__out:before {
  width: 170px;
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-height {
  position: absolute;
  top: 26px;
  right: -53px;
  line-height: 2;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.wrap-garage .garage-motor__spec-size .spec-size__num.size-height:after {
  display: block;
  content: "";
  height: 3px;
  width: 67px;
  border: solid #999;
  border-width: 1px 1px 0 1px;
}
.wrap-garage .garage-article {
  margin: 16px 0;
  padding: 35px 24px 40px;
  background: #fff;
}
.wrap-garage .garage-article .garage-article-item + .garage-article-item {
  margin-top: 60px;
}
.wrap-garage .garage-article .garage-article__text {
  display: block;
  font-size: 16px;
}
.wrap-garage .garage-article .btn-secondary {
  margin-top: 30px;
  font-size: 15px;
}
.wrap-garage .garage-article .btn-secondary .btn-logo {
  display: inline-block;
  line-height: 1;
}
.wrap-garage .garage-article__btn-area {
  margin-top: 28px;
}
.wrap-garage .garage-article__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-article__head .toggle-box {
  margin-left: auto;
}
.wrap-garage .garage-article__head .btn-link {
  margin-left: auto;
}
.wrap-garage .garage-article__head .btn-link.icon-arrow-right:after {
  margin-left: 4px;
}
.wrap-garage .garage-article__head-title {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.wrap-garage .garage-article.garage-loan {
  padding: 24px;
  background: transparent;
}
.wrap-garage .garage-loan__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 78px;
  padding: 0 16px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-loan__item + .garage-loan__item {
  margin-top: 10px;
}
.wrap-garage .garage-loan__item-text .item-text__title {
  margin-bottom: 2px;
  font-size: 15px;
  color: #111;
}
.wrap-garage .garage-loan__item-text .item-text__desc {
  font-size: 0;
}
.wrap-garage .garage-loan__item-text .item-text__desc-tag {
  display: inline-block;
  margin-right: 4px;
  letter-spacing: -1px;
  color: #2572f6;
}
.wrap-garage .garage-loan__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 18px 10px 18px;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  background: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-loan__box .btn-task {
  -webkit-appearance: none;
}
.wrap-garage .garage-loan__box-text {
  font-size: 16px;
  font-weight: bold;
}
.wrap-garage .garage-loan__box-text-small {
  display: block;
  margin-bottom: -2px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
.wrap-garage .garage-loan__box-tag {
  display: block;
  margin-top: 3px;
  color: #2572f6;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.85;
}
.wrap-garage .garage-loan__pagination.swiper-pagination-bullets {
  position: relative;
  height: 8px;
  margin-top: 10px;
  bottom: auto;
  left: auto;
  text-align: center;
}
.wrap-garage .garage-loan__pagination .garage-loan__bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #999;
  margin: 0 2px;
  vertical-align: top;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}
.wrap-garage .garage-loan__pagination .garage-loan__bullet.garage-loan__bullet-active {
  width: 24px;
  height: 8px;
  background: #ffc23c;
}
.wrap-garage .garage-hero + .garage-price,
.wrap-garage .garage-content-navigation + .garage-price {
  margin-top: 0;
}
.wrap-garage .garage-price__sum {
  margin-top: -12px;
}
.wrap-garage .garage-price__sum-amount {
  display: block;
  margin-bottom: 16px;
  font-size: 22px;
  color: #111;
}
.wrap-garage .garage-price__sum-price {
  display: block;
  margin-bottom: 25ㅔㅌ;
  font-size: 26px;
  color: #111;
}
.wrap-garage .garage-price__sum-distance {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #666;
}
.wrap-garage .garage-price__sum-type {
  display: inline-block;
  margin-right: 28px;
}
.wrap-garage .garage-price__sum-type .sum-type__title {
  margin-bottom: 4px;
  font-size: 15px;
  color: #666;
}
.wrap-garage .garage-price__sum-type .sum-type__data {
  font-size: 16px;
  font-weight: 700;
}
.wrap-garage .garage-price__sum-info {
  display: block;
  margin-top: 25px;
  padding-bottom: 6px;
  overflow: hidden;
}
.wrap-garage .garage-price__sum-info .sum-info__title {
  clear: left;
  float: left;
  margin-right: 10px;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  color: #666;
}
.wrap-garage .garage-price__sum-info .sum-info__data {
  position: relative;
  top: -1px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #333;
}
.wrap-garage .garage-price__condition {
  padding: 24px 0 22px;
  background: #f5f5f5;
  border-radius: 8px;
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -1px;
  color: #000;
  text-align: center;
}
.wrap-garage .garage-price__condition-group {
  position: relative;
}
.wrap-garage .garage-price__condition-group:before, .wrap-garage .garage-price__condition-group:after {
  position: absolute;
  top: 0;
  content: "";
  width: 12px;
  height: 12px;
  background: url("../images/garage/icon_quotation_mark.png") no-repeat;
  background-position-y: -10px;
  vertical-align: top;
}
.wrap-garage .garage-price__condition-group:before {
  left: 24px;
  background-position-x: -10px;
}
.wrap-garage .garage-price__condition-group:after {
  right: 24px;
  background-position-x: -34px;
}
.wrap-garage .garage-price__condition-item {
  line-height: 1.75;
}
.wrap-garage .garage-price__condition-item:after {
  display: inline-block;
  content: "";
  height: 23px;
  margin-top: -8px;
  margin-left: 3px;
  background: url("../images/garage/icon_price_condition.png") no-repeat;
  background-position-y: -10px;
  vertical-align: middle;
}
.wrap-garage .garage-price__condition-item.mileage:after {
  width: 23px;
  background-position-x: -10px;
}
.wrap-garage .garage-price__condition-item.color:after {
  width: 23px;
  background-position-x: -43px;
}
.wrap-garage .garage-price__condition-item.sale:after {
  width: 21px;
  background-position-x: -74px;
}
.wrap-garage .garage-price__chart-box {
  position: relative;
  height: 170px;
  margin-top: 30px;
}
.wrap-garage .garage-price__chart-box .chart-box {
  width: 100%;
  height: 100%;
}
.wrap-garage .garage-price__chart-box .average-km {
  position: absolute;
  top: 0;
  height: 100%;
  color: #333;
}
.wrap-garage .garage-price__chart-box .average-km:after {
  content: "";
  display: block;
  width: 0;
  border-width: 0 1px;
  border-style: dashed;
  border-color: #ffc23c;
  position: absolute;
  top: 10px;
  bottom: 35px;
  left: 50%;
}
.wrap-garage .garage-price__chart-box .average-km__text {
  position: relative;
  top: -15px;
  display: block;
  font-weight: bold;
}
.wrap-garage .garage-article.garage-sell {
  margin-top: -16px;
  border-top: 1px solid #f0f0f0;
}
.wrap-garage .garage-article.garage-sell:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-sell__info {
  float: left;
  margin-top: 11px;
  font-size: 15px;
  letter-spacing: -1px;
}
.wrap-garage .garage-sell__info-text {
  display: block;
  margin-top: 5px;
  font-size: 17px;
  color: #111;
}
.wrap-garage .garage-sell__info-text .num {
  font-size: 18px;
}
.wrap-garage .garage-sell__img {
  position: relative;
  float: right;
  width: 144px;
  height: 78px;
  margin-bottom: 12px;
  background: url("../images/garage/bg_sell.png") no-repeat 100% 6px;
}
.wrap-garage .garage-sell__img-tootip {
  position: absolute;
  top: 2px;
  left: 0;
  width: 35px;
  height: 34px;
  background: url("../images/garage/bg_sell_tooltip.png") no-repeat 0 0;
  font-size: 11px;
  line-height: 34px;
  letter-spacing: -1px;
  color: #111;
  text-align: center;
}
.wrap-garage .garage-sell__img-thumb {
  display: block;
  width: 108px;
  height: 78px;
  margin: 0 11px 0 25px;
}
.wrap-garage .garage-sell__thumb-img {
  width: 100%;
  height: 100%;
}
.wrap-garage .garage-history__item {
  position: relative;
  display: inline-block;
  width: 49%;
  margin-top: 6px;
  text-align: center;
}
.wrap-garage .garage-history__item + .garage-history__item:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 1px;
  height: 40px;
  margin-left: -0.5%;
  background: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: middle;
}
.wrap-garage .garage-history__item-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
}
.wrap-garage .garage-history__item-num {
  font-size: 19px;
  color: #111;
}
.wrap-garage .garage-history__item-num .num {
  font-size: 20px;
}
.wrap-garage .garage-history__item-sum {
  margin-top: 2px;
  font-size: 15px;
}
.wrap-garage .garage-history__item-sum .num {
  font-size: 16px;
}
.wrap-garage .garage-history__my-box {
  position: relative;
  margin-top: 19px;
  overflow: hidden;
}
.wrap-garage .garage-history__my-block {
  float: left;
  display: block;
  width: 50%;
}
.wrap-garage .garage-history__my-block .garage-history__title {
  color: #666;
  font-size: 15px;
  line-height: 1.5;
}
.wrap-garage .garage-history__my-block .garage-history__desc {
  margin-top: 3px;
  color: #111;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.25;
}
.wrap-garage .garage-history__someone-block {
  margin: 16px 0 24px 0;
  overflow: hidden;
}
.wrap-garage .garage-history__someone-block .garage-history__title,
.wrap-garage .garage-history__someone-block .garage-history__desc {
  float: left;
}
.wrap-garage .garage-history__someone-block .garage-history__title {
  clear: left;
  margin-right: 10px;
  color: #666;
  font-size: 15px;
  line-height: 27px;
}
.wrap-garage .garage-history__someone-block .garage-history__desc {
  position: relative;
  color: #111;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
}
.wrap-garage .garage-article.garage-calendar .garage-article__text {
  margin-bottom: 15px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #f0f0f0;
}
.wrap-garage .garage-insure__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-insure__item .btn-task {
  margin-left: auto;
}
.wrap-garage .garage-insure__item-logo {
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
  border: 1px solid #f3f3f3;
  overflow: hidden;
}
.wrap-garage .garage-insure__logo-img {
  width: 100%;
  height: 100%;
}
.wrap-garage .garage-insure__item-insurer .item-insurer__company {
  font-size: 16px;
}
.wrap-garage .garage-insure__item-insurer .item-insurer__company {
  font-size: 15px;
  color: #000;
}
.wrap-garage .garage-insure__item-insurer .item-insurer__expire-date {
  font-size: 16px;
}
.wrap-garage .garage-interval__title {
  display: block;
  font-size: 15px;
  color: #666;
}
.wrap-garage .garage-interval__calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-interval__calendar-date {
  width: 99px;
  height: 98px;
  padding: 35px 0 20px;
  background: url("../images/garage/bg_interval_calendar.png") no-repeat 0 0;
  color: #111;
  text-align: center;
}
.wrap-garage .garage-interval__calendar-date .calendar-date__year {
  display: block;
}
.wrap-garage .garage-interval__calendar-date .calendar-date__date {
  display: block;
  font-size: 16px;
}
.wrap-garage .garage-interval__calendar-dash {
  margin: 0 25px;
  foont-size: 15px;
  color: #666;
}
.wrap-garage .garage-tax__sum:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-tax__sum + .garage-tax__sum {
  margin-top: 15px;
}
.wrap-garage .garage-tax__sum-title {
  float: left;
  font-size: 16px;
  color: #666;
}
.wrap-garage .garage-tax__sum-amount {
  float: right;
  font-size: 15px;
  color: #000;
}
.wrap-garage .garage-tax__sum-amount .sum-amount__num {
  font-size: 16px;
}
.wrap-garage .garage-recall__item {
  display: inline-block;
  margin-top: 16px;
  color: #000;
}
.wrap-garage .garage-recall__item + .garage-recall__item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background: #d8d8d8;
}
.wrap-garage .garage-recall__item-title {
  display: inline-block;
  font-size: 15px;
}
.wrap-garage .garage-recall__item-num {
  display: inline-block;
  font-size: 15px;
}
.wrap-garage .garage-recall__item-num .num {
  font-size: 16px;
}
.wrap-garage .garage-recall__list {
  margin-top: 24px;
}
.wrap-garage .garage-recall__list .garage-recall__subject {
  margin-top: 0;
}
.wrap-garage .garage-recall__list .garage-recall__subject-link {
  padding: 24px 16px;
}
.wrap-garage .garage-recall__list .garage-recall__subject-link:after {
  content: normal;
}
.wrap-garage .garage-recall__list .garage-recall__subject-date {
  color: #fff;
}
.wrap-garage .garage-recall__list .garage-recall__state {
  position: absolute;
  right: 16px;
  top: 50%;
  display: block;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  background: url("../images/garage/state_recall.png") no-repeat;
  background-size: 38px auto;
  font-size: 12px;
  color: #666;
  line-height: 3.2;
  text-align: center;
}
.wrap-garage .garage-recall__list .garage-recall__state.state-complete {
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
}
.wrap-garage .garage-recall__list .subject-molit .garage-recall__state {
  background-position: left -38px;
}
.wrap-garage .garage-recall__list .subject-me .garage-recall__state {
  background-position: left -76px;
}
.wrap-garage .garage-recall__list-tail {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}
.wrap-garage .garage-recall__subject {
  position: relative;
  height: 98px;
  margin-top: 24px;
  background: #333;
  border-radius: 8px;
}
.wrap-garage .garage-recall__subject + .garage-recall__subject {
  margin-top: 10px;
}
.wrap-garage .garage-recall__subject.subject-molit {
  background: #44a5b7;
}
.wrap-garage .garage-recall__subject.subject-me {
  background: #003964;
}
.wrap-garage .garage-recall__subject-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
}
.wrap-garage .garage-recall__subject-link:hover, .wrap-garage .garage-recall__subject-link:active {
  text-decoration: none;
}
.wrap-garage .garage-recall__subject-link:after {
  position: absolute;
  top: 50%;
  right: 24px;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wrap-garage .garage-recall__subject-title {
  display: block;
  max-width: 77%;
  font-size: 15px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wrap-garage .garage-recall__subject-date {
  display: block;
  margin-top: 9px;
  color: #999;
}
.wrap-garage .garage-service__list {
  margin-bottom: 24px;
}
.wrap-garage .garage-service__list-item {
  margin-bottom: 16px;
}
.wrap-garage .garage-service__list-item:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-service__list-item .list-item__title {
  float: left;
  font-size: 16px;
}
.wrap-garage .garage-service__list-item .list-item__data {
  float: right;
  font-size: 16px;
  color: #999;
}
.wrap-garage .garage-service__list-item .list-item__data-time {
  color: #000;
}
.wrap-garage .garage-service__list-item .list-item__data-item {
  font-size: 15px;
  color: #000;
}
.wrap-garage .garage-service__list-item .list-item__data-item + .list-item__data-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background: #d8d8d8;
}
.wrap-garage .garage-service__list-item .list-item__data-item .num {
  font-size: 16px;
}
.wrap-garage .garage-service__list-progress {
  position: relative;
  height: 4px;
  background: #f5f5f5;
  border-radius: 2px;
}
.wrap-garage .garage-service__list-progress .bar {
  position: absolute;
  height: 100%;
  background: #ffc23c;
  border-radius: 2px;
}
.wrap-garage .garage-tooltip__tire-info {
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto 16px;
}
.wrap-garage .garage-tooltip__tire-info .tire-info__img {
  width: 100%;
  height: auto;
}
.wrap-garage .garage-tire__info {
  position: relative;
  margin-top: 35px;
  margin-bottom: 78px;
  padding-bottom: 17px;
}
.wrap-garage .garage-tire__info:before {
  display: block;
  content: "";
  width: 291px;
  height: 93px;
  margin: 0 auto;
  background: url("../images/garage/img_motor_tire.png") no-repeat;
}
.wrap-garage .garage-tire__info-item {
  position: absolute;
  top: 100%;
  text-align: center;
}
.wrap-garage .garage-tire__info-item.front {
  left: 50%;
  margin-left: -90px;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
.wrap-garage .garage-tire__info-item.back {
  right: 50%;
  margin-right: -85px;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
}
.wrap-garage .garage-tire__info-item .info-item__title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #666;
}
.wrap-garage .garage-tire__info-item .info-item__data {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.wrap-garage .garage-tire__info-item .info-item__data.icon-arrow-right:after {
  margin-left: 4px;
}
.wrap-garage .garage-tire__information {
  position: relative;
  overflow: hidden;
}
.wrap-garage .garage-tire__information-item {
  float: left;
  position: relative;
  width: 50%;
}
.wrap-garage .garage-tire__information-item .information-item__title {
  font-size: 15px;
  line-height: 1.5;
}
.wrap-garage .garage-tire__information-item .information-item__data {
  margin-top: 3px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.21;
}
.wrap-garage .garage-tire__information-item .information-item__data:after {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #111;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: middle;
}
.wrap-garage .garage-tire__no-data {
  position: relative;
  margin-top: 30px;
  padding: 20px 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #f5f5f5;
  line-height: 1.25;
  text-align: center;
}
.wrap-garage .garage-tire__no-data .garage-tire__no-data-block {
  padding: 0 20px;
}
.wrap-garage .garage-tire__no-data .no-data__image {
  position: relative;
  width: 100%;
  max-width: 288px;
  margin: 0 -20px 10px -20px;
}
.wrap-garage .garage-tire__no-data .no-data__title {
  display: block;
  font-size: 22px;
  font-weight: bold;
}
.wrap-garage .garage-tire__no-data .no-data__text {
  margin: 10px 0 20px 0;
  padding: 0;
  font-size: 15px;
}
.wrap-garage .garage-tire__no-data .btn-primary {
  -webkit-appearance: none;
}
.wrap-garage .garage-tire__detail {
  position: relative;
  height: 230px;
  margin-top: 44px;
  padding: 7px 0 22px 0;
  background: url("../images/garage/car_image.png") no-repeat 53% top;
  background-size: auto 230px;
}
.wrap-garage .garage-tire__detail-block {
  position: absolute;
  display: block;
  width: 80px;
  height: 82px;
  overflow: visible;
}
.wrap-garage .garage-tire__detail-block:before, .wrap-garage .garage-tire__detail-block:after {
  content: "";
  position: absolute;
}
.wrap-garage .garage-tire__detail-block:before {
  top: 50%;
  width: 24px;
  height: 78px;
  margin-top: -39px;
  background: url("../images/garage/tire_detail_shadow.png") no-repeat;
  background-size: auto 78px;
}
.wrap-garage .garage-tire__detail-block:after {
  top: 50%;
  width: 20px;
  height: 50px;
  margin-top: -25px;
  background: url("../images/garage/tire_big.png") no-repeat;
  background-size: 20px auto;
}
.wrap-garage .garage-tire__detail-block.front-left {
  top: 7px;
  left: 0;
}
.wrap-garage .garage-tire__detail-block.front-left:before {
  left: 100%;
  margin-left: -3px;
  background-position: right top;
}
.wrap-garage .garage-tire__detail-block.front-left:after {
  left: 100%;
  margin-left: 11px;
}
.wrap-garage .garage-tire__detail-block.front-right {
  top: 7px;
  right: 0;
}
.wrap-garage .garage-tire__detail-block.front-right:before {
  right: 100%;
  margin-right: -3px;
  background-position: left top;
}
.wrap-garage .garage-tire__detail-block.front-right:after {
  left: 0;
  margin-left: -31px;
}
.wrap-garage .garage-tire__detail-block.rear-left {
  bottom: 22px;
  left: 0;
}
.wrap-garage .garage-tire__detail-block.rear-left:before {
  left: 100%;
  margin-left: -3px;
  background-position: right top;
}
.wrap-garage .garage-tire__detail-block.rear-left:after {
  left: 100%;
  margin-left: 11px;
}
.wrap-garage .garage-tire__detail-block.rear-right {
  bottom: 22px;
  right: 0;
}
.wrap-garage .garage-tire__detail-block.rear-right:before {
  right: 100%;
  margin-right: -3px;
  background-position: left top;
}
.wrap-garage .garage-tire__detail-block.rear-right:after {
  left: 0;
  margin-left: -31px;
}
.wrap-garage .garage-tire__detail-input,
.wrap-garage .garage-tire__detail-item {
  position: relative;
  display: block;
  width: 80px;
  height: 82px;
  text-decoration: none;
}
.wrap-garage .garage-tire__detail-item {
  border-radius: 6px;
  background: #f5f5f5;
  color: #333;
  text-align: center;
  overflow: hidden;
}
.wrap-garage .garage-tire__detail-item .detail-item__title {
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 2.35;
  text-align: center;
  background: #333;
}
.wrap-garage .garage-tire__detail-item .detail-item__data {
  font-size: 16px;
  line-height: 1.25;
}
.wrap-garage .garage-tire__detail-item .detail-item__unit {
  display: block;
}
.wrap-garage .garage-tire__detail-input {
  padding: 9px 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.25;
  background: rgba(17, 17, 17, 0.8);
  text-align: center;
  border-radius: 6px;
}
.wrap-garage .garage-tire__detail-input .detail-input__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 8px auto;
  border: 1px solid #ffc23c;
  border-radius: 50%;
}
.wrap-garage .garage-tire__detail-input .detail-input__icon:before, .wrap-garage .garage-tire__detail-input .detail-input__icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: #fff;
}
.wrap-garage .garage-tire__detail-input .detail-input__icon:before {
  width: 12px;
  height: 2px;
  margin-top: -1px;
  margin-left: -6px;
}
.wrap-garage .garage-tire__detail-input .detail-input__icon:after {
  width: 2px;
  height: 12px;
  margin-top: -6px;
  margin-left: -1px;
}
.wrap-garage .garage-tire__detail-alarm {
  position: relative;
  margin-top: 24px;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}
.wrap-garage .garage-tire__detail-alarm .detail-alarm__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 18px 11px 18px;
  color: #333;
  text-decoration: none;
}
.wrap-garage .garage-tire__detail-alarm .detail-alarm__data {
  margin-left: auto;
  font-size: 0;
}
.wrap-garage .garage-tire__detail-alarm .detail-alarm__data:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #111;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
}
.wrap-garage .garage-tire__detail-alarm .detail-alarm__num {
  display: inline-block;
  min-width: 24px;
  padding: 0 7px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  background-color: #ffc23c;
  text-align: center;
}
.wrap-garage .garage-tire__detail-banner {
  position: relative;
  display: block;
  margin-top: 24px;
}
.wrap-garage .garage-tire__detail-banner-link {
  display: block;
}
.wrap-garage .garage-tire__detail-banner-image {
  display: block;
  width: 100%;
  height: auto;
}
.wrap-garage .garage-membership__info {
  position: relative;
}
.wrap-garage .garage-membership__info:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-membership__info-text {
  position: relative;
  float: left;
  font-size: 16px;
  letter-spacing: -1px;
}
.wrap-garage .garage-membership__info-text .name {
  color: #2572f6;
}
.wrap-garage .garage-membership__info-coupon {
  float: right;
  width: 70px;
  height: 37px;
  background: url("../images/garage/icon_membership_coupon.png") no-repeat;
}
.wrap-garage .garage-membership__content {
  position: relative;
  margin: -9px 0 18px 0;
  padding: 13px 0;
  font-size: 16px;
  line-height: 1.2;
}
.wrap-garage .garage-membership__content .name {
  color: #2572f6;
}
.wrap-garage .garage-membership__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 106px;
  height: 63px;
  background: url("../images/garage/icon_membership_card.png") no-repeat;
  background-size: 106px auto;
}
.wrap-garage .garage-membership__content-text {
  position: relative;
  z-index: 2;
}
.wrap-garage .garage-recommend__item {
  margin-top: 24px;
}
.wrap-garage .garage-recommend__item-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.wrap-garage .garage-recommend__item-desc {
  margin: 20px 0 16px;
}
.wrap-garage .garage-recommend__item-desc .name {
  display: block;
  font-size: 16px;
  color: #000;
}
.wrap-garage .garage-recommend__item-desc .model {
  display: block;
  margin: 5px 0 10px;
  font-size: 15px;
  color: #7f7f7f;
}
.wrap-garage .garage-recommend__item-desc .price {
  display: block;
  font-size: 16px;
  color: #000;
}
.wrap-garage .garage-recommend__item-desc .price .unit {
  font-size: 15px;
}
.wrap-garage .garage-recommend__item-average {
  height: 50px;
  background: #e9f0fe;
  border-radius: 4px;
  font-size: 15px;
  line-height: 50px;
  color: #2572f6;
  text-align: center;
}
.wrap-garage .garage-motor__loan {
  margin: 0 24px;
}
.wrap-garage .garage-motor__loan-info {
  text-align: center;
}
.wrap-garage .garage-motor__loan-info .loan-info__text {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.25;
}
.wrap-garage .garage-motor__loan-info .loan-info__text-title {
  display: block;
}
.wrap-garage .garage-motor__loan-info .loan-info__tag {
  font-size: 15px;
  color: #2572f6;
}
.wrap-garage .garage-motor__loan-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 38px 0 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-garage .garage-motor__loan-rate .loan-rate__item {
  width: 100px;
  height: 130px;
  margin: 0 10px;
  padding: 24px 0 5px;
  border-radius: 6px;
  text-align: center;
}
.wrap-garage .garage-motor__loan-rate .loan-rate__item-title {
  display: block;
  margin-top: 9px;
  font-size: 14px;
}
.wrap-garage .garage-motor__loan-rate .loan-rate__item-rate {
  display: block;
  margin-top: 5px;
  font-size: 16px;
}
.wrap-garage .garage-motor__loan-rate .loan-rate__item.high {
  background: #f5f5f5;
  color: #999;
}
.wrap-garage .garage-motor__loan-rate .loan-rate__item.low {
  background: #fff;
  -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);
  color: #333;
}
.wrap-garage .garage-motor__loan-service {
  width: 300px;
  height: 161px;
  margin: 30px auto;
  background: transparent url("../images/garage/img_loan_service.png") no-repeat 0 0;
  text-indent: -9999em;
}
.wrap-garage .garage-motor__loan-box {
  margin-bottom: 40px;
  font-size: 0;
  text-align: center;
}
.wrap-garage .garage-motor__loan-box .loan-box__item {
  position: relative;
  display: inline-block;
  padding: 0 38px;
}
.wrap-garage .garage-motor__loan-box .loan-box__item + .loan-box__item:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  width: 1px;
  height: 24px;
  background: #f0f0f0;
}
.wrap-garage .garage-motor__loan-box .loan-box__item-title {
  font-size: 16px;
  color: #666;
}
.wrap-garage .garage-motor__loan-box .loan-box__item-data {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}
.wrap-garage .garage-motor__loan-box .loan-box__item-data .unit {
  font-size: 21px;
}
.wrap-garage .garage-motor__loan-list {
  margin: 24px 24px 0;
}
.wrap-garage .garage-motor__loan-list .btn-primary {
  margin-top: 40px;
  height: 64px;
  line-height: 64px;
}
.wrap-garage .garage-motor__loan-item .loan-item__title {
  position: relative;
  height: 54px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 16px;
  font-weight: 700;
  line-height: 54px;
  cursor: pointer;
}
.wrap-garage .garage-motor__loan-item .loan-item__title[class*=icon-arrow-]:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
}
.wrap-garage .garage-motor__loan-item .loan-item__panel {
  display: none;
  padding: 17px 16px;
  background: #f0f0f0;
  font-size: 15px;
}
.wrap-garage .garage-motor__loan-ps {
  margin-top: 24px;
}
.wrap-garage .garage-motor__loan-ps .loan-ps__item {
  display: block;
  color: #666;
}
.wrap-garage .garage-motor__tooltip-info {
  position: relative;
  margin-top: 27px;
}
.wrap-garage .garage-motor__tooltip-info .tooltip-info__arrow {
  position: absolute;
  top: -10px;
  right: 54px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 9px 2px 0 #f5f5f5;
          box-shadow: 9px 2px 0 #f5f5f5;
}
.wrap-garage .garage-motor__tooltip-info .tooltip-info__text {
  position: relative;
  display: block;
  height: 54px;
  margin-top: 10px;
  background: #f5f5f5;
  border-radius: 27px;
  font-size: 15px;
  line-height: 54px;
  text-align: center;
}
.wrap-garage .garage-motor__loan-reguest {
  margin: 0 24px;
}
.wrap-garage .garage-motor__loan-reguest .form-box__list + .form-box__list {
  margin-top: 29px;
}
.wrap-garage .garage-motor__loan-reguest .service-box {
  margin-top: 30px;
}
.wrap-garage .garage-motor__loan-reguest .service-box__info {
  margin-top: 16px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
  line-height: 1.43;
  color: #666;
}
.wrap-garage .garage-motor__loan-reguest .service-box__info-text {
  display: block;
  margin-top: 22px;
}
.wrap-garage .garage-motor__loan-reguest .service-box__desc {
  margin-top: 14px;
  color: #666;
}
.wrap-garage .garage-motor__loan-reguest .service-box__desc-item {
  line-height: 1.43;
}
.wrap-garage .garage-motor__loan-reguest .service-box__desc-item:before {
  display: inline-block;
  content: "∙";
  margin-right: 1px;
}
.wrap-garage .garage-motor__loan-reguest .service-box__desc-item.accent {
  color: #999;
}
.wrap-garage .garage-motor__loan-reguest .service-box__desc-item.accent:before {
  font-weight: 700;
  color: #e02121;
}
.wrap-garage .garage-motor__loan-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 20px 14px;
}
.wrap-garage .garage-motor__loan-btn .btn {
  margin: 0 4px;
}
.wrap-garage .garage-motor__loan-btn .btn.btn-cancel {
  width: 32%;
}
.wrap-garage .garage-motor__loan-complete {
  margin-top: 120px;
  color: #333;
  text-align: center;
}
.wrap-garage .garage-motor__loan-complete .loan-complete__text {
  display: block;
  margin: 35px 0 147px;
  font-size: 22px;
}
.wrap-garage .garage-motor__loan-complete .loan-complete__info {
  display: block;
  font-size: 18px;
}
.wrap-garage .garage-motor__swiper {
  width: 196px;
  margin: 0 auto 8px;
  text-align: center;
}
.wrap-garage .garage-motor__swiper .garage-motor__number {
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}
.wrap-garage .garage-motor__swiper .garage-motor__thumb {
  margin-top: 14px;
}
.wrap-garage .garage-motor__swiper .swiper-button-prev,
.wrap-garage .garage-motor__swiper .swiper-button-next {
  top: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}
.wrap-garage .garage-motor__swiper .swiper-button-prev:after,
.wrap-garage .garage-motor__swiper .swiper-button-next:after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border: solid #666;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.wrap-garage .garage-motor__swiper .swiper-button-prev {
  left: 0;
}
.wrap-garage .garage-motor__swiper .swiper-button-prev:after {
  border-width: 0 0 1px 1px;
  margin-right: -3px;
}
.wrap-garage .garage-motor__swiper .swiper-button-next {
  right: 0;
}
.wrap-garage .garage-motor__swiper .swiper-button-next:after {
  border-width: 1px 1px 0 0;
  margin-left: -3px;
}
.wrap-garage .garage-motor__swiper .swiper-button-prev.swiper-button-disabled,
.wrap-garage .garage-motor__swiper .swiper-button-next.swiper-button-disabled {
  border-color: transparent;
  background: #e5e5e5;
}
.wrap-garage .garage-tab__menu {
  margin: 0 24px 28px;
}
.wrap-garage .garage-tab__menu-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 4px;
  background: #f5f5f5;
  border-radius: 28px;
  color: #999;
}
.wrap-garage .garage-tab__menu-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
}
.wrap-garage .garage-tab__menu-item.on {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  font-weight: 700;
  color: #111;
}
.wrap-garage .garage-tab__content {
  margin: 0 24px;
}
.wrap-garage .garage-tab__content .form-box__list + .form-box__list {
  margin-top: 28px;
}
.wrap-garage .garage-tab__content .form-box__list .model-box__name {
  display: block;
  font-size: 16px;
}
.wrap-garage .garage-tab__content .form-box__list .btn-task {
  margin-left: auto;
}
.wrap-garage .garage-tab__content .form-box__list .select-box {
  color: #333;
}
.wrap-garage .garage-tab__content .form-box__list .select-box + .select-box {
  margin-left: 8px;
}
.wrap-garage .garage-tab__content .form-box__list .input-text .input {
  height: 50px;
}
.wrap-garage .garage-tab__content .form-box__list .input-text__label {
  color: #111;
}
.wrap-garage .garage-tab__content .form-box__list-title {
  font-size: 15px;
  color: #111;
}
.wrap-garage .garage-tab__content .form-box__list-data {
  margin-top: 12px;
}
.wrap-garage .garage-tab__content .drive-box__title {
  margin-bottom: 8px;
  font-size: 15px;
  color: #111;
}
.wrap-garage .garage-tab__content .drive-box__group {
  margin-bottom: 30px;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
}
.wrap-garage .garage-tab__content .drive-box__list:after {
  display: block;
  content: "";
  clear: both;
}
.wrap-garage .garage-tab__content .drive-box__list + .drive-box__list {
  margin-top: 21px;
}
.wrap-garage .garage-tab__content .drive-box__list-date,
.wrap-garage .garage-tab__content .drive-box__list-type,
.wrap-garage .garage-tab__content .drive-box__list-distance {
  float: left;
  font-size: 15px;
}
.wrap-garage .garage-tab__content .drive-box__list-date {
  margin-right: 3.33%;
}
.wrap-garage .garage-tab__content .drive-box__list-type {
  min-width: 26%;
  margin-right: 2%;
}
.wrap-garage .garage-tab__content .drive-box__list-type .type-default {
  color: #2572f6;
}
.wrap-garage .garage-tab__content .drive-box__list-type .type-direct {
  color: #000;
}
.wrap-garage .garage-tab__content .drive-box__list-distance {
  width: 30%;
  text-align: right;
}
.wrap-garage .garage-tab__content .drive-box__list-btn {
  float: right;
}
.wrap-garage .garage-tab__content .drive-box__list-btn .btn-link-alarm {
  font-size: 13px;
}
.wrap-garage .garage-tab__content .data-box {
  margin-bottom: 14px;
}
.wrap-garage .garage-tab__content .swiper-garage-attach {
  margin: 0 -24px;
  padding: 0 24px;
}
.wrap-garage .garage-tab__content .swiper-garage-attach .swiper-slide {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  overflow: hidden;
}
.wrap-garage .garage-tab__content .btn-alert {
  margin-top: 22px;
  margin-bottom: 74px;
}
.wrap-garage .garage-tab__content .btn-primary {
  height: 64px;
  line-height: 64px;
}
.wrap-garage .garage-car-remove {
  display: block;
  padding: 22px 0 40px 0;
  text-align: center;
}
.wrap-garage .garage-car-remove .btn-car-remove {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 2px 0 2px 22px;
  color: #666;
  font-size: 16px;
  line-height: 18px;
  border-bottom: 1px solid #666;
  border-radius: 0;
  background: transparent;
}
.wrap-garage .garage-car-remove .btn-car-remove:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 18px;
  margin-top: -9px;
  background: url("../images/garage/icon_car_remove.png") no-repeat;
  background-size: 14px auto;
}
.wrap-garage .garage-massage {
  bottom: 24px;
  width: 100%;
  height: 74px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.wrap-garage .garage-massage.garage-message--inspection {
  position: static;
  bottom: auto;
  margin-top: 30px;
}
.wrap-garage .tooltip-text-block {
  display: inline-block;
  font: inherit;
  margin: 0 2px;
}
.wrap-garage .garage-tooltip {
  margin-top: -4px;
  margin-left: 4px;
}
.wrap-garage .garage-tooltip .btn-tooltip {
  width: 18px;
  height: 18px;
  background: url("../images/garage/btn_tooltip.png") no-repeat 0 0;
}
.wrap-garage .garage-tooltip .btn-tooltip--info {
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}
.wrap-garage .garage-tooltip .btn-tooltip--info:before, .wrap-garage .garage-tooltip .btn-tooltip--info:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: #999;
}
.wrap-garage .garage-tooltip .btn-tooltip--info:before {
  top: 4px;
  height: 7px;
}
.wrap-garage .garage-tooltip .btn-tooltip--info:after {
  top: 12px;
  height: 2px;
}
.wrap-garage .garage-tooltip.garage-tooltip--info {
  margin-left: -2px;
  margin-top: -1px;
}
.wrap-garage .garage-tooltip__arrow {
  display: none;
  position: absolute;
  top: 30px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-box-shadow: -5px -5px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: -5px -5px 5px 0 rgba(0, 0, 0, 0.05);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
}
.wrap-garage .garage-tooltip__box {
  top: 36px;
  left: -95px;
  width: calc(100vw - 48px);
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  -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);
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #666;
  /*
  &:before {
    position: absolute;
    left: 95px;
    top: -5px;
    content: '';
    width:12px;
    height: 12px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
  }
  */
}
.wrap-garage .garage-tooltip__box:after {
  display: none;
}

/* dialog */
.alert-txt {
  font-size: 16px;
  text-align: center;
}

.alert-tit {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 8px 0 16px;
}
.alert-tit > .txt {
  font: inherit;
  font-weight: 400;
}
.alert-tit > .txt.size-s {
  font-size: 14px;
}
.alert-tit > strong.txt {
  font-weight: 700;
}

.dialog-wrap {
  padding: 0 24px 24px;
  /* dialog button */
  /* dialog 차량 변경 */
  /* dialog 차량확인 케이스 */
  /* dialog 상담신청 완료 */
  /* dialog 자동차세 납부 */
  /* dialog 개인정보 수집동의 */
  /* dialog 내차팔기 */
  /* dialog 사고이력조회 */
  /* 범칙금/과태료/벌점 */
  /* 자동차 세금안내 */
  /* tooltip */
}
.dialog-wrap.type-new {
  display: none;
}
.dialog-wrap--alert {
  padding-top: 35px;
  text-align: center;
  font-size: 16px;
}
.dialog-wrap--alert .alert-txt {
  font-size: 16px;
}
.dialog-wrap--alert .alert-tit {
  font-size: 18px;
  font-weight: 700;
  margin: 8px 0 16px;
}
.dialog-wrap--alert .alert-tit > .txt {
  font: inherit;
  font-weight: 400;
}
.dialog-wrap--alert .alert-tit > .txt.size-s {
  font-size: 14px;
}
.dialog-wrap--alert .alert-tit > strong.txt {
  font-weight: 700;
}
.dialog-wrap--alert .icon-nodata {
  display: inline-block;
  margin-top: 8px;
  width: 48px;
  height: 48px;
  background: url("../images/common/icon48-nodata.svg");
}
.dialog-wrap.layer-pop-btm {
  padding-bottom: 24px;
}
.dialog-wrap .dialog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-wrap .dialog__head-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .dialog__head-btn {
  width: 24px;
  height: 24px;
  margin-left: auto;
  background: transparent url("../images/garage/btn_close.png") no-repeat 0 0;
  border-radius: 0;
  font-size: 0;
}
.dialog-wrap .modal-tit {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.dialog-wrap .modal-txt {
  margin-top: 8px;
  font-size: 16px;
  color: #222;
}
.dialog-wrap .dialog__body {
  padding: 0 !important;
}
.dialog-wrap .dialog__body .scroll-wrap {
  margin-bottom: 0;
}
.dialog-wrap .dialog__body .form-box {
  margin-top: 15px;
}
.dialog-wrap .dialog__body .form-box__list + .form-box__list {
  margin-top: 29px;
}
.dialog-wrap .dialog__body .form-box__list .toggle-box {
  float: right;
  margin-top: -3px;
}
.dialog-wrap .dialog__body .form-box__list .check-box {
  margin-top: 6px;
}
.dialog-wrap .dialog__body .form-box__list .check-box label {
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.dialog-wrap .dialog__body .form-box__list .check-box label:before {
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 6px;
  background-size: 160%;
  background-position: -6px -6px;
}
.dialog-wrap .dialog__body .form-box__list .check-box input:checked + label:before, .dialog-wrap .dialog__body .form-box__list .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .dialog-wrap .dialog__body .form-box__list .check-box .ico-confirm:checked + label:before, .dialog-wrap .dialog__body .form-box__list .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .dialog-wrap .dialog__body .form-box__list .check-box .ico-confirm:checked + label:before {
  background-position-y: -32px;
}
.dialog-wrap .dialog__body .form-box__list-title {
  font-size: 15px;
  color: #000;
}
.dialog-wrap .dialog__body .form-box--register-tire .form-box__list + .form-box__list {
  margin-top: 15px;
}
.dialog-wrap .dialog__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  padding-top: 24px;
}
.dialog-wrap .dialog__foot .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
  white-space: nowrap;
  padding: 0 6px;
}
.dialog-wrap .dialog__foot .btn.btn-add {
  height: 60px;
  line-height: 60px;
}
.dialog-wrap .dialog__foot .btn.btn-close {
  height: 56px;
  line-height: 56px;
}
.dialog-wrap .dialog__afterbox {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 12px 16px 10px;
  background: rgba(102, 102, 102, 0.8);
  border-radius: 12px;
}
.dialog-wrap .dialog__afterbox p, .dialog-wrap .dialog__afterbox ul.guide-bul > li {
  font: inherit;
  color: inherit;
}
.dialog-wrap.type-flat .dialog__foot {
  padding: 0;
  border-radius: 0 0 12px 12px;
  margin: 30px -24px -24px;
  overflow: hidden;
  border-top: 1px solid #eee;
}
.dialog-wrap.type-flat .dialog__foot .btn {
  margin: 0;
  border-radius: 0;
  background: none;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
}
.dialog-wrap.type-flat .dialog__foot .btn + .btn {
  border-left: 1px solid #eee;
}
.dialog-wrap.type-flat .dialog__foot .btn.btn-primary {
  color: #2589ff;
}
.dialog-wrap.type-flat .dialog__foot .btn.btn-secondary {
  color: #222;
}
.dialog-wrap .btn.btn-task {
  height: 37px;
  background: #ffc23c;
  font-size: 14px;
  line-height: 37px;
}
.dialog-wrap .btn.btn-primary {
  width: 100%;
  height: 64px;
  background: #f6bd40;
  line-height: 64px;
}
.dialog-wrap .btn.btn-secondary {
  width: 100%;
  height: 64px;
  background: #f0f0f0;
  line-height: 64px;
}
.dialog-wrap .btn.btn-dark {
  height: 64px;
  background: #333;
  color: #fff;
  line-height: 64px;
}
.dialog-wrap .btn.btn-cancel {
  width: 32%;
}
.dialog-wrap .btn.btn-has-small {
  line-height: 1.25;
}
.dialog-wrap .btn.btn-has-small small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  opacity: 0.6;
}
.dialog-wrap .dialog-massage {
  position: absolute;
  bottom: 24px;
  width: calc(100% - 48px);
  height: 76px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.dialog-wrap .dialog-garage__motor-group {
  margin-top: 16px;
}
.dialog-wrap .dialog-garage__motor-item + .dialog-garage__motor-item {
  margin-top: 2px;
}
.dialog-wrap .motor-item__radio-box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
.dialog-wrap .motor-item__radio-box label:before {
  display: none;
  right: 0;
  width: 18px;
  height: 13px;
}
.dialog-wrap .motor-item__radio-box input:checked + label, .dialog-wrap .motor-item__radio-box .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .dialog-wrap .motor-item__radio-box .ico-confirm:checked + label, .dialog-wrap .motor-item__radio-box .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .dialog-wrap .motor-item__radio-box .ico-confirm:checked + label {
  color: #2572f6;
}
.dialog-wrap .motor-item__radio-box input:checked + label:before, .dialog-wrap .motor-item__radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .dialog-wrap .motor-item__radio-box .ico-confirm:checked + label:before, .dialog-wrap .motor-item__radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .dialog-wrap .motor-item__radio-box .ico-confirm:checked + label:before {
  display: block;
  top: 21px;
  background-position: -10px -10px;
}
.dialog-wrap .motor-item__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 101px;
  height: 68px;
  margin-right: 12px;
}
.dialog-wrap .motor-item__thumb .motor-thumb__img {
  width: 100%;
  height: 100%;
}
.dialog-wrap .motor-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
}
.dialog-wrap .motor-item__info-num {
  display: block;
  margin-bottom: 5px;
}
.dialog-wrap .motor-item__info-name {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dialog-wrap .dialog-garage__motor {
  margin: 8px 0 20px;
  text-align: center;
}
.dialog-wrap .dialog-garage__motor-text {
  display: block;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .dialog-garage__motor-thumb {
  display: inline-block;
  width: 196px;
  height: 142px;
}
.dialog-wrap .dialog-garage__motor-thumb .motor-thumb__img {
  width: 100%;
  height: 100%;
}
.dialog-wrap .dialog-garage__motor-name {
  color: #111;
}
.dialog-wrap .dialog-garage__motor-name .motor-name__name {
  display: block;
  font-size: 20px;
}
.dialog-wrap .dialog-garage__motor-name .motor-name__number {
  display: block;
  font-size: 20px;
}
.dialog-wrap .dialog-garage__motor-name .motor-name__model {
  display: block;
  margin: 6px 0 10px;
  font-size: 16px;
}
.dialog-wrap .dialog-garage__motor-name .motor-name__date {
  display: block;
  font-size: 16px;
  color: #999;
}
.dialog-wrap .dialog-garage__motor-info {
  margin-top: 40px;
  color: #2572f6;
  font-size: 14px;
}
.dialog-wrap .dialog-garage__loan-complete {
  margin: 120px 0 15px;
  color: #333;
  text-align: center;
}
.dialog-wrap .dialog-garage__loan-complete .loan-complete__text {
  display: block;
  margin: 35px 0 147px;
  font-size: 22px;
}
.dialog-wrap .dialog-garage__loan-complete .loan-complete__info {
  display: block;
  font-size: 18px;
}
.dialog-wrap .dialog-garage__tax-pay {
  /*height: 94px;*/
  margin: 21px 0 8px;
}
.dialog-wrap .dialog-garage__tax-pay:after {
  display: block;
  content: "";
  clear: both;
}
.dialog-wrap .dialog-garage__tax-pay + .dialog-garage__tax-pay:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  margin: 21px 0;
  background: #f0f0f0;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__item {
  float: left;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__item-title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__item-resident {
  font-size: 15px;
  color: #2572f6;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__logo {
  float: right;
  height: 24px;
  margin-top: 2px;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__logo.icon-arrow-right:after {
  margin-top: 1px;
  margin-left: 8px;
}
.dialog-wrap .dialog-garage__tax-pay .tax-pay__logo-img {
  height: 100%;
}
.dialog-wrap .service-box {
  margin-top: 30px;
}
.dialog-wrap .service-box.first {
  margin-top: 0;
  padding: 10px 0;
}
.dialog-wrap .service-box__info {
  margin-top: 16px;
  padding: 15px;
  background: #f5f5f5;
  border-radius: 8px;
  line-height: 1.43;
  color: #666;
}
.dialog-wrap .service-box__info-text {
  display: block;
  margin-top: 22px;
}
.dialog-wrap .service-box__desc {
  margin-top: 14px;
  color: #666;
}
.dialog-wrap .service-box__desc-item {
  line-height: 1.43;
}
.dialog-wrap .service-box__desc-item:before {
  display: inline-block;
  content: "∙";
  margin-right: 1px;
}
.dialog-wrap .service-box__desc-item.accent {
  color: #999;
}
.dialog-wrap .service-box__desc-item.accent:before {
  font-weight: 700;
  color: #e02121;
}
.dialog-wrap .info-box {
  margin-top: 20px;
}
.dialog-wrap .info-box__title {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
}
.dialog-wrap .info-box__desc-item {
  font-size: 15px;
}
.dialog-wrap .info-box__desc-item:before {
  display: inline-block;
  content: "∙";
  margin-right: 5px;
}
.dialog-wrap .info-box__desc-item + .info-box__desc-item {
  margin-top: 3px;
}
.dialog-wrap .info-box__desc-box {
  margin: 15px 4px;
}
.dialog-wrap .info-box__desc-box .desc-box__item {
  font-size: 13px;
}
.dialog-wrap .info-box__desc-box .desc-box__item:before {
  display: inline-block;
  content: "";
  margin-top: 4px;
  margin-right: 4px;
  border-top: 3px solid transparent;
  border-left: 4px solid #656565;
  border-bottom: 3px solid transparent;
  vertical-align: top;
}
.dialog-wrap .info-box__desc-box .desc-box__item + .desc-box__item {
  margin-top: 3px;
}
.dialog-wrap .vocabulary-box {
  margin-top: 20px;
}
.dialog-wrap .vocabulary-box__title {
  display: block;
  margin-bottom: 10px;
  color: #000;
}
.dialog-wrap .vocabulary-box__title:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url("../images/garage/icon_info.png") no-repeat 0 0;
  vertical-align: middle;
}
.dialog-wrap .vocabulary-box__desc-item {
  font-size: 13px;
}
.dialog-wrap .vocabulary-box__desc-item:before {
  display: inline-block;
  content: "※";
  margin-right: 5px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .vocabulary-box__desc-item + .vocabulary-box__desc-item {
  margin-top: 4px;
}
.dialog-wrap .vocabulary-box__desc-item strong {
  color: #8d744a;
}
.dialog-wrap .dialog-garage__motor-sell {
  margin: 15px 0 6px;
  -webkit-transform: none;
}
.dialog-wrap .dialog-garage__motor-sell:after {
  display: block;
  content: "";
  clear: both;
}
.dialog-wrap .dialog-garage__motor-sell + .dialog-garage__motor-sell:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  margin: 24px 0;
  background: #f0f0f0;
}
.dialog-wrap .dialog-garage__motor-sell .motor-sell__item {
  float: left;
}
.dialog-wrap .dialog-garage__motor-sell .motor-sell__item-price {
  font-size: 15px;
  color: #111;
}
.dialog-wrap .dialog-garage__motor-sell .motor-sell__item-price .price {
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.dialog-wrap .dialog-garage__motor-sell .btn-task {
  float: right;
  width: 75px;
  margin: 4px 0;
  padding-left: 0;
  padding-right: 0;
}
.dialog-wrap .dialog-garage__history-motor {
  margin: 10px 0 20px;
}
.dialog-wrap .dialog-garage__history-motor .history-motor__model {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #000;
}
.dialog-wrap .dialog-garage__history-motor .history-motor__date {
  display: block;
  font-size: 15px;
  color: #666;
}
.dialog-wrap .dialog-garage__history-title {
  margin: 30px 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .dialog-garage__history-title .history-title__text {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.dialog-wrap .dialog-garage__history-group {
  margin: 5px;
}
.dialog-wrap .dialog-garage__history-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  padding: 0 24px;
  background: #fff;
  border-radius: 6px;
  -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);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
.dialog-wrap .dialog-garage__history-item + .dialog-garage__history-item {
  margin-top: 8px;
}
.dialog-wrap .dialog-garage__history-item:before {
  width: 44px;
  height: 44px;
  content: "";
  margin-right: 16px;
  background: transparent url("../images/garage/icon_spr_history.png") no-repeat;
  background-position-y: -10px;
}
.dialog-wrap .dialog-garage__history-item.history-total:before {
  background-position-x: -10px;
}
.dialog-wrap .dialog-garage__history-item.history-steal:before {
  background-position-x: -64px;
}
.dialog-wrap .dialog-garage__history-item.history-flood:before {
  background-position-x: -118px;
}
.dialog-wrap .dialog-garage__history-item.history-use:before {
  background-position-x: -172px;
}
.dialog-wrap .dialog-garage__history-item.history-my:before {
  background-position-x: -226px;
}
.dialog-wrap .dialog-garage__history-item.history-other:before {
  background-position-x: -280px;
}
.dialog-wrap .dialog-garage__history-item.history-owner:before {
  background-position-x: -334px;
}
.dialog-wrap .dialog-garage__history-item.history-number:before {
  background-position-x: -388px;
}
.dialog-wrap .dialog-garage__history-item.history-rent:before {
  background-position-x: -442px;
}
.dialog-wrap .dialog-garage__history-item.history-official:before {
  background-position-x: -496px;
}
.dialog-wrap .dialog-garage__history-item .history-item__title {
  margin-right: auto;
}
.dialog-wrap .dialog-garage__history-item .history-item__data {
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -1px;
}
.dialog-wrap .dialog-garage__history-item .history-item__data-sum {
  font-size: 16px;
  font-weight: 400;
}
.dialog-wrap .dialog-garage__history-case {
  height: 60px;
  background: #f5f4f3;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
}
.dialog-wrap .dialog-garage__history-date {
  padding: 33px 0 17px;
  font-size: 18px;
  font-weight: 700;
  color: #3149b4;
  text-align: center;
}
.dialog-wrap .dialog-garage__history-thumb {
  text-align: center;
}
.dialog-wrap .dialog-garage__history-thumb .dialog-garage__motor-thumb {
  width: 120px;
  height: auto;
}
.dialog-wrap .dialog-garage__history-desc {
  margin-bottom: 27px;
}
.dialog-wrap .dialog-garage__history-desc .history-desc__drive {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
}
.dialog-wrap .dialog-garage__history-desc .history-desc__drive strong {
  color: #2572f6;
}
.dialog-wrap .dialog-garage__history-desc .history-desc__date {
  color: #8f8f8f;
}
.dialog-wrap .dialog-garage__penalty {
  margin-top: 10px;
  font-size: 15px;
}
.dialog-wrap .tax-info__title {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.dialog-wrap .tax-info__sub-title {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  text-align: left;
}
.dialog-wrap .table--garage-data ~ .tax-info__sub-title {
  margin-top: 32px;
}
.dialog-wrap .table--garage-data + .service-box__desc {
  color: #999;
}
.dialog-wrap .tax-info__exempt-box + .tax-info__exempt-box {
  margin-top: 25px;
}
.dialog-wrap .tax-info__exempt-title {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}
.dialog-wrap .tax-info__exempt-text {
  display: block;
  margin-top: 16px;
}
.dialog-wrap .tooltip-text-block {
  display: inline-block;
  font: inherit;
  margin: 0 2px;
}
.dialog-wrap .garage-tooltip {
  margin-top: -4px;
  margin-left: 4px;
}
.dialog-wrap .garage-tooltip .btn-tooltip {
  width: 18px;
  height: 18px;
  background: url("../images/garage/btn_tooltip.png") no-repeat 0 0;
}
.dialog-wrap .garage-tooltip .btn-tooltip--info {
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}
.dialog-wrap .garage-tooltip .btn-tooltip--info:before, .dialog-wrap .garage-tooltip .btn-tooltip--info:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: #999;
}
.dialog-wrap .garage-tooltip .btn-tooltip--info:before {
  top: 4px;
  height: 7px;
}
.dialog-wrap .garage-tooltip .btn-tooltip--info:after {
  top: 12px;
  height: 2px;
}
.dialog-wrap .garage-tooltip.garage-tooltip--info {
  margin-left: -2px;
  margin-top: -1px;
}
.dialog-wrap .garage-tooltip__arrow {
  display: none;
  position: absolute;
  top: 30px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-box-shadow: -5px -5px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: -5px -5px 5px 0 rgba(0, 0, 0, 0.05);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
}
.dialog-wrap .garage-tooltip__box {
  top: 36px;
  left: -95px;
  width: calc(100vw - 60px);
  padding: 16px 10px;
  background: #fff;
  border-radius: 8px;
  -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);
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  color: #666;
  /*
  &:before {
    position: absolute;
    left: 95px;
    top: -5px;
    content: '';
    width:12px;
    height: 12px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
  }
  */
}
.dialog-wrap .garage-tooltip__box:after {
  display: none;
}

/* dialog 임시 버튼 */
.dialog-sample {
  background: #fff;
}
.dialog-sample a {
  display: inline-block;
  min-width: 200px;
  height: 50px;
  padding: 0 15px;
  background: #ffc23c;
  font-size: 16px;
  line-height: 50px;
  color: #111;
  text-decoration: none;
  text-align: center;
}
.dialog-sample a:hover, .dialog-sample a:active {
  text-decoration: none;
}
.dialog-sample a + a {
  margin-top: 15px;
}

.garage-info-foot {
  position: relative;
  padding: 25px 0 50px 0;
}

.garage-info-foot__logo {
  display: block;
  width: 78px;
  height: 34px;
  margin: 0 auto;
  text-indent: -9999em;
  overflow: hidden;
  background: url("../images/garage/foot_logo.png") no-repeat;
  background-size: 78px auto;
}

.garage-hero__ranking {
  position: relative;
  margin: -96px 24px 0 24px;
  padding: 15px 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(204, 204, 204, 0.4);
          box-shadow: 0 4px 10px 0 rgba(204, 204, 204, 0.4);
  background: #fff;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  z-index: 2;
}

.garage-hero__ranking-item {
  display: inline-block;
  width: 50%;
  padding: 4px 0;
  text-align: center;
  color: #666;
  font-size: 16px;
}
.garage-hero__ranking-item strong {
  display: block;
  margin-bottom: 3px;
  color: #000;
  font-size: 24px;
  line-height: 1.21;
}
.garage-hero__ranking-item + .garage-hero__ranking-item:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1px;
  height: 60px;
  margin-top: -30px;
  background: #f0f0f0;
}

.garage-content-info {
  position: relative;
  margin-top: -40px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 40px 24px 0 24px;
  background: #fff;
}
.garage-hero__ranking + .garage-content-info {
  padding-top: 80px;
}

.garage-content-info__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #111;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.35;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.garage-content-info__content {
  margin-top: 14px;
  margin-bottom: 60px;
}
.garage-content-info__content .head-number {
  position: relative;
  display: inline-block;
  padding: 0 2px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}
.garage-content-info__content .head-number:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin-top: -9px;
  background-color: #ffc23c;
}
.garage-content-info__content .description-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 19px;
}
.garage-content-info__content .description-list:first-of-type {
  margin-top: 15px;
}
.garage-content-info__content .description-list__title {
  position: relative;
  padding-left: 10px;
  color: #666;
  font-size: 15px;
}
.garage-content-info__content .description-list__title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  background: #666;
}
.garage-content-info__content .description-list__desc {
  margin-left: auto;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.garage-content-info__foot {
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 14px;
}
.garage-content-info__foot + .garage-content-info__foot {
  margin-top: 8px;
}

.garage-content-info__chart {
  position: relative;
}
.garage-content-info__chart .chart-head {
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 16px;
  text-align: center;
}
.garage-content-info__chart .garage-price__chart-box {
  margin-top: 20px;
}
.garage-content-info__chart .garage-price__condition {
  margin-top: 30px;
  margin-bottom: 20px;
}
.garage-content-info__chart .garage-price__condition-group {
  font-size: 16px;
  padding: 0 50px;
}

.garage-tire-nav {
  width: 100%;
  height: 43px;
  overflow: hidden;
  overflow-x: auto;
}
.garage-tire-nav .nav-list {
  width: 100%;
  display: table;
}
.garage-tire-nav .nav-list__item {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.garage-tire-nav .nav-list__link {
  display: block;
  width: 100%;
  padding: 0 10px;
  text-decoration: none;
}
.garage-tire-nav .nav-list__text {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 13px 5px 11px 5px;
  color: #999;
  font-size: 15px;
  line-height: 19px;
}
.garage-tire-nav .nav-list__item.active .nav-list__text {
  color: #111;
  font-weight: bold;
}
.garage-tire-nav .nav-list__item.active .nav-list__text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  border-radius: 1px;
  background-color: #ffc23c;
}

.wrap-garage .garage-article.garage-article-tire {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-description-image {
  display: block;
  width: 100%;
  max-width: 626px;
  margin: 10px auto 0 auto;
}
.wrap-garage .garage-article.garage-article-tire .tire-description-text {
  margin: 25px 0 0 0;
  padding: 0;
  color: #999;
  font-size: 14px;
  line-height: 1.25;
}
.wrap-garage .garage-article.garage-article-tire .tire-info-input {
  margin-top: 40px;
}
.wrap-garage .garage-article.garage-article-tire .tire-info-input .tire-info-input__head-row {
  color: #111;
  width: 45px;
  font-size: 18px;
  line-height: 56px;
}
.wrap-garage .garage-article.garage-article-tire .tire-info-input .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: #000;
  font-size: 15px;
  line-height: 19px;
}
.wrap-garage .garage-article.garage-article-tire .tire-info-input .tire-info-input__col + .tire-info-input__col {
  margin-left: 8px;
}
.wrap-garage .garage-article.garage-article-tire .tire-info-input .tire-info-input__col .tooltip {
  margin-top: -1px;
}
.wrap-garage .garage-article.garage-article-tire .garage-article-tire__mount {
  position: relative;
  padding: 30px 0 55px 0;
  background: url("../images/garage/car_image.png") no-repeat center top;
  background-size: auto 100%;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item {
  position: relative;
  display: block;
  margin-top: 6px;
  padding: 7px 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item:before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 90px;
  margin-top: -45px;
  background: url("../images/garage/tire_big.png") no-repeat;
  background-size: 36px auto;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item:first-of-type {
  margin-top: 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item.item--left {
  padding-left: 50px;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item.item--left:before {
  left: 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item.item--right {
  padding-right: 50px;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item.item--right:before {
  right: 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item.item--right:after {
  right: 70px;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item-head {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 53px;
  margin-top: -16px;
  color: #ffc23c;
  font-size: 13px;
  text-align: center;
  line-height: 1.25;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item-block {
  display: block;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item-text {
  position: relative;
  padding: 8px 0 7px 53px;
  color: #fff;
  font-size: 15px;
  line-height: 1.27;
  background: rgba(17, 17, 17, 0.8);
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item-kind {
  color: #c8c8c9;
}
.wrap-garage .garage-article.garage-article-tire .tire-mount-list__item-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
  overflow: hidden;
}
.wrap-garage .garage-article.garage-article-tire .condition--tire {
  margin-bottom: 20px;
}
.wrap-garage .garage-article.garage-article-tire .condition-group--tire {
  padding: 0 40px;
  font-size: 16px;
}
.wrap-garage .garage-article.garage-article-tire .condition-group--tire .tire-history-item {
  padding: 4px 0 4px 8px;
  font-size: 16px;
  letter-spacing: 0;
  text-align: left;
}
.wrap-garage .garage-article.garage-article-tire .condition-group--tire .tire-history-item__date {
  display: block;
  color: #999;
  font-size: 14px;
  font-weight: bold;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list {
  position: relative;
  margin-top: 4px;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item {
  position: relative;
  margin-top: 8px;
  padding: 12px 12px 12px 70px;
  -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: 13px;
  line-height: 1.25;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: url("../images/garage/icon_tire_notification.png") no-repeat;
  background-size: auto 50px;
  overflow: hidden;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item:first-of-type {
  margin-top: 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item.item-winter:before {
  background-position: left top;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item.item-summer:before {
  background-position: -50px top;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item.item-position:before {
  background-position: -100px top;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item.item-inspection:before {
  background-position: -150px top;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item-category,
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item-date {
  display: block;
  color: #666;
  font-size: 10px;
  line-height: 1.2;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item-category {
  margin-bottom: 6px;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-list__item-date {
  position: absolute;
  top: 12px;
  right: 12px;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-foot {
  padding: 30px 0;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-no-data {
  padding: 120px 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-noti-no-data__block {
  display: block;
  border-radius: 8px;
  padding: 16px 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.375;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
}
.wrap-garage .garage-article.garage-article-tire .tire-foot-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0 20px 0;
}
.wrap-garage .garage-article.garage-article-tire .tire-foot-btn .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
}

.garage-content-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 0 0 44px;
  background: #fff;
  -webkit-box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.13);
          box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.13);
  will-change: transform;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 101;
}
.garage-content-navigation.garage-content-navigation--pinned, .has-content-nav .garage-content-navigation {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.garage-content-navigation .garage-content-navigation__top {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  padding: 18px;
  z-index: 2;
}
.garage-content-navigation .garage-content-navigation__top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(24%, rgb(255, 255, 255)));
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 24%);
}
.garage-content-navigation .garage-content-navigation__top-text {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/garage/icon_top.png") no-repeat;
  background-size: 24px;
  text-indent: -9999em;
  overflow: hidden;
}
.garage-content-navigation .garage-content-navigation__block {
  position: relative;
  padding: 0 16px;
}
.garage-content-navigation .garage-content-navigation__block:after {
  content: "";
  position: absolute;
  top: 0;
  right: -44px;
  width: 60px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(24%, rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 24%);
  z-index: 2;
}
.garage-content-navigation .content-nav-list {
  position: relative;
  display: table;
  white-space: nowrap;
}
.garage-content-navigation .content-nav-list__item {
  display: table-cell;
}
.garage-content-navigation .content-nav-list__item.swiper-slide {
  width: auto;
}
.garage-content-navigation .content-nav-list__link {
  position: relative;
  display: inline-block;
  padding: 21px 12px 18px 12px;
  text-decoration: none;
  color: #999;
}
.garage-content-navigation .content-nav-list__link.active {
  color: #000;
  font-weight: bold;
}
.garage-content-navigation .content-nav-list__link.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: #ffc23c;
}
.garage-content-navigation .content-nav-list__text {
  font-size: 18px;
  line-height: 21px;
  white-space: nowrap;
}

.garage-landing {
  position: relative;
  padding: 0 24px;
}

.garage-landing__top {
  position: relative;
  margin: 0 -24px;
}

.garage-landing__top-logo {
  position: absolute;
  left: 7.5%;
  top: 3.5%;
  display: block;
  width: 20.5%;
}

.garage-landing__top-logo-block {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 43.5%;
}
.garage-landing__top-logo-block img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.garage-landing__top-text {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999em;
  overflow: hidden;
}

.garage-landing__top-image {
  display: block;
  width: 100%;
}

.garage-landing__head {
  position: relative;
  overflow: hidden;
}

.landing-join {
  position: relative;
  margin-top: 60px;
  text-align: center;
}
.landing-join .line-block {
  font: inherit;
  display: inline-block;
  white-space: nowrap;
}

.landing-join__text {
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: bold;
}

.landing-join__button {
  display: block;
  border-radius: 4px;
  color: #000;
  font-size: 15px;
  background: #ffc23c;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
}
.landing-join__button:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #000;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: middle;
}

.landing-join-social__list {
  display: table;
  width: 100%;
}

.landing-join-social__item {
  display: table-cell;
  width: 20%;
}

.landing-join-social__link {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  text-indent: -9999em;
  overflow: hidden;
}
.landing-join-social__link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f4f3ef url("../images/garage/landing_social_logo.png") no-repeat;
  background-size: 50px auto;
}
.landing-join-social__link.link-naver:after {
  background-position: left top;
}
.landing-join-social__link.link-kakao:after {
  background-position: left -50px;
}
.landing-join-social__link.link-facebook:after {
  background-position: left -100px;
}
.landing-join-social__link.link-google:after {
  background-position: left -150px;
}
.landing-join-social__link.link-apple:after {
  background-position: left -200px;
}

.garage-landing__content {
  padding: 60px 0;
}

.garage-landing__content-text {
  display: block;
  width: 87.5%;
  margin: 0 auto 60px auto;
}
.garage-landing__content-text img {
  display: block;
  width: 100%;
  height: auto;
}

.garage-landing__section {
  position: relative;
  border-radius: 14px;
  margin-top: 35px;
  padding: 30px 20px;
  background: #fff;
  -webkit-box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.08);
}
.garage-landing__section:first-of-type {
  margin-top: 0;
}

.garage-landing__section-visual {
  position: relative;
  width: 99.35%;
  margin: 0 auto;
}
.garage-landing__section-visual img {
  display: block;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
}

.garage-landing__section-head {
  display: block;
  margin-bottom: 5px;
  padding: 0 4px;
  font-size: 20px;
  font-weight: bold;
}

.garage-landing__section-text {
  margin-bottom: 20px;
  padding: 0 4px;
  color: #666;
  font-size: 14px;
}

.garage-landing__foot {
  position: relative;
  margin-top: 60px;
  padding: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.55;
  border-radius: 16px;
  border-bottom-right-radius: 0;
  background-color: #f4f4f4;
  text-align: center;
}
.garage-landing__foot:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -19px;
  display: block;
  width: 0;
  height: 0;
  border: inset 20px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #f4f4f4 transparent transparent;
}

/* 2021.07.20 내차고 인트로 */
.garage-intro {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #ffc23c url(../images/garage/bg_garage_intro.jpg) no-repeat;
  background-size: cover;
}
.garage-intro .garage-intro__head {
  position: relative;
  padding: 0;
}
.garage-intro .garage-intro__head .garage-intro__header {
  position: absolute;
  left: 25px;
  top: 30px;
  color: #000;
  font-size: 33px;
  font-weight: bold;
}
.garage-intro .garage-intro__head .garage-intro__header small {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: normal;
}

/* [20210811] 타이어 위치 교환 추가 */
.tire-change {
  display: table;
  width: 100%;
  background: #f5f5f5;
  border-radius: 8px;
  margin-bottom: 18px;
  padding: 15px 17px;
}
.tire-change__info {
  display: table-cell;
  vertical-align: middle;
}
.tire-change__desc-area {
  margin-bottom: 3px;
}
.tire-change__desc {
  font-size: 15px;
  margin-right: 20px;
}
.tire-change__desc:last-child {
  margin-right: 0;
}
.tire-change__desc--date {
  color: #666;
  font-weight: 400;
}
.tire-change__desc--km {
  font-weight: bold;
}
.tire-change__name {
  font-size: 16px;
}
.tire-change__util {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.btn-util {
  display: inline-block;
  border-radius: 4px;
  padding: 8px 15px 9px;
  background: #fff;
  border: none;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

/* dialog
====================== */
.btn-x {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
  border: none;
  background: none;
}
.btn-x:before, .btn-x:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -7px;
  width: 15px;
  height: 2px;
  background: #333;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.btn-x:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dialog__btn-close {
  z-index: 10;
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  background: url("../images/garage/icon24-close-black.svg") center center/24px auto no-repeat;
}
.dialog__btn-close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dialog__btn-close.dialog__btn-close--outer {
  top: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 15px;
  background-image: url("../images/garage/icon24-close-white.svg");
}

.dialog__btn-additional {
  position: absolute;
  bottom: 100%;
  margin-bottom: 18px;
  left: 0;
  font-size: 14px;
  color: #fff;
  background: none;
  border: 0;
}

.dialog-dim {
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dialog-dim[data-dialog-position=bottom] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.dialog-dim[data-dialog-position=bottom] .dialog-wrap {
  border-radius: 15px 15px 0 0;
}
.dialog-dim[data-dialog-position=center] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-dim[data-dialog-position=center] .dialog-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 10px;
  margin: 24px;
}
.dialog-dim[data-dialog-position=center] .dialog-wrap.type-flat {
  margin: 16px;
}
.dialog-dim.showing .dialog-wrap {
  display: block !important;
  -webkit-animation: aniDialogShow 0.3s both;
          animation: aniDialogShow 0.3s both;
}
.dialog-dim.show .dialog-wrap {
  display: block !important;
}
.dialog-dim .dialog-wrap {
  outline: none;
  -webkit-animation: aniDialogHide 0.3s both;
          animation: aniDialogHide 0.3s both;
  background: #fff;
}
.dialog-dim .dialog-wrap.dialog-wrap--empty {
  background: none;
  padding: 0;
  border-radius: 0;
}
.dialog-dim .dialog-wrap.dialog-wrap--empty .dialog__btn-close {
  top: auto;
  margin-bottom: 15px;
  bottom: 100%;
  background-image: url("../images/garage/icon24-close-white.svg");
}

@-webkit-keyframes aniDialogShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes aniDialogShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes aniDialogHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes aniDialogHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
/* 차량 등록 (mydata guide)
============== */
.type-mydata {
  position: relative;
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
  /* icon
  --------------- */
  /* button
  --------------- */
  /* input
  --------------- */
  /* Bullet List
  --------------- */
  /* detail
  --------------- */
}
.type-mydata .inp-list-wrap {
  margin-top: 30px;
}
.type-mydata .inp-list-wrap > ul > li {
  margin-top: 3.2rem;
}
.type-mydata .inp-list-wrap > ul > li:first-child {
  margin-top: 0;
}
.type-mydata .inp-list-wrap .txt-confirm {
  display: block;
  margin: 8px 0 0;
  font-size: 12px;
  color: #2589ff;
}
.type-mydata .page-intro-100 {
  z-index: 1;
  position: relative;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.type-mydata .page-intro-100 .txt-highlight {
  position: relative;
  z-index: 0;
}
.type-mydata .page-intro-100 .txt-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0;
  height: 8px;
  background: #ffcc00;
  display: block;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
  content: "";
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.type-mydata .icon16, .type-mydata .inp-box .ico-confirm:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.type-mydata .icon-close {
  background: #fff url("../images/garage/icon-close-gray.svg") no-repeat center/contain;
}
.type-mydata .btn-rectangle {
  display: inline-block;
  padding: 6px 8px;
  height: 28px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.2px;
  word-break: keep-all;
}
.type-mydata .btn-rectangle.bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.type-mydata .btn-rectangle:disabled {
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.type-mydata .btn-wrap {
  margin-top: 48px;
}
.type-mydata .btn-wrap a,
.type-mydata .btn-wrap button {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  width: 100%;
  border-radius: 12px;
  line-height: 46px;
  text-align: center;
}
.type-mydata .btn-wrap a span,
.type-mydata .btn-wrap button span {
  color: inherit;
  font: inherit;
}
.type-mydata .btn-wrap a i,
.type-mydata .btn-wrap button i {
  margin-right: 4px;
}
.type-mydata .btn-wrap .btn-border-gray {
  border: 1px solid #ddd;
  background: #fff;
}
.type-mydata .btn-wrap .btn-bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
}
.type-mydata .btn-wrap .btn-bg-yellow:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.type-mydata .btn-wrap .btn-bg-yellow:disabled span {
  color: inherit;
}
.type-mydata .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0 16px;
}
.type-mydata .btn-area a,
.type-mydata .btn-area button {
  display: block;
  padding: 0 16px;
  width: 100%;
  line-height: 56px;
  text-align: center;
  border-radius: 12px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.4px;
  font-weight: 500;
  text-decoration: none;
}
.type-mydata .btn-area a span,
.type-mydata .btn-area button span {
  color: inherit;
  font: inherit;
}
.type-mydata .btn-area a.btn-yellow,
.type-mydata .btn-area button.btn-yellow {
  background: #ffcc00;
}
.type-mydata .btn-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 24px 16px 16px;
  width: 100%;
  z-index: 100;
}
.type-mydata .btn-area.bottom-fixed:before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #fff 80%, rgba(255, 255, 255, 0) 100%);
  display: block;
  content: "";
}
.type-mydata .bottom-space {
  width: 100%;
  height: 6.4rem;
}
.type-mydata .inp-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #eee;
}
.type-mydata .inp-box .icon-close {
  display: none;
}
.type-mydata .inp-box.has-btnclear .icon-close {
  display: block;
}
.type-mydata .inp-box.default > * {
  display: none;
}
.type-mydata .inp-box.default > label, .type-mydata .inp-box.default > input:first-of-type, .type-mydata .inp-box.default > .ico-confirm:first-of-type {
  display: block;
}
.type-mydata .inp-box.default .inp-tit {
  top: 20px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.type-mydata .inp-box.type-basic .icon16.icon-close, .type-mydata .inp-box.type-basic .icon-close.ico-confirm:after {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.type-mydata .inp-box.type-basic input, .type-mydata .inp-box.type-basic .ico-confirm {
  padding-right: 48px;
}
.type-mydata .inp-box.type-basic input:disabled, .type-mydata .inp-box.type-basic .ico-confirm:disabled {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled ::-webkit-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled ::-moz-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled :-ms-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled ::-ms-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled ::placeholder, .type-mydata .inp-box.type-basic .ico-confirm:disabled ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:disabled + .icon-close, .type-mydata .inp-box.type-basic .ico-confirm:disabled + .icon-close {
  display: none;
}
.type-mydata .inp-box.type-basic input:-moz-read-only, .type-mydata .inp-box.type-basic .ico-confirm:-moz-read-only {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only, .type-mydata .inp-box.type-basic .ico-confirm:read-only {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only ::-webkit-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only ::-moz-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only :-ms-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only ::-ms-input-placeholder, .type-mydata .inp-box.type-basic .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:-moz-read-only ::placeholder, .type-mydata .inp-box.type-basic .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:read-only ::placeholder, .type-mydata .inp-box.type-basic .ico-confirm:read-only ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-basic input:-moz-read-only + .icon-close, .type-mydata .inp-box.type-basic .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.type-mydata .inp-box.type-basic input:read-only + .icon-close, .type-mydata .inp-box.type-basic .ico-confirm:read-only + .icon-close {
  display: none;
}
.type-mydata .inp-box.type-number .icon16.icon-close, .type-mydata .inp-box.type-number .icon-close.ico-confirm:after {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 70px;
  margin-top: 11px;
}
.type-mydata .inp-box.type-number .confirm-wrap {
  position: absolute;
  right: 0;
  bottom: 6px;
  z-index: 3;
}
.type-mydata .inp-box.type-number .confirm-wrap .stop-time {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-right: 8px;
  vertical-align: 1px;
}
.type-mydata .inp-box.type-number input, .type-mydata .inp-box.type-number .ico-confirm {
  padding-right: 70px;
}
.type-mydata .inp-box.type-number input:disabled, .type-mydata .inp-box.type-number .ico-confirm:disabled {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled ::-webkit-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled ::-moz-placeholder, .type-mydata .inp-box.type-number .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled :-ms-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled ::-ms-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled ::placeholder, .type-mydata .inp-box.type-number .ico-confirm:disabled ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:disabled + .icon-close, .type-mydata .inp-box.type-number .ico-confirm:disabled + .icon-close {
  display: none;
}
.type-mydata .inp-box.type-number input:-moz-read-only, .type-mydata .inp-box.type-number .ico-confirm:-moz-read-only {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only, .type-mydata .inp-box.type-number .ico-confirm:read-only {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only ::-webkit-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only ::-moz-placeholder, .type-mydata .inp-box.type-number .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only :-ms-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only ::-ms-input-placeholder, .type-mydata .inp-box.type-number .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:-moz-read-only ::placeholder, .type-mydata .inp-box.type-number .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:read-only ::placeholder, .type-mydata .inp-box.type-number .ico-confirm:read-only ::placeholder {
  color: #888;
}
.type-mydata .inp-box.type-number input:-moz-read-only + .icon-close, .type-mydata .inp-box.type-number .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.type-mydata .inp-box.type-number input:read-only + .icon-close, .type-mydata .inp-box.type-number .ico-confirm:read-only + .icon-close {
  display: none;
}
.type-mydata .inp-box.focus {
  border-bottom: 1px solid #ffcc00;
}
.type-mydata .inp-box.disabled input, .type-mydata .inp-box.disabled .ico-confirm {
  color: #888;
}
.type-mydata .inp-box.disabled ::-webkit-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.disabled ::-moz-placeholder {
  color: #888;
}
.type-mydata .inp-box.disabled :-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.disabled ::-ms-input-placeholder {
  color: #888;
}
.type-mydata .inp-box.disabled ::placeholder {
  color: #888;
}
.type-mydata .inp-box .inp-tit {
  z-index: 3;
  position: absolute;
  top: 4px;
  left: 0;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.2px;
}
.type-mydata .inp-box input, .type-mydata .inp-box .ico-confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  padding: 30px 0 8px;
  width: 100%;
  height: 64px;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.type-mydata .inp-box input:-moz-read-only + .icon-close, .type-mydata .inp-box .ico-confirm:-moz-read-only + .icon-close {
  display: none !important;
}
.type-mydata .inp-box input:read-only + .icon-close, .type-mydata .inp-box .ico-confirm:read-only + .icon-close {
  display: none !important;
}
.type-mydata .inp-box .ico-confirm {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  color: transparent !important;
}
.type-mydata .inp-box .ico-confirm:after {
  width: 0;
  margin: -2px 0 0 5px;
  background: url("../images/garage/icon16-check-blue.svg") left center/16px auto no-repeat;
  -webkit-animation: aniShowVertical ease-in-out 0.7s both;
          animation: aniShowVertical ease-in-out 0.7s both;
  content: "";
}
@-webkit-keyframes aniShowVertical {
  0% {
    width: 0;
  }
  100% {
    width: 16px;
  }
}
@keyframes aniShowVertical {
  0% {
    width: 0;
  }
  100% {
    width: 16px;
  }
}
.type-mydata .bullet-sub {
  margin-top: 10px;
}
.type-mydata .bullet-sub > li {
  position: relative;
  padding-left: 8px;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}
.type-mydata .bullet-sub > li:first-child {
  margin-top: 0;
}
.type-mydata .bullet-sub > li:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 4px;
  height: 1px;
  background: #888;
  content: "";
}
.type-mydata .info-desc {
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}
.type-mydata .canvas-particle {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.type-mydata .bg-registcar {
  top: -30px;
  right: 0;
  position: absolute;
  width: 180px;
  height: 200px;
  opacity: 0.35;
  overflow: hidden;
}
.type-mydata .bg-registcar img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: aniCarShow ease-in-out 2.5s both;
          animation: aniCarShow ease-in-out 2.5s both;
  height: 200px;
}
@-webkit-keyframes aniCarShow {
  0% {
    -webkit-transform: translate(100%, -4rem);
            transform: translate(100%, -4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes aniCarShow {
  0% {
    -webkit-transform: translate(100%, -4rem);
            transform: translate(100%, -4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.type-mydata .skeleton-loading {
  z-index: 0;
  position: relative;
  display: block;
  height: 16px;
  overflow: hidden;
  font: inherit;
  color: inherit;
}
.type-mydata .skeleton-loading:before {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
  content: "";
}
.type-mydata .skeleton-loading:after {
  z-index: 2;
  top: -10%;
  left: -30px;
  position: absolute;
  display: block;
  width: 30px;
  height: 200%;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #fff), color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 80%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: aniSkeletonShine ease-in-out 2.5s infinite forwards;
          animation: aniSkeletonShine ease-in-out 2.5s infinite forwards;
  opacity: 0.4;
  content: "";
}
.type-mydata .skeleton-loading.loaded {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
}
@-webkit-keyframes aniSkeletonShine {
  0% {
    left: -30px;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes aniSkeletonShine {
  0% {
    left: -30px;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

/* detail
--------------- */
.img-registcar {
  width: 140px;
  margin: 0 auto 10px;
}
.img-registcar img {
  width: 100%;
}

/* garage
---------------- */
.new-tag {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 0 6px;
  border-radius: 8px;
  height: 16px;
  line-height: 18px;
  vertical-align: middle;
  margin: -3px 3px 0 0;
  background: #2589ff;
}

.price-new .my-garage.type-new .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.price-new .my-garage.type-new .swiper-wrapper .swiper-slide {
  height: auto;
}
.price-new .my-garage.type-new .swiper-container.swiper-container--only .swiper-slide {
  width: 100% !important;
  margin: 0 !important;
}
.price-new .my-garage.type-new .swiper-container.swiper-container--only .swiper-pagination {
  display: none;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car {
  min-height: 171px;
  height: 100%;
  padding: 16px 16px 76px;
  border-radius: 12px;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car.my-garage-car--recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car.my-garage-car--recommend .my-garage-reg {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 16px 0 0;
  height: auto;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .h-box {
  display: block;
  margin: 0;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-img {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 128px;
  height: 84px;
  border-radius: 0;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-img .reg-date {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  background: #fff;
  white-space: nowrap;
  font-size: 10px;
  color: #aaa;
  padding: 0 5px;
  line-height: 15px;
  height: 15px;
  border-radius: 8px;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-number {
  display: block;
  margin: 5px 0 12px;
  font-size: 14px;
  font-weight: 400;
  color: #2589ff;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .new-tag {
  display: inline-block;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-txt {
  padding: 0 130px 0 0;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-txt strong, .price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-txt span {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  line-height: 1.4em;
  max-height: 3.2em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-txt span {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .s-car-txt strong {
  font-weight: 400;
  font-size: 14px;
}
.price-new .my-garage.type-new .swiper-container .my-garage-car .btn-s {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 16px;
}

/* 공통 작업 */
html,
body {
  height: 100%;
}

.wrap-member,
.dialog-member-wrap {
  /* base */
  font-family: inherit;
  line-height: 1.3;
  color: #333;
  /* button */
  /* input */
  /* checkbox */
  /* radio */
  /* select */
  /* formbox */
}
.wrap-member i,
.wrap-member em,
.wrap-member address,
.dialog-member-wrap i,
.dialog-member-wrap em,
.dialog-member-wrap address {
  font-style: normal;
}
.wrap-member *:before,
.wrap-member *:after,
.dialog-member-wrap *:before,
.dialog-member-wrap *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrap-member .btn,
.dialog-member-wrap .btn {
  display: block;
  height: auto;
  padding: 0 10px;
  border: 0 none;
  background: #fff;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  -webkit-appearance: button;
  text-align: center;
  vertical-align: top;
  outline: none;
  cursor: pointer;
}
.wrap-member .btn-img,
.dialog-member-wrap .btn-img {
  padding: 0;
  background: none;
  font-size: 0;
}
.wrap-member .btn-img.icon-delete,
.dialog-member-wrap .btn-img.icon-delete {
  width: 40px;
  height: 40px;
  background: url("../images/member/btn_delete.png") no-repeat 0 0;
  background-size: cover;
}
.wrap-member .btn-link,
.dialog-member-wrap .btn-link {
  color: #000;
  text-decoration: none;
}
.wrap-member .btn-link:hover, .wrap-member .btn-link:active,
.dialog-member-wrap .btn-link:hover,
.dialog-member-wrap .btn-link:active {
  text-decoration: none;
}
.wrap-member .input,
.dialog-member-wrap .input {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 45px;
  border: 0;
  border-bottom: 2px solid #ebebeb;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
  color: #000;
  outline: 0;
}
.wrap-member .input:focus,
.dialog-member-wrap .input:focus {
  border-bottom-color: #000;
}
.wrap-member .input[readonly],
.dialog-member-wrap .input[readonly] {
  border-bottom-color: #f9f9f9;
  cursor: default;
}
.wrap-member .input::-webkit-input-placeholder, .dialog-member-wrap .input::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc;
}
.wrap-member .input::-moz-placeholder, .dialog-member-wrap .input::-moz-placeholder {
  font-size: 16px;
  color: #ccc;
}
.wrap-member .input:-ms-input-placeholder, .dialog-member-wrap .input:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}
.wrap-member .input::-ms-input-placeholder, .dialog-member-wrap .input::-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}
.wrap-member .input::placeholder,
.dialog-member-wrap .input::placeholder {
  font-size: 16px;
  color: #ccc;
}
.wrap-member .check-box,
.dialog-member-wrap .check-box {
  position: relative;
  line-height: 20px;
}
.wrap-member .check-box input, .wrap-member .check-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-member .check-box .ico-confirm, .wrap-member .check-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-member .check-box .ico-confirm,
.dialog-member-wrap .check-box input,
.dialog-member-wrap .check-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dialog-member-wrap .check-box .ico-confirm,
.dialog-member-wrap .check-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dialog-member-wrap .check-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-member .check-box label,
.dialog-member-wrap .check-box label {
  display: block;
  padding-left: 27px;
  font-size: 13px;
  color: #252525;
  cursor: pointer;
}
.wrap-member .check-box label:before,
.dialog-member-wrap .check-box label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/member/icon_check_mark.png") no-repeat;
  background-position: -10px -10px;
  background-size: 40px 70px;
  vertical-align: middle;
}
.wrap-member .check-box input:checked + label:before, .wrap-member .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .wrap-member .check-box .ico-confirm:checked + label:before, .wrap-member .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .wrap-member .check-box .ico-confirm:checked + label:before,
.dialog-member-wrap .check-box input:checked + label:before,
.dialog-member-wrap .check-box .new-content-body .inp-box .ico-confirm:checked + label:before,
.new-content-body .inp-box .dialog-member-wrap .check-box .ico-confirm:checked + label:before,
.dialog-member-wrap .check-box .type-mydata .inp-box .ico-confirm:checked + label:before,
.type-mydata .inp-box .dialog-member-wrap .check-box .ico-confirm:checked + label:before {
  background-position-y: -40px;
}
.wrap-member .check-box .check-box__accent,
.dialog-member-wrap .check-box .check-box__accent {
  font-size: 16px;
  font-weight: 400;
  color: #e52626;
}
.wrap-member .radio-box,
.dialog-member-wrap .radio-box {
  position: relative;
}
.wrap-member .radio-box input, .wrap-member .radio-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-member .radio-box .ico-confirm, .wrap-member .radio-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-member .radio-box .ico-confirm,
.dialog-member-wrap .radio-box input,
.dialog-member-wrap .radio-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box .dialog-member-wrap .radio-box .ico-confirm,
.dialog-member-wrap .radio-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box .dialog-member-wrap .radio-box .ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-member .radio-box label,
.dialog-member-wrap .radio-box label {
  display: block;
  padding-left: 27px;
  font-size: 13px;
  color: #000;
  cursor: pointer;
}
.wrap-member .radio-box label:before,
.dialog-member-wrap .radio-box label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
}
.wrap-member .radio-box input:checked + label:before, .wrap-member .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .wrap-member .radio-box .ico-confirm:checked + label:before, .wrap-member .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .wrap-member .radio-box .ico-confirm:checked + label:before,
.dialog-member-wrap .radio-box input:checked + label:before,
.dialog-member-wrap .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before,
.new-content-body .inp-box .dialog-member-wrap .radio-box .ico-confirm:checked + label:before,
.dialog-member-wrap .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before,
.type-mydata .inp-box .dialog-member-wrap .radio-box .ico-confirm:checked + label:before {
  content: "";
  border: 1px solid #ffcd00;
  background: #ffcd00;
  -webkit-box-shadow: 0 0 0 5px #fff inset;
          box-shadow: 0 0 0 5px #fff inset;
}
.wrap-member .select-box,
.dialog-member-wrap .select-box {
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid #ebebeb;
  background: #fff url("../images/garage/btn_select_arrow.png") no-repeat 100% 50%;
  border-radius: 0;
  font-size: 16px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wrap-member .select-box:focus,
.dialog-member-wrap .select-box:focus {
  outline: none;
}
.wrap-member .form-box,
.dialog-member-wrap .form-box {
  margin-top: 22px;
}
.wrap-member .form-box.form-box--has-notice,
.dialog-member-wrap .form-box.form-box--has-notice {
  margin: 12px 0 0 0;
}
.wrap-member .form-box__list + .form-box__list,
.dialog-member-wrap .form-box__list + .form-box__list {
  margin-top: 25px;
}
.wrap-member .form-box__list-title,
.dialog-member-wrap .form-box__list-title {
  font-size: 12px;
  color: #000;
}
.wrap-member .form-box__list-data,
.dialog-member-wrap .form-box__list-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrap-member .form-box__list-data .input,
.dialog-member-wrap .form-box__list-data .input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wrap-member .form-box__list-data .input-btn,
.dialog-member-wrap .form-box__list-data .input-btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrap-member .form-box__list-data .input-file,
.dialog-member-wrap .form-box__list-data .input-file {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrap-member .form-box__list-data .input-file input[type=file], .wrap-member .form-box__list-data .input-file .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .wrap-member .form-box__list-data .input-file [type=file].ico-confirm, .wrap-member .form-box__list-data .input-file .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .wrap-member .form-box__list-data .input-file [type=file].ico-confirm,
.dialog-member-wrap .form-box__list-data .input-file input[type=file],
.dialog-member-wrap .form-box__list-data .input-file .new-content-body .inp-box [type=file].ico-confirm,
.new-content-body .inp-box .dialog-member-wrap .form-box__list-data .input-file [type=file].ico-confirm,
.dialog-member-wrap .form-box__list-data .input-file .type-mydata .inp-box [type=file].ico-confirm,
.type-mydata .inp-box .dialog-member-wrap .form-box__list-data .input-file [type=file].ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-member .form-box__list-data .input-file .input,
.dialog-member-wrap .form-box__list-data .input-file .input {
  border-bottom-color: #ebebeb;
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file .input::-webkit-input-placeholder, .dialog-member-wrap .form-box__list-data .input-file .input::-webkit-input-placeholder {
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file .input::-moz-placeholder, .dialog-member-wrap .form-box__list-data .input-file .input::-moz-placeholder {
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file .input:-ms-input-placeholder, .dialog-member-wrap .form-box__list-data .input-file .input:-ms-input-placeholder {
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file .input::-ms-input-placeholder, .dialog-member-wrap .form-box__list-data .input-file .input::-ms-input-placeholder {
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file .input::placeholder,
.dialog-member-wrap .form-box__list-data .input-file .input::placeholder {
  font-size: 12px;
}
.wrap-member .form-box__list-data .input-file label,
.dialog-member-wrap .form-box__list-data .input-file label {
  position: absolute;
  display: block;
  top: 5px;
  right: 0;
  width: 80px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 0;
  font-size: 12px;
  line-height: 30px;
  color: #1e1e1e;
  text-align: center;
  cursor: pointer;
}
.wrap-member .form-box__list-data .select-box,
.dialog-member-wrap .form-box__list-data .select-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wrap-member .form-box__list-data .btn-form,
.dialog-member-wrap .form-box__list-data .btn-form {
  position: absolute;
  top: 2px;
  right: 0;
}
.wrap-member .form-box__list-data .btn-num,
.dialog-member-wrap .form-box__list-data .btn-num {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 10px;
}
.wrap-member .form-box__attach-file,
.dialog-member-wrap .form-box__attach-file {
  position: relative;
  margin-top: 10px;
}
.wrap-member .form-box__attach-file .attach-file__item,
.dialog-member-wrap .form-box__attach-file .attach-file__item {
  display: inline-block;
  height: 60px;
}
.wrap-member .form-box__attach-file .attach-file__item-img,
.dialog-member-wrap .form-box__attach-file .attach-file__item-img {
  display: block;
  height: 100%;
}
.wrap-member .form-box__attach-file .btn,
.dialog-member-wrap .form-box__attach-file .btn {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrap-member .form-box__notice,
.dialog-member-wrap .form-box__notice {
  position: relative;
  margin: 0 0 12px 0;
  padding: 10px;
  background: #f5f6f9;
  border-radius: 6px;
}
.wrap-member .form-box__notice-list,
.dialog-member-wrap .form-box__notice-list {
  position: relative;
  font-weight: bold;
}
.wrap-member .form-box__notice-item,
.dialog-member-wrap .form-box__notice-item {
  font-size: 12px;
  padding: 2px 0;
}
.wrap-member .form-box__notice-item ul,
.dialog-member-wrap .form-box__notice-item ul {
  margin: 3px 0;
  padding: 0;
  list-style: none;
}
.wrap-member .form-box__notice-item li,
.wrap-member .form-box__notice-item p,
.dialog-member-wrap .form-box__notice-item li,
.dialog-member-wrap .form-box__notice-item p {
  margin: 0;
  padding: 0 0 0 12px;
  font-size: 12px;
  font-weight: normal;
}
.wrap-member .form-box__notice-item p, .wrap-member .form-box__notice-item ul.guide-bul > li,
.dialog-member-wrap .form-box__notice-item p,
.dialog-member-wrap .form-box__notice-item ul.guide-bul > li {
  margin-bottom: 3px;
}

.wrap-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* button */
  /* layout */
  /* header */
  /* 가입신청-약관동의 */
  /* 가입신청 */
}
.wrap-member .btn.btn-primary {
  width: 100%;
  height: 55px;
  background: #f6bd40;
}
.wrap-member .btn.btn-secondary {
  width: 100%;
  height: 55px;
  background: #e7e7e7;
}
.wrap-member .btn.btn-cancel {
  width: 100%;
  height: 55px;
  background: #f6f6f6;
}
.wrap-member .btn.btn-form {
  width: 120px;
  height: 36px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  border-radius: 18px;
  font-size: 13px;
  color: #1e1e1e;
}
.wrap-member .btn.btn-num {
  width: 100%;
  height: 40px;
  background: #f6f6f6;
  font-size: 14px;
  color: #999;
}
.wrap-member .btn.btn-complete {
  display: inline-block;
  width: 200px;
  height: 44px;
  background: #fff;
  border-radius: 22px;
  font-size: 14px;
}
.wrap-member #header {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member #container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 55px;
}
.wrap-member .content {
  height: 100%;
  background: #fff;
}
.wrap-member .content.content-member-join {
  background: #f5f6f9;
}
.wrap-member .header__title {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
.wrap-member .header__btn-back {
  width: 14px;
  height: 12px;
  margin-right: 14px;
  background: url("../images/member/btn_back.png") no-repeat 0 0;
  background-size: cover;
}
.wrap-member .header__btn-link {
  margin-left: auto;
  font-size: 0;
}
.wrap-member .header__btn-link .btn-link {
  font-size: 15px;
  color: #333;
}
.wrap-member .header__btn-link .btn-link + .btn-link {
  margin-left: 14px;
}
.wrap-member .member-terms {
  margin: 0 20px;
}
.wrap-member .member-terms__info {
  display: block;
  padding-top: 17px;
  font-size: 19px;
  line-height: 1.47;
  color: #1e1e1e;
}
.wrap-member .member-terms__all {
  margin: 30px 0 20px;
}
.wrap-member .member-terms__all label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}
.wrap-member .member-terms__require {
  border-top: 1px solid #e5e5e5;
  padding: 25px 0 50px;
}
.wrap-member .member-terms__require-item {
  position: relative;
  display: block;
  text-decoration: none;
}
.wrap-member .member-terms__require-item:after {
  position: absolute;
  top: 5px;
  right: 2px;
  content: "";
  width: 8px;
  height: 8px;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wrap-member .member-terms__require-item + .member-terms__require-item {
  margin-top: 20px;
}
.wrap-member .member-terms__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}
.wrap-member .member-terms__btn .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  margin: 0 5px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #252525;
}
.wrap-member .member-join__step {
  padding: 28px 0 30px;
}
.wrap-member .member-join__step-title {
  margin-bottom: 22px;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.wrap-member .member-join__step-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member .member-join__step-item {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 15px;
  background: #fff;
  border-radius: 50%;
  -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);
  font-size: 9px;
  line-height: 20px;
  color: #999;
  text-align: center;
}
.wrap-member .member-join__step-item + .member-join__step-item:before {
  position: absolute;
  top: 50%;
  left: -30px;
  content: "";
  width: 30px;
  height: 2px;
  background: #efefef;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrap-member .member-join__step-item.active, .wrap-member .member-join__step-item.past {
  background: #1e1e1e;
  color: #fff;
}
.wrap-member .member-join__article {
  padding: 38px 20px 40px;
  background: #fff;
}
.wrap-member .member-join__article + .member-join__article {
  margin-top: 10px;
}
.wrap-member .member-join__article-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member .member-join__article-head .article-head__title {
  font-size: 19px;
  font-weight: 500;
  color: #000;
}
.wrap-member .member-join__article-head .btn-link {
  margin-left: auto;
  font-size: 12px;
}
.wrap-member .member-join__article-head .btn-link:after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border: solid #999;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wrap-member .member-join__article-text {
  position: relative;
  display: block;
  margin-top: 4px;
  padding-left: 7px;
  font-size: 12px;
  font-weight: 300;
}
.wrap-member .member-join__article-text:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 2px;
  height: 2px;
  background: #666;
}
.wrap-member .member-join__require {
  padding: 0 20px 40px;
  background: #fff;
}
.wrap-member .member-join__radiobox-group {
  margin-top: 30px;
}
.wrap-member .member-join__radiobox-group .radio-box + .radio-box {
  margin-top: 20px;
}
.wrap-member .member-join__radiobox-group .radio-box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member .member-join__radiobox-group .radio-box label:before {
  top: 50%;
  -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
          transform: translateY(-55%);
}
.wrap-member .member-join__radiobox-group .radio-box span {
  font-size: 13px;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__month {
  min-width: 43px;
  margin-right: auto;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__rate {
  margin-left: auto;
  color: #0066ca;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__price {
  margin: 0 auto;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__price:after {
  display: block;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__price-normal {
  text-decoration: line-through;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__price-normal:after {
  display: inline-block;
  content: "";
  width: 13px;
  height: 5px;
  margin: 0 7px;
  background: url("../images/member/icon_arrow.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.wrap-member .member-join__radiobox-group .radio-box .radio-label__price-sale {
  color: #ff665b;
}
.wrap-member .member-join__radiobox-group.readonly {
  margin-top: 0;
  border-bottom: 2px solid #f9f9f9;
}
.wrap-member .member-join__radiobox-group.readonly .radio-box {
  height: 45px;
  line-height: 45px;
  letter-spacing: -0.5px;
}
.wrap-member .member-join__radiobox-group.readonly .radio-box span {
  font-size: 13px;
}
.wrap-member .member-join__radiobox-group.readonly .radio-box .radio-label__month,
.wrap-member .member-join__radiobox-group.readonly .radio-box .radio-label__price-normal,
.wrap-member .member-join__radiobox-group.readonly .radio-box .radio-label__price-sale,
.wrap-member .member-join__radiobox-group.readonly .radio-box .radio-label__rate,
.wrap-member .member-join__radiobox-group.readonly .radio-box .radio-label__vat {
  display: inline-block;
}
.wrap-member .member-join__pay {
  display: block;
  height: 45px;
  border-bottom: 2px solid #f9f9f9;
  font-size: 0;
  line-height: 45px;
}
.wrap-member .member-join__pay-item {
  display: inline-block;
  font-size: 13px;
}
.wrap-member .member-join__pay-item + .member-join__pay-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: -2px 7px 0;
  background: #ddd;
  vertical-align: middle;
}
.wrap-member .member-join__service {
  padding: 30px 20px 30px;
  background: #eee;
  border-radius: 5px;
  color: #252525;
}
.wrap-member .member-join__service-title {
  display: block;
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: 500;
}
.wrap-member .member-join__service-item {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 300;
}
.wrap-member .member-join__service-item:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 2px;
  height: 2px;
  background: #000;
}
.wrap-member .member-join__service-item + .member-join__service-item {
  margin-top: 7px;
}
.wrap-member .member-join__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap-member .member-join__btn.member-join__btn--fixed {
  position: fixed;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
  z-index: 10;
}
.wrap-member .member-join__btn.member-join__btn--fixed a {
  height: auto;
  padding: 17px 0 calc(constant(safe-area-inset-bottom) + 17px);
  padding: 17px 0 calc(env(safe-area-inset-bottom) + 17px);
  line-height: 1.35;
  text-decoration: none;
  -webkit-appearance: none;
}
.wrap-member .member-join__btn.member-join__btn--fixed a:hover, .wrap-member .member-join__btn.member-join__btn--fixed a:focus {
  text-decoration: none;
}
.wrap-member .member-join__complete {
  padding-top: 18px;
  text-align: center;
}
.wrap-member .member-join__complete-title {
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 700;
  color: #000;
}
.wrap-member .member-join__complete-text {
  display: block;
  font-size: 13px;
  line-height: 1.77;
  color: #000;
}
.wrap-member .member-join__complete-info {
  display: block;
  margin: 22px 0 55px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.7;
  color: #666;
}
.wrap-member .member-join__complete-info strong {
  border-bottom: 1px solid #000;
  font-weight: 500;
  color: #000;
}

.auction-search-open {
  height: 100%;
  overflow: hidden;
}

/* dialog */
.dialog-member-wrap {
  padding: 0 24px 24px;
  /* dialog button */
}
.dialog-member-wrap .dialog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-member-wrap .dialog__head-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.dialog-member-wrap .dialog__head-btn {
  width: 24px;
  height: 24px;
  margin-left: auto;
  background: transparent url("../images/member/btn_close.png") no-repeat 0 0;
  border-radius: 0;
  font-size: 0;
}
.dialog-member-wrap .dialog__body {
  padding: 0 !important;
}
.dialog-member-wrap .dialog__body .scroll-wrap {
  margin-bottom: 0;
}
.dialog-member-wrap .dialog__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  padding-top: 24px;
}
.dialog-member-wrap .dialog__foot .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
}
.dialog-member-wrap .dialog__foot .btn.btn-add {
  height: 60px;
  line-height: 60px;
}
.dialog-member-wrap .dialog__foot .btn.btn-close {
  height: 56px;
  line-height: 56px;
}
.dialog-member-wrap .btn.btn-primary {
  width: 100%;
  height: 44px;
  background: #f6bd40;
  border-radius: 4px;
}

.container-member-intro {
  position: relative;
  padding: 0 16px 55px 15px;
}
.container-member-intro .member-intro-hero {
  padding: 45px 0;
}
.container-member-intro .member-intro-hero:after {
  content: "";
  display: block;
  width: 276px;
  height: 198px;
  margin: 40px auto 0 auto;
  background: url("../images/member/intro_head_hero.png") no-repeat;
  background-size: 100%;
}
.container-member-intro .member-intro-hero__head {
  display: block;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.container-member-intro .member-intro-hero__head-small {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
}
.container-member-intro .member-intro-advantage {
  position: relative;
  padding: 0 15px 40px 15px;
}
.container-member-intro .member-intro-advantage-item {
  position: relative;
  margin-top: 15px;
  border-radius: 5px;
  background: #fff;
  -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);
}
.container-member-intro .member-intro-advantage-item:first-of-type {
  margin-top: 0;
}
.container-member-intro .member-intro-advantage-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 15px 0 30px;
  vertical-align: middle;
  background: url("../images/member/intro_advantage_icon.png") no-repeat;
  background-size: 120px auto;
}
.container-member-intro .member-intro-advantage-icon.advantage-icon--real-time {
  background-position: left top;
}
.container-member-intro .member-intro-advantage-icon.advantage-icon--purchase-support {
  background-position: -30px top;
}
.container-member-intro .member-intro-advantage-icon.advantage-icon--increase-customer {
  background-position: -60px top;
}
.container-member-intro .member-intro-advantage-icon.advantage-icon--purchase-management {
  background-position: -90px top;
}
.container-member-intro .member-intro-advantage-text {
  display: inline-block;
  font-size: 17px;
  line-height: 4.12;
}
.container-member-intro .member-intro-visual--chance {
  position: relative;
  font-size: 0;
  text-align: center;
  line-height: 1.25;
}
.container-member-intro .member-intro-visual--chance__left {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  padding-top: 32px;
  background: #ededed;
  border-radius: 50%;
  font-size: 14px;
  vertical-align: middle;
}
.container-member-intro .member-intro-visual--chance__right {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  margin-left: -10px;
  border-radius: 50%;
  background: #292721;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
}
.container-member-intro .member-intro-visual-chance__block {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  font-size: inherit;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.container-member-intro .member-intro-visual-chance__icon {
  display: block;
  width: 40px;
  height: 32px;
  margin: 0 auto;
  overflow: hidden;
  background: url("../images/member/intro_visual_chance.png") no-repeat;
  background-size: 40px auto;
}
.container-member-intro .member-intro-visual-chance__icon-left {
  margin-bottom: 10px;
  background-position: left top;
}
.container-member-intro .member-intro-visual-chance__icon-right {
  margin-bottom: 20px;
  background-position: left -32px;
}
.container-member-intro .member-intro-visual--criteria {
  position: relative;
  width: 300px;
  height: 150px;
  margin: 0 auto;
  background: url("../images/member/intro_visual_criteria.png") no-repeat;
  background-size: 300px auto;
}
.container-member-intro .member-intro-review {
  position: relative;
  margin-top: 40px;
}
.container-member-intro .member-intro-review__list-item {
  position: relative;
  width: 144px;
  padding: 0 8px;
}
.container-member-intro .member-intro-review__thumbnail {
  position: relative;
  display: block;
  padding-top: 75%;
}
.container-member-intro .member-intro-review__thumbnail-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.container-member-intro .member-intro-review__thumbnail-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-member-intro .member-intro-review__text {
  display: block;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #888;
  font-size: 12px;
}
.container-member-intro .member-intro-section {
  padding: 36px 0;
}
.container-member-intro .member-intro-tail {
  position: relative;
  margin: 50px -15px 0 -15px;
  padding: 40px 30px;
  color: #7a838c;
  font-size: 13px;
  background: #f5f5f5;
}
.container-member-intro .member-intro-section__head {
  margin-bottom: 35px;
  font-size: 20px;
  text-align: center;
}
.container-member-intro .member-intro-section__text {
  margin-top: 65px;
  text-align: center;
  font-size: 14px;
  line-height: 1.58;
}
.container-member-intro .member-intro-section__button {
  position: relative;
  display: block;
  margin-top: 28px;
  border: 1px solid #e9ecef;
  border-radius: 20px;
  color: #222;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.container-member-intro .member-intro-section__button-arrow {
  position: absolute;
  right: 19px;
  top: 50%;
  display: block;
  width: 10px;
  height: 16px;
  overflow: hidden;
  margin-top: -8px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.container-member-intro .member-intro-section__button-arrow:before, .container-member-intro .member-intro-section__button-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
}
.container-member-intro .member-intro-section__button-arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #ffc23c;
}
.container-member-intro .member-intro-section__button-arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}

.member-activity-guide {
  position: relative;
}

.member-activity-guide__list-item {
  padding: 15px 0;
}
.member-activity-guide__list-item:first-of-type {
  padding-top: 0;
}

.member-activity-guide__title {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}

.member-activity-guide__desc {
  position: relative;
  display: block;
  padding: 0 15px;
}
.member-activity-guide__desc:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 7px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
  overflow: hidden;
}
.member-activity-guide__desc ol {
  margin-top: 6px;
}
.member-activity-guide__desc li {
  padding-left: 16px;
  font-size: 13px;
}
.member-activity-guide__desc .bullet-number {
  position: relative;
  left: -16px;
  margin-right: -12px;
}

.member-support-service {
  padding-bottom: 40px;
}

.member-support-service__text-block {
  color: #333;
  font-size: 13px;
}

.member-support-service__list {
  position: relative;
  padding: 25px 0;
}

.member-support-service__list-item {
  position: relative;
  display: block;
  padding: 15px 0 15px 60px;
  border-top: 1px solid #e9ecef;
}
.member-support-service__list-item:first-of-type {
  border-top: none;
}
.member-support-service__list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  background: #f8f9fa url("../images/member/icon_intro_support.png");
  background-size: 45px auto;
}
.member-support-service__list-item.support-service--info:before {
  background-position: left top;
}
.member-support-service__list-item.support-service--notification:before {
  background-position: left -45px;
}
.member-support-service__list-item.support-service--deal:before {
  background-position: left -90px;
}
.member-support-service__list-item.support-service--analysis:before {
  background-position: left -135px;
}
.member-support-service__list-item .support-service-title {
  display: block;
  font-size: 16px;
  line-height: 1.69;
}
.member-support-service__list-item .support-service-desc {
  color: #656565;
  font-size: 12px;
  line-height: 1.5;
}

.wrap-member .dealer-content {
  background: #f5f6f9;
}
.wrap-member .dealer-content > article {
  background: #ffffff;
  padding: 30px 28px;
  margin-bottom: 10px;
}
.wrap-member .dealer-content > article:last-of-type {
  margin-bottom: 0;
}
.wrap-member .article-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 33px;
}
.wrap-member .article-head .dealer-profile {
  margin-right: 21px;
}
.wrap-member .article-head .dealer-profile img {
  width: 80px;
  height: 80px;
}
.wrap-member .article-head .dealer-spec button {
  cursor: pointer;
}
.wrap-member .article-head .dealer-spec .dealer-name {
  padding-top: 5px;
}
.wrap-member .article-head .dealer-spec .dealer-name p, .wrap-member .article-head .dealer-spec .dealer-name ul.guide-bul > li {
  display: inline;
  font-size: 20px;
  font-weight: 600;
}
.wrap-member .article-head .dealer-spec .dealer-name span {
  font-size: 16px;
  font-weight: 600;
}
.wrap-member .article-head .dealer-spec .dealer-phone p, .wrap-member .article-head .dealer-spec .dealer-phone ul.guide-bul > li {
  font-size: 18px;
  color: rgb(102, 102, 102);
}
.wrap-member .article-head .dealer-spec .register-date p, .wrap-member .article-head .dealer-spec .register-date ul.guide-bul > li {
  font-size: 14px;
  color: rgb(153, 153, 153);
}
.wrap-member .article-head .spec-modify {
  position: absolute;
  right: 0;
  border: none;
  background: #ffffff;
}
.wrap-member .article-head .spec-modify img {
  width: 26px;
  height: 26px;
}
.wrap-member .head-margin {
  margin-bottom: 28px;
}
.wrap-member .dealer-title {
  margin-bottom: 44px;
}
.wrap-member .dealer-title h2 {
  font-size: 18px;
  margin-right: 6px;
}
.wrap-member .spec-info table {
  width: 100%;
}
.wrap-member .spec-info table tr {
  display: inline-table;
  width: 100%;
  margin-bottom: 10px;
}
.wrap-member .spec-info table tr th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.wrap-member .spec-info table tr td {
  text-align: right;
}
.wrap-member .spec-info table tr:last-child {
  margin-bottom: 33px;
}
.wrap-member .cancle-join {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 14px;
  color: #ff5d15;
  background: #ffffff;
  border: 1px solid #ff5d15;
  padding: 11px 61.5px;
  margin-bottom: 28px;
}
.wrap-member .info-fold {
  border-top: 1px solid rgb(240, 240, 240);
  padding: 22.5px 0;
  text-align: center;
}
.wrap-member .info-fold > button {
  background-color: #ffffff;
  border: none;
}
.wrap-member .info-fold span {
  position: relative;
  font-size: 14px;
  color: rgb(153, 153, 153);
  margin-right: 9px;
}
.wrap-member .info-fold span:after {
  position: absolute;
  top: 5px;
  right: -20px;
  width: 11px;
  height: 6.5px;
  content: "";
  background: url("../images/member/arrow_fold.png") no-repeat center center/cover;
}
.wrap-member .info-fold .arrow_reverse:after {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.wrap-member .dealer-notice {
  position: relative;
  padding: 16px 10px 16px 15px;
  border-radius: 4px;
  border: 1px solid #b7ceff;
  background: rgb(228, 237, 255);
  width: 100%;
}
.wrap-member .dealer-notice .notice-desc:before {
  position: absolute;
  top: 50%;
  left: 25.5px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background: url("../images/member/icon_notice.png") no-repeat center center/cover;
  width: 22px;
  height: 22px;
}
.wrap-member .dealer-notice .notice-desc {
  color: #000;
  margin-left: 33.5px;
  padding-right: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: 900;
}
.wrap-member .dealer-notice .notice-desc:after {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background: url("../images/member/arrow_notice.png") no-repeat center center/cover;
  width: 8px;
  height: 14px;
}
.wrap-member .dealer-notice.dealer-notice--info .notice-desc:after {
  content: normal;
}
.wrap-member .dealer-activity {
  margin-bottom: 44px;
}
.wrap-member .dealer-activity > h2,
.wrap-member .dealer-activity > span {
  display: inline-block;
  letter-spacing: -1px;
}
.wrap-member .dealer-activity span {
  font-size: 12px;
  color: #a4a4a4;
}
.wrap-member .dealer-activity p, .wrap-member .dealer-activity ul.guide-bul > li {
  margin-top: 14.5px;
  font-size: 12px;
  color: #a4a4a4;
  line-break: anywhere;
  letter-spacing: -0.5px;
}
.wrap-member .activity-history h3 {
  font-size: 15px;
  margin-bottom: 31px;
}
.wrap-member .activity-history .notice_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 18.5px;
}
.wrap-member .activity-history .notice_img img {
  width: 287px;
  height: 32px;
}
.wrap-member .speech_bubble {
  position: relative;
  padding: 11px 20px;
  margin-bottom: 21px;
  width: 100%;
  background-color: rgb(254, 194, 61);
  border-radius: 14px;
}
.wrap-member .speech_bubble img {
  position: absolute;
  top: 0;
  left: -4px;
  width: 15px;
  height: 15px;
}
.wrap-member .speech_bubble p, .wrap-member .speech_bubble ul.guide-bul > li {
  position: relative;
  font-size: 12px;
  letter-spacing: -1px;
  font-weight: bold;
  z-index: 1;
}
.wrap-member .speech_bubble:before {
  position: absolute;
  top: 4px;
  left: 3.5px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background: url("../images/member/speech_bubble_particle.png") no-repeat center center/cover;
  width: 15px;
  height: 15px;
}
.wrap-member .notice-sub {
  margin-bottom: 35.5px;
}
.wrap-member .notice-sub p, .wrap-member .notice-sub ul.guide-bul > li {
  font-size: 12px;
  color: rgb(153, 153, 153);
}
.wrap-member .consult-satisfy {
  font-size: 15px;
  margin-top: 36px;
  margin-bottom: 31px;
}
.wrap-member .consult-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 22.5px;
}
.wrap-member .consult-info table {
  color: rgb(51, 51, 51);
}
.wrap-member .consult-info table tr th {
  font-size: 11px;
  font-weight: 700;
}
.wrap-member .consult-info table tr th:before {
  content: "■";
  line-height: 0;
  font-size: 15px;
  margin-right: 5px;
}
.wrap-member .consult-info table tr td {
  padding-left: 5px;
  font-size: 11px;
}
.wrap-member .consult-info table tr:nth-child(1) th:before {
  color: #70c574;
}
.wrap-member .consult-info table tr:nth-child(2) th:before {
  color: #8fd460;
}
.wrap-member .consult-info table tr:nth-child(3) th:before {
  color: #efc62e;
}
.wrap-member .consult-info table tr:nth-child(4) th:before {
  color: #e27a45;
}
.wrap-member .consult-info table tr:nth-child(5) th:before {
  color: #dd545e;
}
.wrap-member .consult-info .chart-wrap {
  font-weight: 600;
  position: relative;
}
.wrap-member .consult-info .chart-wrap > p, .wrap-member .consult-info ul.chart-wrap.guide-bul > li {
  text-align: center;
  font-size: 11px;
}
.wrap-member .consult-info .chart-wrap > div {
  text-align: center;
  font-size: 11px;
}
.wrap-member .consult-info .chart-wrap > div > span {
  font-size: 14px;
  font-weight: 900;
}
.wrap-member .consult-info .chart-wrap .consult-chart {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.wrap-member .consult-info .chart-wrap .consult-chart .chart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrap-member .consult-info .chart-wrap .consult-chart .chart-content .consult-chart-text {
  position: absolute;
  top: 54.5%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
}
.wrap-member .consult-info .chart-wrap .consult-chart .chart-content .consult-chart-text p, .wrap-member .consult-info .chart-wrap .consult-chart .chart-content .consult-chart-text ul.guide-bul > li {
  text-align: center;
  font-size: 11px;
}
.wrap-member .consult-info .chart-wrap .consult-chart .chart-content .consult-chart-text h3 {
  text-align: center;
  font-size: 18px;
}
.wrap-member .consult-info .consult-result {
  display: inline-block;
  font-weight: 600;
}
.wrap-member .consult-info .consult-result .result-img {
  position: relative;
  margin-bottom: 10px;
}
.wrap-member .consult-info .consult-result .result-img img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70px;
  height: 70px;
}
.wrap-member .consult-info .consult-result p, .wrap-member .consult-info .consult-result ul.guide-bul > li {
  font-size: 11px;
  text-align: center;
}
.wrap-member .consult-info .consult-result .text-wrap {
  text-align: center;
  font-size: 11px;
}
.wrap-member .consult-info .consult-result .text-wrap span {
  font-size: 14px;
  font-weight: 900;
}
.wrap-member .chart-notice {
  background: rgb(245, 245, 245);
  border-radius: 4px;
  margin-bottom: 35px;
}
.wrap-member .chart-notice > div {
  color: rgb(51, 51, 51);
  padding: 10px 25px;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.5px;
}
.wrap-member .chart-notice > div span {
  font-size: 12px;
  color: rgb(255, 93, 21);
}
.wrap-member .bid-rate {
  margin-top: 34px;
}
.wrap-member .bid-rate > h3 {
  font-size: 15px;
  margin-bottom: 29px;
}
.wrap-member .bid-rate .bid-chart {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.wrap-member .bid-rate .bid-chart .chart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrap-member .bid-rate .bid-chart .chart-content .bid-chart-text {
  position: absolute;
  top: 54.5%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
}
.wrap-member .bid-rate .bid-chart .chart-content .bid-chart-text p, .wrap-member .bid-rate .bid-chart .chart-content .bid-chart-text ul.guide-bul > li {
  text-align: center;
  font-size: 11px;
}
.wrap-member .bid-rate .bid-chart .chart-content .bid-chart-text h3 {
  text-align: center;
  font-size: 18px;
}
.wrap-member .success-rate {
  margin-top: 34px;
}
.wrap-member .success-rate > h3 {
  font-size: 15px;
  margin-bottom: 29px;
}
.wrap-member .success-rate .success-chart {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.wrap-member .success-rate .success-chart .chart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrap-member .success-rate .success-chart .chart-content .success-chart-text {
  position: absolute;
  top: 54.5%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 2s;
  transition: 2s;
  opacity: 0;
}
.wrap-member .success-rate .success-chart .chart-content .success-chart-text p, .wrap-member .success-rate .success-chart .chart-content .success-chart-text ul.guide-bul > li {
  text-align: center;
  font-size: 11px;
}
.wrap-member .success-rate .success-chart .chart-content .success-chart-text h3 {
  text-align: center;
  font-size: 18px;
}
.wrap-member .my-history {
  margin-top: 34px;
}
.wrap-member .my-history > h3 {
  font-size: 15px;
  margin-bottom: 16.5px;
}
.wrap-member .my-history .history-chart table {
  border: 1px solid #e7e7e7;
  border-collapse: collapse;
}
.wrap-member .my-history .history-chart table tr th {
  position: relative;
  padding: 20.5px 10.5px;
  font-size: 10px;
  font-weight: 900;
  text-align: right;
  border-right: 1px dashed #d9d9d9;
  border-bottom: 1px solid #e7e7e7;
  min-width: 60px;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 60px;
  width: calc(100vw - 2 * 30px - 60px + 2px);
  height: 100%;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap p, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph p, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage p, .wrap-member .my-history .history-chart table tr th .graph-wrap ul.guide-bul > li {
  position: absolute;
  left: 3px;
  top: 20%;
  font-size: 11px;
  text-align: left;
  font-weight: 600;
  z-index: 1;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph, .wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage {
  left: 0;
  height: 5px;
  background: #cfcfcf;
  z-index: 0;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage {
  width: 0;
  background: #ff5d16;
  -webkit-transition: 2s;
  transition: 2s;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage img {
  position: absolute;
  top: -22px;
}
.wrap-member .my-history .history-chart table tr th .graph-wrap .history-graph .history-guage span {
  position: absolute;
  top: -7.5px;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
  font-size: 14px;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}
@-webkit-keyframes motion {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 2px;
  }
}
@keyframes motion {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 2px;
  }
}
.wrap-member .my-history .history-chart table td {
  position: relative;
  width: 9999px;
  border-right: 1px dashed #d9d9d9;
  border-bottom: 1px solid #e7e7e7;
}
.wrap-member .my-history .history-chart table td.starting {
  width: 46px;
  min-width: 46px;
}
.wrap-member .my-history .history-chart table td .standard-text, .wrap-member .my-history .history-chart table td .graph-standard {
  position: absolute;
  right: 0;
  bottom: 10px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 10px;
  color: #ff5d16;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
  font-weight: 600;
}
.wrap-member .my-history .history-chart table td .graph-standard {
  color: #999;
  top: -16px;
  bottom: auto;
  min-width: 75px;
  text-align: center;
}
.wrap-member .my-history .history-chart table td .graph-standard.emphasize {
  color: #ff5d16;
}
.wrap-member .my-history .history-chart table td:nth-child(6) {
  border-right: 1px dashed #ff5d16;
}
.wrap-member .my-history .history-chart tr:nth-child(1),
.wrap-member .my-history .history-chart tr:nth-child(2) {
  background: #f5f5f5;
}
.wrap-member .dealer__line {
  position: relative;
  left: -28px;
  height: 1px;
  width: 100vw;
  background-color: rgb(245, 245, 245);
}
.wrap-member .history-ol-margin-bottom {
  margin-bottom: 32px;
}
.wrap-member .payment-history .history-margin-bottom {
  margin-bottom: 32px;
}
.wrap-member .payment-history h3 {
  font-size: 15px;
}
.wrap-member .payment-history .content-wrap {
  padding-left: 7.5px;
  letter-spacing: -0.5px;
}
.wrap-member .payment-history .content-wrap .dash-line {
  position: relative;
  height: 16px;
  left: 0;
  background: white;
  border-bottom: 1px dashed whitesmoke;
  width: 100%;
}
.wrap-member .payment-history .content-wrap ul {
  margin-top: 32.5px;
}
.wrap-member .payment-history .content-wrap ul .history-header {
  font-size: 12px;
  color: #666666;
  margin-bottom: 8px;
}
.wrap-member .payment-history .content-wrap ul .history-content {
  font-size: 13px;
  margin-bottom: 18px;
  color: #151515;
}
.wrap-member .payment-history .content-wrap ul .history-content label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrap-member .payment-history .content-wrap ul .history-content label:before {
  top: 50%;
  -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
          transform: translateY(-55%);
}
.wrap-member .payment-history .content-wrap ul .history-content span {
  font-size: 13px;
}
.wrap-member .payment-history .content-wrap ul .history-content .label-month {
  min-width: 33px;
  margin-right: auto;
}
.wrap-member .payment-history .content-wrap ul .history-content .label-rate {
  margin-left: auto;
  color: #0066ca;
}
.wrap-member .payment-history .content-wrap ul .history-content .label-price {
  margin: 0 auto;
  width: 145px;
}
.wrap-member .payment-history .content-wrap ul .history-content .label-price:after {
  display: block;
}
.wrap-member .payment-history .content-wrap ul .history-content .price-normal {
  text-decoration: line-through;
}
.wrap-member .payment-history .content-wrap ul .history-content .price-normal:after {
  display: inline-block;
  content: "";
  width: 13px;
  height: 5px;
  margin: 0 7px;
  background: url("../images/member/icon_arrow.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.wrap-member .payment-history .content-wrap ul .history-content .price-sale {
  color: #ff665b;
}
.wrap-member .payment-history .content-wrap ul .history-state-message {
  color: #70c574;
}
.wrap-member .payment-history .content-wrap ul .bank-name {
  color: #0066ca;
}
.wrap-member .payment-history .content-wrap ul .content-margin {
  margin-bottom: 10.5px;
}
.wrap-member .payment-history .content-wrap .send-button {
  font-size: 12px;
  font-weight: 900;
  color: #000000;
  padding: 6.5px 10.5px;
  background: #fec23d;
  border: none;
  border-radius: 2px;
  margin-bottom: 49px;
}
.wrap-member .payment-history .select-period {
  margin-top: 25.5px;
  text-align: center;
}
.wrap-member .payment-history .select-period div {
  font-size: 15px;
  color: #151515;
}
.wrap-member .payment-history .select-period span {
  font-size: 12px;
  color: #888888;
}
.wrap-member .dealer__radiobox-group {
  margin-top: 32.5px;
  margin-bottom: 50px;
}
.wrap-member .dealer__radiobox-group .radio-box + .radio-box {
  margin-top: 20px;
}
.wrap-member .dealer__radiobox-group .radio-box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member .dealer__radiobox-group .radio-box label:before {
  top: 50%;
  -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
          transform: translateY(-55%);
}
.wrap-member .dealer__radiobox-group .radio-box span {
  font-size: 13px;
}
.wrap-member .dealer__radiobox-group .radio-box .label-month {
  min-width: 43px;
  margin-right: auto;
}
.wrap-member .dealer__radiobox-group .radio-box .label-rate {
  margin-left: auto;
  color: #0066ca;
}
.wrap-member .dealer__radiobox-group .radio-box .label-price {
  margin: 0 auto;
  min-width: 163px;
}
.wrap-member .dealer__radiobox-group .radio-box .label-price:after {
  display: block;
}
.wrap-member .dealer__radiobox-group .radio-box .empty-price {
  text-align: right;
}
.wrap-member .dealer__radiobox-group .radio-box .empty-rate {
  width: 26.03px;
}
.wrap-member .dealer__radiobox-group .radio-box .price-normal {
  text-decoration: line-through;
}
.wrap-member .dealer__radiobox-group .radio-box .price-normal:after {
  display: inline-block;
  content: "";
  width: 13px;
  height: 5px;
  margin: 0 7px;
  background: url("../images/member/icon_arrow.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.wrap-member .dealer__radiobox-group .radio-box .price-sale {
  color: #ff665b;
}
.wrap-member .service-notice {
  padding: 16.5px;
  background: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 30px;
}
.wrap-member .service-notice h4 {
  font-size: 11px;
  font-weight: 900;
  margin-bottom: 11px;
}
.wrap-member .service-notice ul li {
  position: relative;
  left: 15px;
  font-size: 12px;
  line-break: anywhere;
  letter-spacing: -0.9px;
  margin-bottom: 8px;
  width: calc(100% - 15px);
}
.wrap-member .service-notice ul li:before {
  position: absolute;
  left: -15px;
  content: "※";
  font-size: 12px;
}
.wrap-member .service-notice ul li:last-child {
  margin-bottom: 0;
}
.wrap-member .save-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.wrap-member .save-button button {
  padding: 13.5px 64px;
  background: #ff5d16;
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 0 #dfdfdf;
          box-shadow: 0 2px 0 #dfdfdf;
}
.wrap-member .save-button button span {
  font-size: 16px;
  color: #ffffff;
}
.wrap-member .review-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
.wrap-member .review-list .review-img {
  width: 100px;
  height: 100px;
  min-width: 100px;
  margin-right: 10px;
}
.wrap-member .review-list .review-img img {
  width: 100%;
}
.wrap-member .review-list .review-content {
  font-size: 14px;
}
.wrap-member .review-list .review-content .review-date {
  color: #888888;
}
.wrap-member .review-list .review-content .product-name {
  font-weight: 900;
  margin-bottom: 10px;
  line-break: anywhere;
  letter-spacing: -0.5px;
}
.wrap-member .review-list .review-content .review-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 11.5px;
}
.wrap-member .review-list .review-content .review-group .review-score {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 17px;
  background: url("../images/member/gray-star.png") no-repeat center center/cover;
  overflow: hidden;
}
.wrap-member .review-list .review-content .review-group .review-score > span {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  background: url("../images/member/pink-star.png") no-repeat center center/cover;
}
.wrap-member .review-list .review-content .review-group .review-score .score-1 {
  left: -80%;
}
.wrap-member .review-list .review-content .review-group .review-score .score-2 {
  left: -60%;
}
.wrap-member .review-list .review-content .review-group .review-score .score-3 {
  left: -40%;
}
.wrap-member .review-list .review-content .review-group .review-score .score-4 {
  left: -20%;
}
.wrap-member .review-list .review-content .review-group .review-score .score-5 {
  left: 0;
}
.wrap-member .review-list .review-content .review-group > span {
  font-size: 14px;
  font-weight: 600;
  margin: 0 7.5px 0 5px;
  color: #fd665c;
}
.wrap-member .review-list .review-content .review-group > button {
  font-size: 12px;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  background: #fd665c;
  color: #ffffff;
}
.wrap-member .review-list .review-content .review-desc {
  font-size: 11px;
  line-break: anywhere;
  letter-spacing: -0.5px;
}
.wrap-member .review-list:first-child {
  margin-top: 0;
}
.wrap-member .process-wrap {
  margin-top: 30px;
  padding: 15px 0 60px 0;
}
.wrap-member .process-wrap .join-process {
  width: calc(100% - 28px + 5px);
  position: relative;
  left: calc(28px + 5px);
  height: 90px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  border-left: none;
}
.wrap-member .process-wrap .process-icon {
  display: inline-block;
  position: absolute;
}
.wrap-member .process-wrap .process-icon div {
  position: relative;
}
.wrap-member .process-wrap .process-icon div img {
  position: relative;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
}
.wrap-member .process-wrap .process-icon p, .wrap-member .process-wrap .process-icon ul.guide-bul > li {
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  width: 70px;
  margin-top: 8px;
  font-size: 13px;
  text-align: center;
}
.wrap-member .process-wrap .process-icon .text-before {
  color: #999999;
}
.wrap-member .process-wrap .process-icon .text-now {
  color: #ff5d15;
}
.wrap-member .process-wrap .top-left {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0;
  left: 0;
}
.wrap-member .process-wrap .top {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0;
  left: 42.5%;
}
.wrap-member .process-wrap .top-right {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0;
  left: 85%;
}
.wrap-member .process-wrap .bottom-left {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 100%;
  left: 0;
}
.wrap-member .process-wrap .bottom {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 100%;
  left: 42.5%;
}
.wrap-member .process-wrap .bottom-right {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 100%;
  left: 85%;
}
.wrap-member .dealer__modify .modify-header {
  font-size: 12px;
  margin-bottom: 18px;
}
.wrap-member .dealer__modify .modify-header__text {
  color: #333;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}
.wrap-member .dealer__modify .form-default, .wrap-member .dealer__modify .modify-content input, .wrap-member .dealer__modify .modify-content .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .wrap-member .dealer__modify .modify-content .ico-confirm, .wrap-member .dealer__modify .modify-content .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .wrap-member .dealer__modify .modify-content .ico-confirm, .wrap-member .dealer__modify .modify-content select {
  width: 100%;
  font-weight: 600;
  padding: 10px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrap-member .dealer__modify .modify-content {
  position: relative;
  margin-bottom: 43.5px;
}
.wrap-member .dealer__modify .modify-content select::-ms-expand {
  /* IE 10, 11의 네이티브 화살표 숨기기 */
  display: none;
}
.wrap-member .dealer__modify .modify-content select {
  border: none;
  background: url("../images/member/arrow_select.png") no-repeat 100% 50%;
  background-size: 13px 7.5px;
  background-position-x: calc(100% - 20px);
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
       appearance: none;
  border-bottom: 1px solid #f9f9f9;
}
.wrap-member .dealer__modify .modify-content > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.wrap-member .dealer__modify .modify-content > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-member .dealer__modify .modify-content > ul li > div {
  position: relative;
}
.wrap-member .dealer__modify .modify-content > ul li > div .image {
  width: 120px;
  height: 120px;
}
.wrap-member .dealer__modify .modify-content > ul li p, .wrap-member .dealer__modify .modify-content > ul li ul.guide-bul > li {
  margin-top: 11px;
  margin-bottom: 29px;
  font-size: 14px;
  text-align: center;
}
.wrap-member .dealer__modify .modify-content > ul li .delete-button {
  position: relative;
  top: -187px;
  right: -56px;
  border: none;
  background: none;
  z-index: 1;
}
.wrap-member .dealer__modify .modify-content > ul li .delete-button img {
  width: 30px;
  height: 30px;
}
.wrap-member .modify-save {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 21px;
  border: none;
  font-size: 16px;
  color: #ffffff;
  background-color: #ff5d16;
}

.member-auction__util {
  margin-left: auto;
}
.member-auction__util:after {
  display: block;
  content: "";
  clear: both;
}

.member-auction__util-item {
  float: left;
  margin-left: 22px;
}
.member-auction__util-item .btn-img {
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.member-auction__util-item .btn-img.btn-notify {
  position: relative;
  background-image: url("../images/member/btn_auction_notify.png");
}
.member-auction__util-item .btn-img.btn-notify.on:after {
  position: absolute;
  content: "";
  top: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  background: #ff5d16;
  border: 1px solid #fff;
  border-radius: 50%;
}
.member-auction__util-item .btn-img.btn-mypage {
  background-image: url("../images/member/btn_auction_mypage.png");
}

.member-auction__util-notify {
  position: fixed;
  top: 0;
  right: -290px;
  width: 290px;
  height: 100%;
  background: #fff;
  z-index: 3;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}
.member-auction__util-notify.open {
  right: 0;
}
.member-auction__util-notify .btn-notify-colse {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 9px;
  height: 9px;
  background-image: url("../images/member/btn_auction_notify_close.png");
}
.member-auction__util-notify .util-notify__title {
  display: block;
  height: 55px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
.member-auction__util-notify .util-notify__container {
  height: calc(100% - 55px);
  overflow-y: auto;
}
.member-auction__util-notify .util-notify__group {
  padding: 7px 15px 7px 20px;
}
.member-auction__util-notify .util-notify__list + .util-notify__list {
  margin-top: 18px;
}
.member-auction__util-notify .util-notify__link {
  display: block;
  text-decoration: none;
}
.member-auction__util-notify .util-notify__link:after {
  display: block;
  content: "";
  clear: both;
}
.member-auction__util-notify .util-notify__thumb {
  float: left;
  width: 40px;
  height: 30px;
}
.member-auction__util-notify .util-notify__thumb.icon {
  background: #faf9f8 url("../images/member/icon_auction_notify.png") no-repeat 50% 100%;
  background-size: 29px 25px;
}
.member-auction__util-notify .util-notify__thumb.image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.member-auction__util-notify .util-notify__text {
  display: block;
  margin-left: 50px;
  font-size: 13px;
  line-height: 1.23;
  color: #333;
  letter-spacing: -1px;
  word-break: break-all;
}
.member-auction__util-notify .util-notify__time {
  display: block;
  margin-top: 4px;
  margin-left: 50px;
  font-size: 12px;
  color: #ffca97;
}

.member-auction__util-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.header__auction-btn {
  margin-left: auto;
}
.header__auction-btn .toggle-box {
  position: relative;
}
.header__auction-btn .toggle-box input, .header__auction-btn .toggle-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .header__auction-btn .toggle-box .ico-confirm, .header__auction-btn .toggle-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .header__auction-btn .toggle-box .ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.header__auction-btn .toggle-box label {
  display: block;
  font-size: 0;
  cursor: pointer;
}
.header__auction-btn .toggle-box .toggle-label {
  display: inline-block;
  margin-right: 8px;
  font-size: 13px;
  color: #888;
}
.header__auction-btn .toggle-box .toggle-inp {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 10px;
  background: #ddd;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__auction-btn .toggle-box .toggle-inp:before {
  position: absolute;
  top: -3px;
  left: -1px;
  content: "";
  width: 15px;
  height: 15px;
  background: #efefef;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__auction-btn .toggle-box input:checked + label .toggle-inp, .header__auction-btn .toggle-box .new-content-body .inp-box .ico-confirm:checked + label .toggle-inp, .new-content-body .inp-box .header__auction-btn .toggle-box .ico-confirm:checked + label .toggle-inp, .header__auction-btn .toggle-box .type-mydata .inp-box .ico-confirm:checked + label .toggle-inp, .type-mydata .inp-box .header__auction-btn .toggle-box .ico-confirm:checked + label .toggle-inp {
  background: #ff5d16;
}
.header__auction-btn .toggle-box input:checked + label .toggle-inp:before, .header__auction-btn .toggle-box .new-content-body .inp-box .ico-confirm:checked + label .toggle-inp:before, .new-content-body .inp-box .header__auction-btn .toggle-box .ico-confirm:checked + label .toggle-inp:before, .header__auction-btn .toggle-box .type-mydata .inp-box .ico-confirm:checked + label .toggle-inp:before, .type-mydata .inp-box .header__auction-btn .toggle-box .ico-confirm:checked + label .toggle-inp:before {
  left: 15px;
  background: #ffe0c2;
}
.header__auction-btn .btn-search-close {
  width: 17px;
  height: 17px;
  background-image: url("../images/member/btn_auction_search_close.png");
  background-size: cover;
}
.header__auction-btn .btn-search-reset {
  font-size: 13px;
  color: #ff5d16;
}
.header__auction-btn .btn-auction-error {
  width: 25px;
  height: 18px;
  background-image: url("../images/member/btn_auction_error.png");
  background-size: cover;
}

[class*=content-member-auction] {
  color: #222;
}
[class*=content-member-auction] .link-arrow {
  position: relative;
  text-decoration: none;
}
[class*=content-member-auction] .link-arrow:after {
  position: absolute;
  right: 4px;
  content: "";
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin-left: auto;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
[class*=content-member-auction] .link-arrow.right:after {
  top: 46%;
}
[class*=content-member-auction] .link-arrow.down:after {
  top: 26%;
}
[class*=content-member-auction] .link-arrow.up:after {
  top: 46%;
}
[class*=content-member-auction] .member-auciton-menu {
  height: 45px;
  background: #ffbd00;
}
[class*=content-member-auction] .member-auciton-menu__group {
  font-size: 0;
  text-align: center;
}
[class*=content-member-auction] .member-auciton-menu__item {
  display: inline-block;
  width: 25%;
}
[class*=content-member-auction] .member-auciton-menu__item.active {
  position: relative;
}
[class*=content-member-auction] .member-auciton-menu__item.active:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  width: 70px;
  height: 3px;
  margin-left: -35px;
  background: #fff;
}
[class*=content-member-auction] .member-auciton-menu__item.active .member-auciton-menu__link {
  color: #fff;
}
[class*=content-member-auction] .member-auciton-menu__link {
  display: block;
  font-size: 16px;
  line-height: 45px;
  color: #ffe0a3;
  text-decoration: none;
}
[class*=content-member-auction] .member-auciton-tab {
  height: 45px;
  padding: 0 16px;
}
[class*=content-member-auction] .member-auciton-tab__group {
  height: 100%;
}
[class*=content-member-auction] .member-auciton-tab__group:after {
  display: block;
  content: "";
  clear: both;
}
[class*=content-member-auction] .member-auciton-tab__item {
  position: relative;
  float: left;
  width: 50%;
  font-size: 14px;
  line-height: 45px;
  color: #bbb;
  text-align: center;
  cursor: pointer;
}
[class*=content-member-auction] .member-auciton-tab__item:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
}
[class*=content-member-auction] .member-auciton-tab__item.on {
  color: #ff5d16;
}
[class*=content-member-auction] .member-auciton-tab__item.on:after {
  height: 3px;
  background: #ffe0c2;
}
[class*=content-member-auction] .radio-box,
[class*=content-member-auction] .check-box {
  position: relative;
  display: inline-block;
}
[class*=content-member-auction] .radio-box input, [class*=content-member-auction] .radio-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box [class*=content-member-auction] .radio-box .ico-confirm, [class*=content-member-auction] .radio-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box [class*=content-member-auction] .radio-box .ico-confirm,
[class*=content-member-auction] .check-box input,
[class*=content-member-auction] .check-box .new-content-body .inp-box .ico-confirm,
.new-content-body .inp-box [class*=content-member-auction] .check-box .ico-confirm,
[class*=content-member-auction] .check-box .type-mydata .inp-box .ico-confirm,
.type-mydata .inp-box [class*=content-member-auction] .check-box .ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
[class*=content-member-auction] .radio-box label,
[class*=content-member-auction] .check-box label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #222;
  white-space: nowrap;
  line-height: 1.3;
  cursor: pointer;
}
[class*=content-member-auction] .radio-box label:before,
[class*=content-member-auction] .check-box label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: 0;
  border-radius: 50%;
  vertical-align: middle;
}
[class*=content-member-auction] .radio-box input:checked + label, [class*=content-member-auction] .radio-box .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box [class*=content-member-auction] .radio-box .ico-confirm:checked + label, [class*=content-member-auction] .radio-box .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box [class*=content-member-auction] .radio-box .ico-confirm:checked + label,
[class*=content-member-auction] .check-box input:checked + label,
[class*=content-member-auction] .check-box .new-content-body .inp-box .ico-confirm:checked + label,
.new-content-body .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label,
[class*=content-member-auction] .check-box .type-mydata .inp-box .ico-confirm:checked + label,
.type-mydata .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label {
  color: #ff5d16;
}
[class*=content-member-auction] .radio-box input:checked + label:before, [class*=content-member-auction] .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box [class*=content-member-auction] .radio-box .ico-confirm:checked + label:before, [class*=content-member-auction] .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box [class*=content-member-auction] .radio-box .ico-confirm:checked + label:before,
[class*=content-member-auction] .check-box input:checked + label:before,
[class*=content-member-auction] .check-box .new-content-body .inp-box .ico-confirm:checked + label:before,
.new-content-body .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label:before,
[class*=content-member-auction] .check-box .type-mydata .inp-box .ico-confirm:checked + label:before,
.type-mydata .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label:before {
  border-color: #ff5d16;
  background-color: #fff;
  background-image: url("../images/member/icon_auction_checked.png");
  background-size: 100% 300%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
[class*=content-member-auction] .check-box label:before {
  background-image: none;
}
[class*=content-member-auction] .check-box input:checked + label:before, [class*=content-member-auction] .check-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label:before, [class*=content-member-auction] .check-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box [class*=content-member-auction] .check-box .ico-confirm:checked + label:before {
  background-position-y: -32px;
}
[class*=content-member-auction] .member-auction-tooltip {
  position: relative;
  display: inline-block;
  margin-top: -3px;
  line-height: 0;
  vertical-align: middle;
}
[class*=content-member-auction] .member-auction-tooltip .btn-auction-tooltip {
  width: 14px;
  height: 14px;
  background-image: url("../images/member/btn_auction_tooltip.png");
  background-size: cover;
}
[class*=content-member-auction] .member-auction-tooltip .member-auction-tooltip-box {
  position: absolute;
  left: -14px;
  display: none;
  min-width: 150px;
  border: 1px solid #d7d7d7;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  z-index: 6;
}
[class*=content-member-auction] .member-auction-tooltip .member-auction-tooltip-box .arrow {
  position: absolute;
  left: 17px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
[class*=content-member-auction] .member-auction-tooltip .member-auction-tooltip-box .arrow:before {
  position: absolute;
  content: "";
  left: -4px;
  bottom: -1px;
  width: 0;
  height: 0;
  border-top: 6px solid #d7d7d7;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  z-index: -1;
}
[class*=content-member-auction] .member-auction-tooltip .member-auction-tooltip-text {
  display: inline-block;
  padding: 13px 15px 10px;
  white-space: nowrap;
}
[class*=content-member-auction] .member-auction-tooltip .tooltip-accident {
  font-size: 12px;
  color: #222;
}
[class*=content-member-auction] .member-auction-tooltip .tooltip-accident .tooltip-accident__title {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
}
[class*=content-member-auction] .member-auction-tooltip .tooltip-accident .tooltip-accident__list {
  font-size: 12px;
  font-weight: 300;
}
[class*=content-member-auction] .member-auction-tooltip .tooltip-accident .tooltip-accident__list + .tooltip-accident__list {
  margin-top: 1px;
}
[class*=content-member-auction] .member-auction-tooltip.tooltip-open .member-auction-tooltip-box {
  display: block;
}

.header-member-auction-sub .header__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.content-member-auction-main {
  background: #f2f3f5 !important;
}
.content-member-auction-main .member-auciton-today__article {
  padding: 46px 30px;
  background: #fff;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-go {
  display: inline-block;
  min-width: 136px;
  height: 36px;
  padding: 0 40px 0 20px;
  background: #ffe0c2;
  border-radius: 18px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 700;
  color: #ff5d16;
  line-height: 36px;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-go:after {
  right: 28px;
  width: 7px;
  height: 7px;
  border-color: #ff5d16;
  top: 47%;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-go.btn-auction-go--ty2 {
  background: #b8dfff;
  color: #0043a8;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-go.btn-auction-go--ty2::after {
  border-color: #0043a8;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-dealer {
  display: block;
  width: 180px;
  height: 36px;
  margin: 33px auto 0;
  padding: 0 15px 0 20px;
  background: #ffe0c2;
  border-radius: 18px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 700;
  color: #ff5d16;
  line-height: 36px;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-dealer:after {
  right: 19px;
  width: 7px;
  height: 7px;
  border-color: #ff5d16;
}
.content-member-auction-main .member-auciton-today__article .btn-auction-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.content-member-auction-main .member-auciton-today__title {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 28px;
}
.content-member-auction-main .member-auciton-today__count {
  display: block;
  margin: 3px 0 27px;
  font-size: 28px;
  font-weight: 400;
  color: #666;
}
.content-member-auction-main .member-auciton-today__count .count {
  display: inline-block;
  margin-top: -6px;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  vertical-align: middle;
}
.content-member-auction-main .member-auction__advantage-group {
  margin: 0 -20px;
  font-size: 0;
  text-align: center;
}
.content-member-auction-main .member-auction__advantage-item {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04);
}
.content-member-auction-main .member-auction__advantage-item + .member-auction__advantage-item {
  margin-left: -20px;
}
.content-member-auction-main .member-auction__advantage-item .icon-advantage {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 18px 0 1px;
  background: url("../images/member/intro_advantage_icon.png") no-repeat;
  background-position-y: 0;
  background-size: 400%;
}
.content-member-auction-main .member-auction__advantage-item .icon-advantage.online {
  background-position-x: 0;
}
.content-member-auction-main .member-auction__advantage-item .icon-advantage.support {
  background-position-x: -30px;
}
.content-member-auction-main .member-auction__advantage-item .icon-advantage.customer {
  background-position-x: -60px;
}
.content-member-auction-main .member-auction__advantage-item .icon-advantage.manage {
  background-position-x: -90px;
}
.content-member-auction-main .member-auction__advantage-text {
  display: block;
  font-size: 12px;
  line-height: 1.16;
  color: #000;
}
.content-member-auction-main .member-auction__service {
  margin-top: 58px;
}
.content-member-auction-main .member-auction__service-caption {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
.content-member-auction-main .member-auction__service-title {
  display: block;
  margin: 10px 0 18px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1px;
}
.content-member-auction-main .member-auction__service-text {
  display: block;
  font-size: 12px;
  color: #888;
}
.content-member-auction-main .member-auciton-main__article {
  margin-top: 10px;
  padding: 27px 20px;
  background: #fff;
}
.content-member-auction-main .member-auciton-main__article .link-more {
  display: block;
  font-size: 13px;
  color: #ff5d16;
  text-align: center;
  text-decoration: none;
}
.content-member-auction-main .member-auciton-main__title {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.content-member-auction-main .member-auciton-main__bid {
  margin: 10px -20px 0;
}
.content-member-auction-main .member-auciton-main__bid:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__list {
  float: left;
  padding: 20px 20px;
  width: 33.333%;
  height: 90px;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__list + .main-bid__list {
  border-left: 1px solid #f5f5f5;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__link {
  text-decoration: none;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__title {
  margin-bottom: 14px;
  font-size: 12px;
  color: #999;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__title:after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -4px;
  margin-left: 5px;
  border: solid #ddd;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__data {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  text-align: right;
}
.content-member-auction-main .member-auciton-main__bid .main-bid__data .num {
  display: inline-block;
  margin-top: -5px;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
}
.content-member-auction-main .member-auciton-main__deal {
  margin: 15px -20px 30px;
  padding: 0 13px 10px;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__item {
  margin: 0 7px;
  padding: 19px;
  width: 190px;
  height: 160px;
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-member-auction-main .member-auciton-main__deal .main-deal__thumb {
  float: left;
  display: block;
  width: 60px;
  height: 45px;
  margin-right: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.content-member-auction-main .member-auciton-main__deal .main-vehicle__thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__info {
  float: left;
  margin-bottom: 30px;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__info-number {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 500;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__info-date {
  font-size: 11px;
  color: #888;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__info-price {
  margin-top: 3px;
  font-size: 12px;
  color: #487ece;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__progress {
  clear: both;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__progress-status {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #ff5d16;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__progress-bar {
  position: relative;
  width: 100%;
  height: 5px;
  background: #faf9f8;
  border-radius: 3px;
  overflow: hidden;
}
.content-member-auction-main .member-auciton-main__deal .main-deal__progress-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ff5d16;
}
.content-member-auction-main .member-auciton-main__notice {
  margin: 25px 0 43px;
}
.content-member-auction-main .member-auciton-main__notice .main-notice__list:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-main .member-auciton-main__notice .main-notice__list + .main-notice__list {
  margin-top: 25px;
}
.content-member-auction-main .member-auciton-main__notice .main-notice__link {
  text-decoration: none;
}
.content-member-auction-main .member-auciton-main__notice .main-notice__title {
  float: left;
  width: 75.5%;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content-member-auction-main .member-auciton-main__notice .main-notice__date {
  float: right;
  font-size: 12px;
  color: #ccc;
}
.content-member-auction-main .member-auciton-main__qna {
  margin: 23px 0 33px;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__list {
  color: #333;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__list + .main-qna__list {
  margin-top: 23px;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-link {
  display: block;
  color: inherit;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-link:after {
  width: 8px;
  height: 8px;
  border-color: #ccc;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-link.down:after {
  border-width: 0 2px 2px 0;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-link.up:after {
  border-width: 2px 0 0 2px;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-q {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #ff5d16;
  vertical-align: middle;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__title-text {
  display: inline-block;
  font-size: 14px;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__desc {
  display: none;
  padding-top: 12px;
  padding-left: 10px;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__desc:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__desc-a {
  float: left;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #222;
}
.content-member-auction-main .member-auciton-main__qna .main-qna__desc-text {
  float: left;
  width: calc(100% - 18px);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.66;
}
.content-member-auction-main .member-auciton-main__btn {
  padding: 40px 0 47px;
}
.content-member-auction-main .btn-member-auction__motor {
  display: block;
  width: 320px;
  height: 48px;
  margin: 0 auto;
  padding: 0 25px;
  background: #60584c;
  border-radius: 24px;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
}
.content-member-auction-main .btn-member-auction__motor:after {
  right: 29px;
  width: 11px;
  height: 11px;
  border-color: #ffd923;
}
.content-member-auction-main .btn-member-auction__motor .num {
  display: inline-block;
  margin-top: -4px;
  font-size: 21px;
  color: #ffd923;
  vertical-align: middle;
}

.content-member-auction-list .member-auciton-filter {
  margin: 14px 0 20px;
  padding: 0 16px;
}
.content-member-auction-list .member-auciton-filter:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-filter .btn-filter-all {
  text-decoration: none;
  color: inherit;
}
.content-member-auction-list .member-auciton-filter .btn-filter-all:before {
  display: inline-block;
  content: "";
  width: 13px;
  height: 7px;
  margin-top: -4px;
  margin-right: 5px;
  background: url("../images/member/arrow_filter.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.content-member-auction-list .member-auciton-filter .btn-filter-all.active:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.content-member-auction-list .member-auciton-filter .btn-filter-sort {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/member/btn_filter_sort_off.png");
  background-size: cover;
  vertical-align: middle;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.content-member-auction-list .member-auciton-filter .btn-filter-sort.active {
  background-image: url("../images/member/btn_filter_sort_on.png");
}
.content-member-auction-list .member-auciton-filter .btn-filter-search {
  display: inline-block;
  width: 80px;
  height: 30px;
  margin-left: 13px;
  border: 2px solid #ffe0c2;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  color: #ff5d16;
  text-align: center;
  text-decoration: none;
}
.content-member-auction-list .member-auciton-filter .btn-filter-search:after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin-top: -5px;
  margin-left: 9px;
  background: url("../images/member/btn_auction_search.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-list .member-auciton-filter__set {
  display: inline-block;
}
.content-member-auction-list .member-auciton-filter__title {
  display: block;
  padding: 4px 0 3px;
  font-size: 13px;
  font-weight: 700;
}
.content-member-auction-list .member-auciton-filter__title .num {
  font-size: 16px;
  color: #ff5d16;
}
.content-member-auction-list .member-auciton-filter__content {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
  background: #fff;
  z-index: 5;
}
.content-member-auction-list .member-auciton-filter__content.all {
  width: 240px;
  padding: 20px 20px 10px 16px;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-title {
  display: block;
  margin-bottom: 17px;
  font-weight: 700;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-group {
  margin-left: 5px;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-item {
  position: relative;
  height: 50px;
  padding-left: 20px;
  line-height: 50px;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-item:before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 10px;
  height: 40px;
  border: solid #efefef;
  border-width: 0 0 1px 1px;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-item + .filter-all-item:before {
  top: -25px;
  height: 50px;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-link {
  display: block;
  text-decoration: none;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-link:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-text {
  font-size: 14px;
  color: #222;
}
.content-member-auction-list .member-auciton-filter__content.all .filter-all-num {
  float: right;
  font-size: 16px;
  font-weight: 400;
  color: #ff5d16;
}
.content-member-auction-list .member-auciton-filter__content.sort {
  width: 180px;
  padding: 16px 20px 14px;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box__group {
  margin-bottom: 38px;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box {
  display: block;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box + .radio-box {
  margin-top: 32px;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box label {
  display: block;
  padding-left: 0;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box label:before {
  left: auto;
  right: 0;
}
.content-member-auction-list .member-auciton-filter__content.sort .radio-box input:checked + label:before, .content-member-auction-list .member-auciton-filter__content.sort .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .content-member-auction-list .member-auciton-filter__content.sort .radio-box .ico-confirm:checked + label:before, .content-member-auction-list .member-auciton-filter__content.sort .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .content-member-auction-list .member-auciton-filter__content.sort .radio-box .ico-confirm:checked + label:before {
  background-position-y: 0;
}
.content-member-auction-list .member-auciton-filter__content.sort .btn-filter-ok {
  width: 100%;
  font-size: 13px;
  color: #ff5d16;
}
.content-member-auction-list .member-auciton-filter__left {
  position: relative;
  float: left;
}
.content-member-auction-list .member-auciton-filter__left .member-auciton-filter__content {
  left: 0;
}
.content-member-auction-list .member-auciton-filter__right {
  position: relative;
  float: right;
}
.content-member-auction-list .member-auciton-filter__right .member-auciton-filter__content {
  right: 0;
}
.content-member-auction-list .member-auciton-vehicle {
  padding: 0 16px;
}
.content-member-auction-list .member-auciton-vehicle:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-vehicle__direct {
  float: left;
  width: 50%;
  padding-top: 6px;
  padding-right: 6px;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 56.944vw;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct-bid {
  width: 100%;
  height: 61%;
  padding: 26px 15px 17px;
  background: #60584c;
  border-radius: 8px;
  color: #fff;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct-zzim {
  width: 100%;
  height: 36.5%;
  margin-top: auto;
  padding: 14px 15px 17px;
  background: #fc0;
  border-radius: 8px;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__title {
  font-size: 13px;
  line-height: 1.2;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__title .num {
  font-size: 20px;
  font-weight: 700;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__go {
  display: block;
  font-size: 11px;
  text-align: right;
}
.content-member-auction-list .member-auciton-vehicle__direct .vehicle-direct__go:after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -2px;
  margin-left: 3px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.content-member-auction-list .member-auciton-vehicle__group {
  margin: -6px;
}
.content-member-auction-list .member-auciton-vehicle__group:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-vehicle__list {
  position: relative;
  float: left;
  width: 50%;
  padding: 6px;
  overflow: hidden;
}
.content-member-auction-list .member-auciton-vehicle__list:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  z-index: 2;
}
.content-member-auction-list .member-auciton-vehicle__list.visited:before {
  top: 15px;
  left: 15px;
  width: 28px;
  height: 13px;
  background-image: url("../images/member/icon_auction_visited.png");
}
.content-member-auction-list .member-auciton-vehicle__list.zzim:before {
  top: 13px;
  left: 18px;
  width: 20px;
  height: 15px;
  background-image: url("../images/member/icon_auction_zzim.png");
}
.content-member-auction-list .member-auciton-vehicle__list.tendered .member-auciton-vehicle__num {
  background: #fc0;
  color: #222;
}
.content-member-auction-list .member-auciton-vehicle__list.closed:before {
  opacity: 0.7;
}
.content-member-auction-list .member-auciton-vehicle__list.closed .member-auciton-vehicle__thumb-container:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 3;
}
.content-member-auction-list .member-auciton-vehicle__link {
  display: block;
  height: 56.944vw;
  text-decoration: none;
}
.content-member-auction-list .member-auciton-vehicle__thumb-container {
  height: 34.722vw;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.content-member-auction-list .member-auciton-vehicle__thumb-container .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  text-align: center;
  z-index: 1;
}
.content-member-auction-list .member-auciton-vehicle__thumb-container .swiper-pagination-bullet {
  width: 8px;
  height: 2px;
  margin: 0 1px;
  opacity: 0.4;
}
.content-member-auction-list .member-auciton-vehicle__thumb-container .swiper-pagination-bullet-active {
  width: 20px;
  opacity: 1;
}
.content-member-auction-list .member-auciton-vehicle__thumb {
  display: block;
}
.content-member-auction-list .member-auciton-vehicle__thumb .vehicle-thumb__img {
  display: block;
  width: 100%;
}
.content-member-auction-list .member-auciton-vehicle__num {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 28px;
  height: 28px;
  background: #f2f2f2;
  border-radius: 50%;
  font-size: 12px;
  line-height: 28px;
  color: #bbb;
  text-align: center;
  z-index: 1;
}
.content-member-auction-list .member-auciton-vehicle__closed {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 80px;
  height: 28px;
  margin-left: -40px;
  background: #fc6929;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
  text-align: center;
  z-index: 3;
}
.content-member-auction-list .member-auciton-vehicle__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100% - 34.722vw);
  padding: 13px 10px 15px;
  border: solid #e9e9e9;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 8px 8px;
}
.content-member-auction-list .member-auciton-vehicle__info .vehicle-info__name {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #222;
}
.content-member-auction-list .member-auciton-vehicle__info .vehicle-info__data {
  font-size: 0;
}
.content-member-auction-list .member-auciton-vehicle__info .vehicle-info__data-item {
  display: inline-block;
  font-size: 11px;
  color: #888;
}
.content-member-auction-list .member-auciton-vehicle__info .vehicle-info__data-item + .vehicle-info__data-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 8px;
  margin: 0 5px;
  background: #ddd;
}
.content-member-auction-list .member-auciton-deal {
  padding: 0 16px;
}
.content-member-auction-list .member-auciton-deal__group {
  margin: -8px 0;
}
.content-member-auction-list .member-auciton-deal__list {
  padding: 8px 0;
}
.content-member-auction-list .member-auciton-deal__box {
  padding: 15px 20px 17px;
  border: 1px solid #f2f2f2;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.05);
}
.content-member-auction-list .member-auciton-deal__box .deal-date {
  display: block;
  font-size: 11px;
  color: #999;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview {
  margin: 8px 0 17px;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__thumb {
  float: left;
  width: 80px;
  height: 60px;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__thumb-img {
  display: block;
  width: 100%;
  height: 100%;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__info {
  float: left;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__info-num {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__info-name {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #222;
}
.content-member-auction-list .member-auciton-deal__box .deal-preview__info-price {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #487ece;
}
.content-member-auction-list .member-auciton-deal__box .deal-progress {
  position: relative;
  width: 100%;
  height: 5px;
  background: #faf9f8;
  border-radius: 3px;
  overflow: hidden;
}
.content-member-auction-list .member-auciton-deal__box .deal-progress__bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ff5d16;
}
.content-member-auction-list .member-auciton-deal__box .deal-status {
  margin-top: 8px;
}
.content-member-auction-list .member-auciton-deal__box .deal-status:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-list .member-auciton-deal__box .deal-status__star {
  position: relative;
  float: left;
  width: 63px;
  height: 12px;
  margin-top: 3px;
  background: url("../images/member/gray-star.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-list .member-auciton-deal__box .deal-status__star-rating {
  position: absolute;
  display: block;
  left: 0;
  height: 100%;
  background: url("../images/member/pink-star.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-list .member-auciton-deal__box .btn-deal-status {
  float: right;
  padding-right: 16px;
  font-size: 13px;
  font-weight: 700;
  color: #ff5d16;
  text-decoration: none;
}
.content-member-auction-list .member-auciton-deal__box .btn-deal-status:after {
  top: 35%;
  width: 6px;
  height: 6px;
}
.content-member-auction-list .member-auction-list__no-data {
  padding-top: 40px;
  text-align: center;
}
.content-member-auction-list .member-auction-list__no-data .icon-no-data {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #faf9f7 url("../images/member/icon_auction_nodata.png") no-repeat 30px 50%;
  background-size: 50px 46px;
  border-radius: 50%;
}
.content-member-auction-list .member-auction-list__no-data .no-data__text {
  display: block;
  margin-top: 23px;
  font-size: 14px;
  color: #bbb;
}

.wrap-member-auction-search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  background: #fff;
  z-index: 1001;
}
.wrap-member-auction-search #header {
  position: fixed;
  z-index: 1;
}
.wrap-member-auction-search.year {
  height: 100%;
}
.wrap-member-auction-search.year .container {
  height: calc(100% - 55px);
}

.content-member-auction-search {
  padding: 0 20px 90px;
}
.content-member-auction-search .radio-box label,
.content-member-auction-search .check-box label {
  padding-left: 26px;
}
.content-member-auction-search .member-auction-search__group {
  margin-top: 37px;
}
.content-member-auction-search .member-auction-search__item {
  position: relative;
  font-size: 0;
}
.content-member-auction-search .member-auction-search__item + .member-auction-search__item {
  margin-top: 39px;
}
.content-member-auction-search .member-auction-search__item .btn-option-cancel {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  background-image: url("../images/member/btn_auction_cancel.png");
  background-size: cover;
}
.content-member-auction-search .member-auction-search__item .btn-option-go {
  position: absolute;
  top: 50%;
  right: 0;
}
.content-member-auction-search .member-auction-search__item .btn-option-go:after {
  width: 10px;
  height: 10px;
  border-color: #ccc;
}
.content-member-auction-search .member-auction-search__link {
  display: block;
  text-decoration: none;
}
.content-member-auction-search .member-auction-search__link:after {
  position: absolute;
  top: 50%;
  right: 6px;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.content-member-auction-search .member-auction-search__title {
  display: inline-block;
  width: 28%;
  font-size: 15px;
  font-weight: 700;
  color: #ff5d16;
  vertical-align: middle;
}
.content-member-auction-search .member-auction-search__option {
  display: inline-block;
  width: 72%;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
}
.content-member-auction-search .member-auction-search__option:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-search .member-auction-search__option .option-data {
  display: block;
  font-weight: 500;
}
.content-member-auction-search .member-auction-search__option .option-data + .option-data {
  margin-top: 8px;
}
.content-member-auction-search .member-auction-search__option .option-grade__list + .option-grade__list {
  margin-top: 9px;
}
.content-member-auction-search .member-auction-search__option .option-grade-sub__group {
  margin-top: 10px;
  margin-left: 5px;
}
.content-member-auction-search .member-auction-search__option .option-grade-sub__list {
  position: relative;
  padding-left: 20px;
}
.content-member-auction-search .member-auction-search__option .option-grade-sub__list:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  width: 10px;
  height: 6px;
  border: solid #ff5d16;
  border-width: 0 0 1px 1px;
}
.content-member-auction-search .member-auction-search__option .option-grade-sub__list + .option-grade-sub__list {
  margin-top: 10px;
}
.content-member-auction-search .member-auction-search__option.type .radio-box {
  float: left;
  width: 33.333%;
}
.content-member-auction-search .member-auction-search__option.type .radio-box label {
  color: #999;
}
.content-member-auction-search .member-auction-search__option.type .radio-box input:checked + label, .content-member-auction-search .member-auction-search__option.type .radio-box .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .content-member-auction-search .member-auction-search__option.type .radio-box .ico-confirm:checked + label, .content-member-auction-search .member-auction-search__option.type .radio-box .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .content-member-auction-search .member-auction-search__option.type .radio-box .ico-confirm:checked + label {
  font-weight: 500;
  color: #222;
}
.content-member-auction-search .member-auction-search__option.type .radio-box input:checked + label:before, .content-member-auction-search .member-auction-search__option.type .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .content-member-auction-search .member-auction-search__option.type .radio-box .ico-confirm:checked + label:before, .content-member-auction-search .member-auction-search__option.type .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .content-member-auction-search .member-auction-search__option.type .radio-box .ico-confirm:checked + label:before {
  background-position-y: -16px;
}
.content-member-auction-search .member-auction-search__option.area {
  margin: -4px -10px;
}
.content-member-auction-search .member-auction-search__option.area .option-data {
  display: inline-block;
  margin: 4px 10px;
}
.content-member-auction-search .member-auction-maker {
  margin-top: 7px;
}
.content-member-auction-search .member-auction-maker + .member-auction-maker {
  margin-top: 30px;
}
.content-member-auction-search .member-auction-maker__title {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #ff5d16;
}
.content-member-auction-search .member-auction-maker__group {
  padding: 23px 16px;
  background: #faf9f7;
  border-radius: 6px;
}
.content-member-auction-search .member-auction-maker__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-member-auction-search .member-auction-maker__list + .member-auction-maker__list {
  margin-top: 21px;
}
.content-member-auction-search .member-auction-maker__logo {
  display: block;
  width: 23px;
  margin-right: 11px;
}
.content-member-auction-search .member-auction-maker__logo-img {
  display: inline-block;
  width: 100%;
}
.content-member-auction-search .member-auction-maker__name {
  font-size: 14px;
  font-weight: 400;
}
.content-member-auction-search .member-auction-maker__num {
  margin-left: auto;
  font-size: 12px;
  color: #999;
}
.content-member-auction-search .member-auction-model {
  margin-top: 29px;
}
.content-member-auction-search .member-auction-model__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-member-auction-search .member-auction-model__list + .member-auction-model__list {
  margin-top: 29px;
}
.content-member-auction-search .member-auction-model__title {
  font-size: 14px;
  font-weight: 400;
}
.content-member-auction-search .member-auction-model__num {
  margin-left: auto;
  font-size: 12px;
  color: #999;
}
.content-member-auction-search .member-auction-grade {
  margin-top: 29px;
}
.content-member-auction-search .member-auction-grade__list + .member-auction-grade__list {
  margin-top: 29px;
}
.content-member-auction-search .member-auction-grade__list .num {
  float: right;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.content-member-auction-search .member-auction-grade__title:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-search .member-auction-grade__sub-group {
  display: none;
  margin-top: 29px;
  margin-left: 27px;
}
.content-member-auction-search .member-auction-grade__sub-list + .member-auction-grade__sub-list {
  margin-top: 29px;
}
.content-member-auction-search .member-auction-search__check-option {
  padding: 18px 10px;
}
.content-member-auction-search .member-auction-search__check-option.area .check-option__item {
  float: left;
  width: 50%;
}
.content-member-auction-search .member-auction-search__check-option .check-option__group {
  margin: -5px;
}
.content-member-auction-search .member-auction-search__check-option .check-option__group:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-search .member-auction-search__check-option .check-option__item {
  padding: 5px;
}
.content-member-auction-search .member-auction-search__check-option .check-box-item {
  display: block;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
}
.content-member-auction-search .member-auction-search__check-option .check-box-item label {
  display: block;
  line-height: 50px;
}
.content-member-auction-search .member-auction-search__check-option .check-box-item label:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-member-auction-search .member-auction-search__check-option .check-box-item.on {
  border-color: #ffe0c2;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.content-member-auction-search .member-auction-year {
  height: 100%;
  padding: 18px 10px 0;
}
.content-member-auction-search .member-auction-year__select {
  height: 100px;
  margin-bottom: 50px;
  padding: 22px 0;
  border: 1px solid #222;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  font-size: 0;
  text-align: center;
}
.content-member-auction-search .member-auction-year__select .title {
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 300;
}
.content-member-auction-search .member-auction-year__select .year {
  font-size: 32px;
  font-weight: 700;
}
.content-member-auction-search .member-auction-year__select .year-tilde {
  display: inline-block;
  margin: 0 27px;
  font-size: 32px;
}
.content-member-auction-search .member-auction-year__select-min {
  display: inline-block;
}
.content-member-auction-search .member-auction-year__select-min .year {
  color: #ff5d16;
}
.content-member-auction-search .member-auction-year__select-max {
  display: inline-block;
}
.content-member-auction-search .member-auction-year__minmax {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100% - 150px);
}
.content-member-auction-search .member-auction-year__minmax:before, .content-member-auction-search .member-auction-year__minmax:after {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 70px;
  opacity: 0.9;
  z-index: 2;
}
.content-member-auction-search .member-auction-year__minmax:before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), to(transparent));
  background: linear-gradient(#fff 25%, transparent);
}
.content-member-auction-search .member-auction-year__minmax:after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, #fff));
  background: linear-gradient(transparent, #fff 75%);
}
.content-member-auction-search .member-auction-year__minmax .minmax-slide {
  height: 51px;
  line-height: 51px;
  font-size: 18px;
  font-weight: 300;
  color: #222;
}
.content-member-auction-search .member-auction-year__minmax .minmax-slide.disabled {
  color: #ebeef0;
}
.content-member-auction-search .member-auction-year__minmax .year-tilde {
  margin: 0 5px;
  font-size: 18px;
  font-weight: 300;
  color: #222;
}
.content-member-auction-search .member-auction-year__minmax-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  text-align: center;
}
.content-member-auction-search .member-auction-year__minmax-item:after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 50px;
  border: solid #ffe0c2;
  border-width: 1px 0 1px 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-member-auction-search .member-auction-year__minmax-item .swiper-slide-active {
  color: #ff5d16;
}
.content-member-auction-search .member-auction-year__minmax-item .swiper-slide-active.min-text,
.content-member-auction-search .member-auction-year__minmax-item .swiper-slide-active.max-text {
  color: #222;
}
.content-member-auction-search .member-auction-year__minmax-container {
  height: 100%;
}
.content-member-auction-search .member-auction-year__minmax-wrapper {
  height: auto;
}
.content-member-auction-search .member-auction-search__btn {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  padding: 0 5px;
  z-index: 3;
}
.content-member-auction-search .member-auction-search__btn .btn {
  height: 45px;
  margin: 0 5px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 48px;
  text-decoration: none;
}
.content-member-auction-search .member-auction-search__btn .btn-auction-reset {
  width: 30.9%;
  background: #60584c;
  color: #fff;
}
.content-member-auction-search .member-auction-search__btn .btn-auction-search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fc0;
  color: #222;
}
.content-member-auction-search .member-auction-search__btn .btn-auction-search .num {
  font-weight: 700;
}

.content-member-auction-detail .member-auction-detail__thumb-container {
  height: 75vw;
}
.content-member-auction-detail .member-auction-detail__thumb-container .swiper-pagination {
  top: auto;
  left: 17px;
  right: auto;
  bottom: 4px;
  font-size: 12px;
  color: #888;
  text-align: left;
}
.content-member-auction-detail .member-auction-detail__thumb-container .swiper-pagination-current {
  color: #fff;
}
.content-member-auction-detail .member-auction-detail__thumb-slide .detail-thumb__img {
  display: block;
  width: 100%;
}
.content-member-auction-detail .member-auction-detail__thumb-zoom {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.content-member-auction-detail .member-auction-detail__thumb-zoom .thumb-zoom__link {
  display: block;
  width: 100%;
  height: 100%;
}
.content-member-auction-detail .member-auction-detail__bid {
  height: 55px;
  padding: 9px 16px 0;
  background: #2f2f2f;
  font-size: 12px;
  color: #fff;
}
.content-member-auction-detail .member-auction-detail__bid:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__bid-time {
  float: left;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__bid-time:before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -2px;
  margin-right: 4px;
  background: url("../images/member/icon_auction_time.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__bid-time.closed {
  opacity: 0.2;
}
.content-member-auction-detail .member-auction-detail__bid-num {
  float: right;
}
.content-member-auction-detail .member-auction-detail__bid-num .num {
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__vehicle {
  position: relative;
  margin-top: -23px;
  padding: 31px 16px 188px;
  background: #fff;
  border-radius: 24px 24px 0 0;
}
.content-member-auction-detail .member-auction-detail__vehicle.vehicle-regist-all {
  border-radius: 0;
  margin-top: 0;
  padding: 5px 16px 60px 16px;
}
.content-member-auction-detail .member-auction-detail__vehicle.vehicle-regist-all .vehicle-info__location {
  top: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__name-maker {
  display: block;
  font-size: 14px;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__name-model {
  display: block;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__base {
  font-size: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__base-item {
  display: inline-block;
  font-size: 12px;
  color: #757575;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__base-item + .vehicle-info__base-item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 8px;
  background: #eee;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__location {
  position: absolute;
  top: 20px;
  right: 16px;
  font-size: 12px;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-info .vehicle-info__location:before {
  display: inline-block;
  content: "";
  width: 9px;
  height: 12px;
  margin-top: -3px;
  margin-right: 4px;
  background: url("../images/member/icon_auction_location.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-group {
  margin: 29px -7px 30px;
  font-size: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link {
  display: inline-block;
  width: calc(50% - 14px);
  height: 70px;
  margin: 0 7px;
  padding: 13px 14px 10px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-text {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 300;
  color: #336fc9;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-num {
  display: block;
  font-size: 0;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-num .link-num-item {
  display: inline-block;
  font-size: 14px;
  color: #000;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-num .link-num-item + .link-num-item:before {
  display: inline-block;
  content: "/";
  margin: 0 3px;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__link-num .num {
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__info-item:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__info-item + .vehicle-data__info-item {
  margin-top: 12px;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__info-item .info-item__title {
  float: left;
  width: 29%;
  font-size: 12px;
  font-weight: 300;
  color: #9f9f9f;
}
.content-member-auction-detail .member-auction-detail__vehicle-data .vehicle-data__info-item .info-item__desc {
  float: left;
  font-size: 13px;
  font-weight: 500;
}
.content-member-auction-detail .member-auction-detail__vehicle-section {
  margin-top: 54px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__title {
  display: block;
  font-size: 18px;
  font-weight: 400;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-option {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__group {
  margin: -5px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__group:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__item {
  float: left;
  width: 50%;
  padding: 5px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__item .section-option__text {
  position: relative;
  display: block;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  font-size: 14px;
  line-height: 38px;
  color: #999;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__item .section-option__text:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__item.active .section-option__text {
  border-color: #ffe0c2;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__item.active .section-option__text:after {
  border-color: #ff5d16;
  background: url("../images/member/icon_auction_checked.png") no-repeat;
  background-position: 0 -32px;
  background-size: 100% 300%;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus {
  margin-top: 24px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus-title {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus-group {
  margin-left: 5px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus-list {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus-list:before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin-top: -2px;
  margin-right: 9px;
  background: url("../images/member/icon_auction_option.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-option__plus-list + .section-option__plus-list {
  margin-top: 6px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-repair {
  margin-top: 26px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__group {
  font-size: 0;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item {
  display: none;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item.on {
  display: block;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .name {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .icon-repair {
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  text-indent: -9999em;
  overflow: hidden;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .icon-repair-x {
  background-image: url("../images/member/icon_auction_repair_x.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .icon-repair-w {
  background-image: url("../images/member/icon_auction_repair_w.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-front-left {
  top: 7%;
  left: 23.7%;
  width: 40.33%;
  height: 25.06%;
  background-image: url("../images/member/bg_fender_front_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-front-left .icon-repair {
  top: 14px;
  left: 9px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-front-right {
  top: 7%;
  right: 23.7%;
  width: 40.33%;
  height: 25.06%;
  background-image: url("../images/member/bg_fender_front_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-front-right .icon-repair {
  top: 14px;
  right: 9px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-back-left {
  left: 47.05%;
  bottom: 2.96%;
  width: 23.5%;
  height: 23.7%;
  background-image: url("../images/member/bg_fender_back_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-back-left .icon-repair {
  left: -1px;
  bottom: 13px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-back-right {
  right: 47.05%;
  bottom: 2.96%;
  width: 23.5%;
  height: 23.7%;
  background-image: url("../images/member/bg_fender_back_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__fender-back-right .icon-repair {
  right: -1px;
  bottom: 13px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-front-left {
  top: 30.7%;
  left: 24.3%;
  width: 42.85%;
  height: 24.5%;
  background-image: url("../images/member/bg_door_front_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-front-left .icon-repair {
  top: 16px;
  left: 4px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-front-right {
  top: 30.7%;
  right: 24.3%;
  width: 42.85%;
  height: 24.5%;
  background-image: url("../images/member/bg_door_front_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-front-right .icon-repair {
  top: 16px;
  right: 4px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-back-left {
  left: 25.2%;
  bottom: 25.6%;
  width: 45.37%;
  height: 20.48%;
  background-image: url("../images/member/bg_door_back_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-back-left .icon-repair {
  left: 4px;
  bottom: 12px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-back-right {
  right: 25.2%;
  bottom: 25.6%;
  width: 45.37%;
  height: 20.48%;
  background-image: url("../images/member/bg_door_back_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__door-back-right .icon-repair {
  right: 4px;
  bottom: 12px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidepanel-left {
  top: 29.1%;
  left: 17.6%;
  width: 7.56%;
  height: 41.2%;
  background-image: url("../images/member/bg_sidepanel-left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidepanel-left .icon-repair {
  top: 38px;
  left: -7px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidepanel-right {
  top: 29.1%;
  right: 17.6%;
  width: 7.56%;
  height: 41.2%;
  background-image: url("../images/member/bg_sidepanel_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidepanel-right .icon-repair {
  top: 38px;
  right: -7px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__pillar-left {
  top: 54.4%;
  left: 67.2%;
  width: 27.73%;
  height: 3.5%;
  background-image: url("../images/member/bg_pillar_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__pillar-left .icon-repair {
  top: -6px;
  left: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__pillar-right {
  top: 54.4%;
  right: 67.2%;
  width: 27.73%;
  height: 3.5%;
  background-image: url("../images/member/bg_pillar_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__pillar-right .icon-repair {
  top: -6px;
  right: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bumper-front {
  top: 0.26%;
  left: 4.05%;
  width: 94.6%;
  height: 11.17%;
  background-image: url("../images/member/bg_bumper_front.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bumper-front .icon-repair {
  top: -5px;
  left: 17px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bumper-back {
  left: 1.35%;
  bottom: 0;
  width: 97.97%;
  height: 16.48%;
  background-image: url("../images/member/bg_bumper_back.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bumper-back .icon-repair {
  left: 28px;
  bottom: -11px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__radiatorsupport {
  top: -1.59%;
  left: 31.75%;
  width: 37.16%;
  height: 3.98%;
  background-image: url("../images/member/bg_radiatorsupport.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__radiatorsupport .icon-repair {
  top: -9px;
  left: 13px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bonnet {
  top: 2.66%;
  left: 9.45%;
  width: 81.75%;
  height: 26.06%;
  background-image: url("../images/member/bg_bonnet.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__bonnet .icon-repair {
  top: 13px;
  left: 22px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__trunk {
  left: 17.56%;
  bottom: 1.86%;
  width: 64.86%;
  height: 13.29%;
  background-image: url("../images/member/bg_trunk.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__trunk .icon-repair {
  left: 16px;
  bottom: 2px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__insidepanel-left {
  top: 9.3%;
  left: 8.33%;
  width: 17.85%;
  height: 13.3%;
  background-image: url("../images/member/bg_insidepanel_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__insidepanel-left .icon-repair {
  top: 4px;
  left: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__insidepanel-right {
  top: 9.3%;
  right: 8.33%;
  width: 17.85%;
  height: 13.3%;
  background-image: url("../images/member/bg_insidepanel_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__insidepanel-right .icon-repair {
  top: 4px;
  right: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidemember-front-left {
  top: 9.3%;
  left: 29.16%;
  width: 15.47%;
  height: 19.9%;
  background-image: url("../images/member/bg_sidemember_front_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidemember-front-left .icon-repair {
  top: 10px;
  left: -2px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidememberl-front-right {
  top: 9.3%;
  right: 29.16%;
  width: 15.47%;
  height: 19.9%;
  background-image: url("../images/member/bg_sidemember_front_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidememberl-front-right .icon-repair {
  top: 10px;
  right: -2px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidemember-back-left {
  left: 11.3%;
  bottom: 9.3%;
  width: 16.07%;
  height: 13.03%;
  background-image: url("../images/member/bg_sidemember_back_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidemember-back-left .icon-repair {
  top: 4px;
  left: -2px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidememberl-back-right {
  right: 11.3%;
  bottom: 9.3%;
  width: 16.07%;
  height: 13.03%;
  background-image: url("../images/member/bg_sidemember_back_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__sidememberl-back-right .icon-repair {
  top: 4px;
  right: -2px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-front-left {
  top: 26.59%;
  left: 8.33%;
  width: 17.85%;
  height: 7.97%;
  background-image: url("../images/member/bg_wheelhouse_front_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-front-left .icon-repair {
  top: -1px;
  left: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-front-right {
  top: 26.59%;
  right: 8.33%;
  width: 17.85%;
  height: 7.97%;
  background-image: url("../images/member/bg_wheelhouse_front_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-front-right .icon-repair {
  top: -1px;
  right: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-back-left {
  left: 11.3%;
  bottom: 23.93%;
  width: 17.85%;
  height: 7.97%;
  background-image: url("../images/member/bg_wheelhouse_back_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-back-left .icon-repair {
  top: -1px;
  left: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-back-right {
  right: 11.3%;
  bottom: 23.93%;
  width: 17.85%;
  height: 7.97%;
  background-image: url("../images/member/bg_wheelhouse_back_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__wheelhouse-back-right .icon-repair {
  top: -1px;
  right: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__crossmember {
  top: 38.83%;
  left: 11.31%;
  width: 75%;
  height: 5.85%;
  background-image: url("../images/member/bg_crossmember.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__crossmember .icon-repair {
  top: -3px;
  left: 23px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__roofpanel {
  top: 46%;
  left: 16.66%;
  width: 64.28%;
  height: 17.55%;
  background-image: url("../images/member/bg_roofpanel.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__roofpanel .icon-repair {
  top: 8px;
  left: 18px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__trunkfloor {
  left: 30.9%;
  bottom: 9.3%;
  width: 36.3%;
  height: 16.2%;
  background-image: url("../images/member/bg_trunkfloor.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__trunkfloor .icon-repair {
  top: 7px;
  left: 7px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__rearpanel {
  left: 16.66%;
  bottom: 0.26%;
  width: 64.28%;
  height: 5.85%;
  background-image: url("../images/member/bg_rearpanel.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view .item__rearpanel .icon-repair {
  top: -3px;
  left: 19px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view.left {
  width: 59px;
  height: 185px;
  background-image: url("../images/member/bg_auction_repair_left.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view.top {
  width: 74px;
  height: 188px;
  background-image: url("../images/member/bg_auction_repair_top.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view.bottom {
  width: 82px;
  height: 188px;
  background-image: url("../images/member/bg_auction_repair_bottom.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__view.right {
  width: 59px;
  height: 185px;
  background-image: url("../images/member/bg_auction_repair_right.png");
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__num {
  margin: 29px 0 35px;
  font-size: 0;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__num-item {
  font-size: 14px;
  color: #666;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__num-item + .section-repair__num-item:before {
  display: inline-block;
  content: "";
  margin: -3px 5px 0 8px;
  width: 1px;
  height: 12px;
  background: #ddd;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__num-item .num {
  font-weight: 700;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail {
  width: 75.15%;
  margin: 0 auto;
  border: 1px solid #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-list {
  height: 41px;
  padding: 0 20px;
  font-size: 14px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-list + .section-repair__detail-list {
  border-top: 1px solid #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-list:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-list.exch .section-repair__detail-type {
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-list.weld .section-repair__detail-type {
  color: #f9cc1d;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-title {
  float: left;
  width: 60.5%;
  line-height: 41px;
  color: #666;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-repair__detail-type {
  float: left;
  width: 39.5%;
  line-height: 41px;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-history {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-item {
  float: left;
  width: 50%;
  height: 40px;
  border: solid #f2f2f2;
  border-width: 1px 0 1px 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-item:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-item .section-history__check-title {
  float: left;
  width: 48.5%;
  height: 100%;
  background: #faf9f7;
  line-height: 38px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-item .section-history__check-data {
  float: left;
  width: 51.5%;
  height: 100%;
  line-height: 38px;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-list {
  padding: 19px 0 16px;
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-list + .section-history__check-list {
  border-top: 1px solid #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-list .section-history__check-title {
  margin-bottom: 8px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-title {
  padding: 0 10px;
  font-size: 13px;
  color: #888;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-title .num {
  font-weight: 700;
  color: #ff5d15;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-data {
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-data:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-data + .section-history__check-data {
  margin-top: 13px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-data .true {
  color: #ff5d15;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__check-data .date + .desc {
  float: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-item {
  border-bottom: 1px solid #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-item + .section-history__damage-item {
  margin-top: -1px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-title {
  height: 40px;
  border: solid #f2f2f2;
  border-width: 1px 0 1px 0;
  font-size: 13px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-title:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-title .title {
  float: left;
  width: 42%;
  padding: 0 10px;
  background: #faf9f7;
  font-size: 13px;
  line-height: 38px;
  color: #888;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-title .num {
  font-weight: 700;
  color: #ff5d15;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-title .sum {
  float: left;
  width: 58%;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  color: #ff5d15;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data {
  padding: 0 10pxx;
  margin: 20px 0;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .date {
  float: left;
  font-size: 12px;
  font-weight: 300;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .price {
  float: right;
  font-size: 12px;
  font-weight: 500;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .group {
  height: 34px;
  background: #ffe0c2;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  font-size: 0;
  text-align: center;
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .item {
  position: relative;
  display: inline-block;
  width: 33.333%;
  font-size: 13px;
  font-weight: 300;
  line-height: 36px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .item.no-set {
  color: #888;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .item + .item:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #eccfb3;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part {
  margin-top: -2px;
  padding: 20px 24px 14px;
  border: solid #ffe0c2;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 4px 4px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part .part-title {
  font-size: 13px;
  font-weight: 300;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part .part-title .num {
  font-weight: 700;
  font-style: normal;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part .part-group {
  margin: 6px 5px 0;
  padding: 0;
  list-style: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part .part-list {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
  color: #666;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history__damage-data .part .part-list:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 1px;
  margin-top: -4px;
  margin-right: 3px;
  background: #666;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history-term {
  margin-top: 39px;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history-term .btn--insure-view {
  display: block;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  background: #2666c6;
  border-radius: 4px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history-term .btn--insure-view:before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -3px;
  margin-right: 10px;
  background: url("../images/member/icon_auction_insure.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history-term__title {
  display: block;
  font-weight: 300;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-history-term__date {
  display: block;
  margin: 7px 0 23px;
  font-size: 18px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-comment {
  margin-top: 25px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__group {
  font-size: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__list:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  margin-top: 18px;
  background: linear-gradient(90deg, #fff 1px, transparent 1%) center, #ccc;
  background-size: 2px 1px;
  background-position: 0 0;
  background-repeat: repeat-x;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__list + .section-comment__list {
  padding-top: 24px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__list-inline {
  display: inline-block;
  width: 33.333%;
  padding-top: 0;
  vertical-align: top;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__list-inline + .section-comment__list-inline {
  padding-top: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__title {
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__title:before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -4px;
  margin-right: 2px;
  background: url("../images/member/icon_auction_comment.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-comment__desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-origin {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__group {
  border: solid #f2f2f2;
  border-width: 1px 0 1px 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__list {
  height: 40px;
  padding: 0 11px 0 10px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__list:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__list + .section-origin__list {
  border-top: 1px solid #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__title {
  float: left;
  width: 43.5%;
  font-size: 12px;
  font-weight: 300;
  line-height: 40px;
  color: #9f9f9f;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-origin__data {
  float: left;
  width: 56.5%;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc.section-guide {
  margin-top: 22px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__price-title {
  width: 35%;
  font-size: 13px;
  font-weight: 300;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__price-title:before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-top: -3px;
  margin-right: 4px;
  background: #ff5d16;
  border: 1px solid #ffe1c5;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
          box-shadow: 0 0 0 2px #fff inset;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__price-data {
  font-size: 14px;
  font-weight: 700;
  color: #2666c6;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__price-data.no-data {
  font-size: 13px;
  font-weight: 400;
  color: #999;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__text {
  display: block;
  font-size: 12px;
  color: #999;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__text:before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -4px;
  margin-right: 1px;
  background: url("../images/member/icon_auction_refer.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__link-group {
  margin: 26px -5px 38px;
  padding: 0 19px;
  font-size: 0;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__link {
  display: inline-block;
  width: calc(50% - 10px);
  height: 40px;
  margin: 0 5px;
  padding: 0 15px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 300;
  color: #222;
  line-height: 40px;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .section-guide__link:after {
  top: 48%;
  right: 20px;
  width: 9px;
  height: 9px;
  border-color: #222;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .btn-beta-service {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 93, 22, 0.9294117647);
  text-align: center;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .btn-beta-service:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-left: 11px;
  border-left: 5px solid rgba(255, 93, 22, 0.9294117647);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__desc .btn-beta-service span {
  border-bottom: 1px solid rgba(255, 93, 22, 0.9294117647);
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__comment {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #ffe0c2;
  background: #fff;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__comment .vehicle-section__comment-title {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__comment .vehicle-section__comment-title:before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 2px;
  background: url("../images/member/icon_auction_comment.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__vehicle-section .vehicle-section__comment .vehicle-section__comment-content {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__vehicle-more {
  display: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-btn {
  margin-top: 21px;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__vehicle-btn:after {
  display: block;
  content: "";
  width: 100%;
  height: 10px;
  margin-top: 11px;
  background: #f6f6f6;
  border-radius: 5px;
}
.content-member-auction-detail .member-auction-detail__vehicle-btn .btn-vehicle-more {
  position: relative;
  font-size: 12px;
  font-weight: 300;
  color: #999;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__vehicle-btn .btn-vehicle-more:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: url("../images/member/arrow_more.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__vehicle-btn .btn-vehicle-more.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.content-member-auction-detail .member-auction-detail__deal {
  margin: 35px 0 25px;
  padding: 2px 0;
}
.content-member-auction-detail .member-auction-detail__deal:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__deal-item {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 15px;
}
.content-member-auction-detail .member-auction-detail__deal-item + .member-auction-detail__deal-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 1px;
  height: 50px;
  margin-top: -25px;
  background: #f2f2f2;
}
.content-member-auction-detail .member-auction-detail__deal-item .title {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #888;
}
.content-member-auction-detail .member-auction-detail__deal-item .data {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step .btn-save {
  width: 90px;
  height: 36px;
  margin: 30px auto 0;
  background: #fc0;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  line-height: 38px;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step .text-save-warning {
  position: relative;
  display: block;
  margin-top: 40px;
  padding-left: 14px;
  font-size: 13px;
  font-weight: 700;
  color: #2666c6;
  letter-spacing: -1px;
}
.content-member-auction-detail .member-auction-detail__step .text-save-warning:before {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 4px;
  background: url(../images/member/icon_auction_refer.png) no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__step-group {
  margin: -5px 0;
}
.content-member-auction-detail .member-auction-detail__step-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  margin: 5px 0;
}
.content-member-auction-detail .member-auction-detail__step-list + .member-auction-detail__step-list:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 20px;
  height: 20px;
  margin-top: -13px;
  background: #f4f4f4 url("../images/member/icon_auction_step.png") no-repeat 50% 50%;
  background-size: 12px 7px;
  border-radius: 50%;
}
.content-member-auction-detail .member-auction-detail__step-list .step-index {
  position: relative;
  width: 18.3%;
  background: #e7e7e7;
  border-radius: 10px 0 0 10px;
  padding: 8px 0 6px;
  color: #bbb;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__step-list .step-index__num {
  display: block;
  margin-bottom: 1px;
  font-size: 12px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__step-list .step-index__title {
  display: block;
  font-size: 11px;
  font-weight: 400;
}
.content-member-auction-detail .member-auction-detail__step-list .step-summary {
  padding: 0 20px;
  font-size: 13px;
  font-weight: 300;
  line-height: 48px;
  color: #999;
}
.content-member-auction-detail .member-auction-detail__step-list .step-summary.save {
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-text {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-text .price {
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-price-text {
  margin: 0 5px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-price-text .text {
  float: left;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-price-text .price {
  float: right;
  font-size: 14px;
  font-weight: 700;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-price-text .bracket {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #666;
  clear: both;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-sum-text {
  margin: 0 5px 3px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-sum-text:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-sum-text .text {
  float: left;
  font-weight: 400;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-sum-text .price {
  float: right;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-info-text {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 300;
  color: #ffcc00;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-info-text:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin-top: -4px;
  margin-left: 5px;
  background: url("../images/member/icon_auction_info.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-review-link:after {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: 12px;
  border-color: #222;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-review-star {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 20px;
  background: url("../images/member/gray-star.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-review-star__rating {
  position: absolute;
  display: block;
  left: 0;
  height: 100%;
  background: url("../images/member/pink-star.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-file-box__group {
  margin: 26px 0 0;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-file-box__item + .desc-file-box__item {
  margin-top: 16px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-file-box__item .input-file {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #333;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-file-box__item .input-file-img {
  display: inline-block;
  height: 100%;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-file-box__item .input-file-title {
  display: block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: 300;
  color: #444;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-radio-box__detail {
  margin-top: 10px;
  margin-left: 15px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__group {
  margin-bottom: 12px;
  padding: 20px 15px;
  background: #fff5eb;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__list + .desc-check-box__list {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__title:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__title .check-box {
  float: left;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__title .btn-plus {
  float: right;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data {
  margin-top: 8px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-group {
  position: relative;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-group + .data-group {
  margin-top: 10px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-list {
  height: 30px;
  padding: 0 10px;
  background: #fff;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-list + .data-list {
  margin-top: 1px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-list:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-label {
  float: left;
  width: 58px;
  font-size: 11px;
  line-height: 30px;
  color: #888;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-text {
  float: right;
  width: calc(100% - 58px);
  line-height: 30px;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .date-text__name {
  font-size: 12px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .date-text__status {
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-text__unit {
  font-size: 11px;
  color: #888;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-] {
  padding: 0;
  border: 0;
  background: #fff;
  font-size: 12px;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-]::-webkit-input-placeholder {
  font-size: 11px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-]::-moz-placeholder {
  font-size: 11px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-]:-ms-input-placeholder {
  font-size: 11px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-]::-ms-input-placeholder {
  font-size: 11px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-]::placeholder, .content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data [class*=data-text__input-].placeholder {
  font-size: 11px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-text__input-num {
  width: 70%;
  font-weight: 700;
  text-align: right;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .desc-check-box__data .data-text__input-text {
  width: 100%;
  text-align: left;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .btn-plus {
  width: 18px;
  height: 18px;
  background-image: url("../images/member/btn_auction_plus.png");
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .btn-minus {
  position: absolute;
  top: 50%;
  right: -24px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-image: url("../images/member/btn_auction_minus.png");
  background-size: cover;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .btn-repair {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/member/btn_auction_repair.png");
  background-size: cover;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content .btn-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-color: #ffcc02;
  background-image: url("../images/member/btn_auction_delete.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 17px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list + .step-content__list {
  margin-top: 21px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .title {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
  color: #bbb;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .title-text {
  margin-left: 5px;
  font-size: 11px;
  font-weight: 300;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .desc {
  padding: 0 5px;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .desc .step-content__list-btn {
  display: inline-block;
  width: auto;
  height: 24px;
  margin: 0 0 0 10px;
  padding: 0 10px;
  border-radius: 2px;
  background-color: #ff5d16;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .desc .step-content__list-btn: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;
}
.content-member-auction-detail .member-auction-detail__step-list .step-content__list .desc.desc--comment-box {
  overflow: hidden;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box label,
.content-member-auction-detail .member-auction-detail__step-list .check-box label {
  font-size: 13px;
  font-weight: 500;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box label:before,
.content-member-auction-detail .member-auction-detail__step-list .check-box label:before {
  top: 50%;
  margin-top: -10px;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box {
  margin-top: 10px;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box ~ .radio-box {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box input:checked + label:before, .content-member-auction-detail .member-auction-detail__step-list .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .content-member-auction-detail .member-auction-detail__step-list .radio-box .ico-confirm:checked + label:before, .content-member-auction-detail .member-auction-detail__step-list .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .content-member-auction-detail .member-auction-detail__step-list .radio-box .ico-confirm:checked + label:before {
  background-position-y: -16px;
}
.content-member-auction-detail .member-auction-detail__step-list .radio-box--block {
  display: block;
}
.content-member-auction-detail .member-auction-detail__step-list .input-datepicker {
  position: relative;
  display: inline-block;
  width: 177px;
  height: 40px;
  padding: 0 40px 0 15px;
  border: 1px solid #e4e4e4;
  background: #fff url("../images/member/icon_auction_calendar.png") no-repeat 96% 50%;
  background-size: 29px 26px;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea {
  display: block;
  width: 100%;
  height: 80px;
  padding: 10px;
  background: #faf9f7;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  color: #222;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea::-moz-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea:-ms-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea::-ms-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea::placeholder, .content-member-auction-detail .member-auction-detail__step-list .input-textarea.placeholder {
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-textarea__byte {
  float: right;
  margin-top: 3px;
  font-size: 11px;
  color: #c9c9c9;
}
.content-member-auction-detail .member-auction-detail__step-list .input-file label {
  display: block;
  width: 100%;
  height: 100%;
  background: #faf9f7 url("../images/member/icon_auction_plus.png") no-repeat 50% 50%;
  background-size: 30px 30px;
  font-size: 0;
  cursor: pointer;
}
.content-member-auction-detail .member-auction-detail__step-list .input-file input[type=file], .content-member-auction-detail .member-auction-detail__step-list .input-file .new-content-body .inp-box [type=file].ico-confirm, .new-content-body .inp-box .content-member-auction-detail .member-auction-detail__step-list .input-file [type=file].ico-confirm, .content-member-auction-detail .member-auction-detail__step-list .input-file .type-mydata .inp-box [type=file].ico-confirm, .type-mydata .inp-box .content-member-auction-detail .member-auction-detail__step-list .input-file [type=file].ico-confirm {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.content-member-auction-detail .member-auction-detail__step-list.active {
  border-color: #ffe0c2;
}
.content-member-auction-detail .member-auction-detail__step-list.active + .member-auction-detail__step-list {
  margin-top: 15px;
}
.content-member-auction-detail .member-auction-detail__step-list.active + .member-auction-detail__step-list:before {
  top: -19px;
  left: 21px;
  width: 17px;
  height: 10px;
  margin: 0;
  background: transparent url("../images/member/icon_auction_step_on.png") no-repeat 0 0;
  background-size: cover;
  z-index: 2;
}
.content-member-auction-detail .member-auction-detail__step-list.active .step-index {
  background: #ff5d16;
  border-radius: 10px 0 10px 10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
}
.content-member-auction-detail .member-auction-detail__step-list.active .step-index:after {
  position: absolute;
  left: 0;
  bottom: -21px;
  content: "";
  width: 100%;
  height: 30px;
  background: #ff5d16;
  border-radius: 0 0 30px 30px;
  -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.content-member-auction-detail .member-auction-detail__bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 120px;
  width: 100%;
  padding: 26px 20px 20px;
  background: #fff;
  border-radius: 16px 16px 0 0;
  -webkit-box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, 0.08);
  z-index: 3;
}
.content-member-auction-detail .member-auction-detail__bottom-con {
  position: relative;
  margin: 0 3px 14px;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title {
  display: block;
  font-size: 14px;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title.no-data {
  color: #bbb;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title.bid-cancel {
  position: relative;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title.bid-cancel:after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 33%;
  height: 1px;
  background: #222;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title.decide {
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title.mine {
  color: #2666c6;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title + .bottom-bid__price {
  margin-top: 8px;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title .title {
  display: inline-block;
  min-width: 50px;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title .desc {
  display: inline-block;
  margin-right: 4px;
  font-weight: 700;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__title .bracket {
  font-size: 12px;
  color: #bbb;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn {
  position: absolute;
  top: 0;
  right: 0;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn .btn {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  vertical-align: middle;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn .btn-memo {
  width: 18px;
  height: 20px;
  background-image: url("../images/member/btn_auction_memo_off.png");
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn .btn-memo.active {
  background-image: url("../images/member/btn_auction_memo_on.png");
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn .btn-zzim {
  width: 23px;
  height: 18px;
  margin-left: 11px;
  background-image: url("../images/member/btn_auction_zzim_off.png");
}
.content-member-auction-detail .member-auction-detail__bottom-con .bottom-con__btn .btn-zzim.active {
  background-image: url("../images/member/btn_auction_zzim_on.png");
}
.content-member-auction-detail .member-auction-detail__bottom-text {
  margin-top: 27px;
  font-size: 13px;
  font-weight: 300;
  color: #ff5d16;
  text-align: center;
}
.content-member-auction-detail .member-auction-detail__bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -5px;
}
.content-member-auction-detail .member-auction-detail__bottom-btn .btn-auction-bottom {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  margin: 0 5px;
  background: #ff5d16;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 700;
  line-height: 38px;
  color: #fff;
  text-decoration: none;
}
.content-member-auction-detail .member-auction-detail__bottom-btn .btn-auction-bottom.cancel {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: 31.25%;
      flex-basis: 31.25%;
  background: #fff;
  border-color: #ffe6ce;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__text {
  margin-top: 20px;
  padding: 8px 15px;
  border-radius: 4px;
  background-color: #fff8f5;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #ff5d16;
}
.content-member-auction-detail .member-auction-detail__text p, .content-member-auction-detail .member-auction-detail__text ul.guide-bul > li {
  font-size: inherit;
}

.content-member-auction-quote {
  margin-top: 10px;
  padding: 0 16px;
}
.content-member-auction-quote .member-auction-quote__sort:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-quote .member-auction-quote__sort-total {
  float: left;
  font-size: 13px;
}
.content-member-auction-quote .member-auction-quote__sort-total .num {
  font-weight: 700;
  color: #ff5d16;
}
.content-member-auction-quote .member-auction-quote__sort-tab {
  float: right;
}
.content-member-auction-quote .member-auction-quote__sort-tab:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-quote .member-auction-quote__sort-tab .sort-tab__item {
  float: left;
}
.content-member-auction-quote .member-auction-quote__sort-tab .sort-tab__item + .sort-tab__item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 10px;
  margin: 0 4px 0 10px;
  background: #ddd;
}
.content-member-auction-quote .member-auction-quote__sort-tab .sort-tab__item.on .sort-tab__link {
  color: #ff5d16;
}
.content-member-auction-quote .member-auction-quote__sort-tab .sort-tab__link {
  font-size: 13px;
  color: #666;
  text-decoration: none;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__group {
  margin-top: 14px;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list + .sort-content__list {
  margin-top: 15px;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-thumb {
  display: block;
  width: 80px;
  height: 60px;
  margin-right: 10px;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-thumb .list-thumb__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-info .list-info__date {
  display: block;
  font-size: 11px;
  color: #999;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-info .list-info__date .date {
  font-style: normal;
  color: #222;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-info .list-info__name {
  display: block;
  margin: 2px 0 5px;
  font-size: 13px;
  color: #222;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-info .list-info__item {
  display: inline-block;
  font-size: 12px;
  color: #666;
}
.content-member-auction-quote .member-auction-quote__sort-content .sort-content__list-info .list-info__item + .list-info__item:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 10px;
  margin: -2px 6px 0 1px;
  background: #ddd;
  vertical-align: middle;
}
.content-member-auction-quote .member-auction-quote__sort-content .list-price {
  display: inline-block;
  margin-left: 18px;
  vertical-align: middle;
}
.content-member-auction-quote .member-auction-quote__sort-content .list-price:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-quote .member-auction-quote__sort-content .list-price .list-price__title {
  float: left;
  margin-right: 3px;
  font-size: 12px;
  color: #999;
}
.content-member-auction-quote .member-auction-quote__sort-content .list-price .list-price__sum {
  float: left;
  font-weight: 700;
  font-size: 12px;
  color: #222;
}

.content-member-auction-number .member-auction-number__search {
  padding: 0 40px;
  font-size: 0;
}
.content-member-auction-number .member-auction-number__search .btn-search {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  background: #ff5d15;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
}
.content-member-auction-number .member-auction-number__search-text {
  display: block;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 300;
}
.content-member-auction-number .member-auction-number__search-input {
  display: inline-block;
  width: calc(100% - 70px);
  height: 60px;
  margin: 0;
  padding: 0 15px;
  border: 2px solid #ffe6ce;
  border-radius: 2px;
  background: transparent;
  font-size: 20px;
  font-weight: 300;
  line-height: 60px;
  color: #222;
}
.content-member-auction-number .member-auction-number__search-input::-webkit-input-placeholder {
  font-size: 20px;
  color: #ddd;
}
.content-member-auction-number .member-auction-number__search-input::-moz-placeholder {
  font-size: 20px;
  color: #ddd;
}
.content-member-auction-number .member-auction-number__search-input:-ms-input-placeholder {
  font-size: 20px;
  color: #ddd;
}
.content-member-auction-number .member-auction-number__search-input::-ms-input-placeholder {
  font-size: 20px;
  color: #ddd;
}
.content-member-auction-number .member-auction-number__search-input::placeholder, .content-member-auction-number .member-auction-number__search-input.placeholder {
  font-size: 20px;
  color: #ddd;
}
.content-member-auction-number .member-auction-number__result {
  margin-top: 50px;
  padding: 0 20px;
}
.content-member-auction-number .member-auction-number__result-header {
  height: 30px;
  padding: 0 10px;
  background: #faf9f7;
  border-radius: 4px;
}
.content-member-auction-number .member-auction-number__result-header:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-number .member-auction-number__result-header .result-header__title {
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  color: #999;
}
.content-member-auction-number .member-auction-number__result-header .result-header__data {
  float: right;
  font-size: 12px;
  line-height: 30px;
  color: #999;
}
.content-member-auction-number .member-auction-number__result-no-data {
  display: block;
  height: 70px;
  font-size: 12px;
  font-weight: 300;
  line-height: 70px;
  color: #bbb;
  text-align: center;
}
.content-member-auction-number .member-auction-number__result-group {
  margin-top: 18px;
  padding: 0 10px;
}
.content-member-auction-number .member-auction-number__result-list {
  font-size: 0;
}
.content-member-auction-number .member-auction-number__result-list + .member-auction-number__result-list {
  margin-top: 22px;
}
.content-member-auction-number .member-auction-number__result-list .num {
  display: inline-block;
  width: 90px;
  font-size: 14px;
  font-weight: 700;
}
.content-member-auction-number .member-auction-number__result-list .name {
  display: inline-block;
  margin-left: auto;
  font-size: 12px;
  font-weight: 300;
}

.content-member-auction-zoom .member-auction-zoom__img {
  display: block;
  width: 100%;
  height: 100%;
}

.content-member-auction-service {
  margin-top: 14px;
  padding: 0 20px;
}
.content-member-auction-service .member-auction-service__maker-name {
  margin-bottom: 11px;
}
.content-member-auction-service .member-auction-service__maker-name:after {
  display: block;
  content: "";
  clear: both;
}
.content-member-auction-service .member-auction-service__maker-name .maker-name__logo {
  display: inline-block;
  width: 30px;
  margin-right: 3px;
}
.content-member-auction-service .member-auction-service__maker-name .maker-name__logo-img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.content-member-auction-service .member-auction-service__maker-name .maker-name__title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}
.content-member-auction-service .member-auction-service__drop-down {
  position: relative;
  margin: 0 10px;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__title {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 2px solid #000;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__title:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  border-top: 6px solid #222;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__title.active:after {
  border-top: 0;
  border-bottom: 6px solid #222;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__layer {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__group {
  border-bottom: 1px solid #ebebeb;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__list + .drop-down__list {
  border-top: 1px solid #ebebeb;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__link {
  display: block;
  padding: 3px 20px 1px 0;
  font-size: 12px;
  color: #222;
  text-decoration: none;
}
.content-member-auction-service .member-auction-service__drop-down .drop-down__link:active {
  background: #f4f4f4;
}
.content-member-auction-service .member-auction-service__model {
  margin-top: 20px;
}
.content-member-auction-service .member-auction-service__model-list + .member-auction-service__model-list {
  margin-top: 2px;
}
.content-member-auction-service .member-auction-service__model-list .model-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 10px;
  background: #f6f6f6;
}
.content-member-auction-service .member-auction-service__model-list .model-title:after {
  display: block;
  content: "";
  width: 15px;
  height: 9px;
  margin-left: 15px;
  background-image: url("../images/member/arrow_model_off.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.content-member-auction-service .member-auction-service__model-list .model-title.active:after {
  background-image: url("../images/member/arrow_model_on.png");
}
.content-member-auction-service .member-auction-service__model-list .model-title__name {
  font-size: 13px;
  line-height: 40px;
}
.content-member-auction-service .member-auction-service__model-list .model-title__price {
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
}
.content-member-auction-service .member-auction-service__model-list .model-desc {
  display: none;
}
.content-member-auction-service .member-auction-service__model-list .model-spec__group {
  padding: 13px 10px 21px;
}
.content-member-auction-service .member-auction-service__model-list .model-spec__item {
  font-size: 12px;
  font-weight: 300;
  color: #333;
}
.content-member-auction-service .member-auction-service__model-list .model-spec__item + .model-spec__item {
  margin-top: 2px;
}
.content-member-auction-service .member-auction-service__model-list .model-spec__item:before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  margin-top: -5px;
  margin-right: 3px;
  border-radius: 2px;
  background: #333;
  vertical-align: middle;
}

.content-member-auction-penalty {
  margin-top: 54px;
  padding: 0 40px;
}
.content-member-auction-penalty .member-auction-penalty__info {
  text-align: center;
}
.content-member-auction-penalty .member-auction-penalty__info .info-icon {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("../images/member/icon_auction_penalty.png") no-repeat 0 0;
  background-size: cover;
}
.content-member-auction-penalty .member-auction-penalty__info .info-title {
  display: block;
  margin: 32px 0 13px;
  font-size: 24px;
}
.content-member-auction-penalty .member-auction-penalty__info .info-text {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.content-member-auction-penalty .member-auction-penalty__list {
  margin-top: 55px;
  padding: 18px 25px 15px;
  background: #faf9f7;
}
.content-member-auction-penalty .member-auction-penalty__list .list-item:before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: #222;
  border-radius: 1px;
  vertical-align: middle;
}
.content-member-auction-penalty .member-auction-penalty__list .list-item + .list-item {
  margin-top: 7px;
}
.content-member-auction-penalty .member-auction-penalty__list .list-item__title {
  display: inline-block;
  font-weight: 300;
}
.content-member-auction-penalty .member-auction-penalty__list .list-item__title:after {
  display: inline-block;
  content: ":";
  font-weight: 400;
}
.content-member-auction-penalty .member-auction-penalty__list .list-item__desc {
  display: inline-block;
  font-weight: 700;
}

.popup-member-auction {
  background: #fff;
}
.popup-member-auction .tit-pop {
  padding: 30px 30px 12px !important;
}
.popup-member-auction .layer-cnt {
  padding: 0 30px;
}
.popup-member-auction .layer-cnt__txt {
  font-size: 14px;
  color: #222;
  line-height: 1.4;
}
.popup-member-auction .btn-wrap {
  padding: 30px 0;
}
.popup-member-auction .btn-wrap .btn-member-auction {
  height: 40px;
  background: #ff5d16;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  line-height: 36px;
}
.popup-member-auction .btn-wrap .btn-member-auction span {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.popup-member-auction .btn-wrap .btn-member-auction-ok {
  height: auto;
  background: transparent;
  border: 0;
  line-height: initial;
}
.popup-member-auction .btn-wrap .btn-member-auction-ok span {
  font-size: 13px;
  font-weight: 500;
  color: #ff5d16;
}
.popup-member-auction .btn-wrap .btn-member-auction-close {
  height: auto;
  background: transparent;
  border: 0;
  line-height: initial;
}
.popup-member-auction .btn-wrap .btn-member-auction-close span {
  font-size: 13px;
  font-weight: 500;
  color: #ffbd00;
}
.popup-member-auction .btn-wrap.btm-col2 {
  overflow: hidden;
}
.popup-member-auction .btn-wrap.btm-col2 .btn {
  width: 50%;
  float: left;
  border: none;
  height: 40px;
  line-height: 40px;
}
.popup-member-auction .member-auction-repair__group {
  font-size: 0;
  text-align: center;
}
.popup-member-auction .member-auction-repair__title {
  display: block;
  margin-left: 10px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}
.popup-member-auction .member-auction-repair__panel,
.popup-member-auction .member-auction-repair__frame {
  background: #faf9f7;
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 34px 0;
}
.popup-member-auction .member-auction-repair__view {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.popup-member-auction .member-auction-repair__view .item {
  position: absolute;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.popup-member-auction .member-auction-repair__view .item.on .btn-item {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.popup-member-auction .member-auction-repair__view .item.on .icon-repair {
  display: block;
}
.popup-member-auction .member-auction-repair__view .btn-item {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ff5d16;
  background: rgba(254, 93, 22, 0.2);
  border-radius: 50%;
  text-decoration: none;
  z-index: 1;
}
.popup-member-auction .member-auction-repair__view .name {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 9px;
  color: #666;
  letter-spacing: -1px;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-member-auction .member-auction-repair__view .icon-repair {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 13px;
  height: 13px;
  margin-left: -7px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  text-indent: -9999em;
  overflow: hidden;
}
.popup-member-auction .member-auction-repair__view .icon-repair-x {
  background-image: url("../images/member/icon_auction_repair_x_pop.png");
}
.popup-member-auction .member-auction-repair__view .icon-repair-w {
  background-image: url("../images/member/icon_auction_repair_w_pop.png");
}
.popup-member-auction .member-auction-repair__view .item__fender-front-left {
  top: 7%;
  left: 23.7%;
  width: 40.33%;
  height: 25.06%;
}
.popup-member-auction .member-auction-repair__view .item__fender-front-left.on {
  background-image: url("../images/member/bg_fender_front_left.png");
}
.popup-member-auction .member-auction-repair__view .item__fender-front-left .btn-item {
  top: 12px;
  left: 3px;
}
.popup-member-auction .member-auction-repair__view .item__fender-front-right {
  top: 7%;
  right: 23.7%;
  width: 40.33%;
  height: 25.06%;
}
.popup-member-auction .member-auction-repair__view .item__fender-front-right.on {
  background-image: url("../images/member/bg_fender_front_right.png");
}
.popup-member-auction .member-auction-repair__view .item__fender-front-right .btn-item {
  top: 12px;
  right: 3px;
}
.popup-member-auction .member-auction-repair__view .item__fender-back-left {
  left: 47.05%;
  bottom: 2.96%;
  width: 23.5%;
  height: 23.7%;
}
.popup-member-auction .member-auction-repair__view .item__fender-back-left.on {
  background-image: url("../images/member/bg_fender_back_left.png");
}
.popup-member-auction .member-auction-repair__view .item__fender-back-left .btn-item {
  top: 12px;
  left: -7px;
}
.popup-member-auction .member-auction-repair__view .item__fender-back-right {
  right: 47.05%;
  bottom: 2.96%;
  width: 23.5%;
  height: 23.7%;
}
.popup-member-auction .member-auction-repair__view .item__fender-back-right.on {
  background-image: url("../images/member/bg_fender_back_right.png");
}
.popup-member-auction .member-auction-repair__view .item__fender-back-right .btn-item {
  top: 12px;
  right: -7px;
}
.popup-member-auction .member-auction-repair__view .item__door-front-left {
  top: 30.7%;
  left: 24.3%;
  width: 42.85%;
  height: 24.5%;
}
.popup-member-auction .member-auction-repair__view .item__door-front-left.on {
  background-image: url("../images/member/bg_door_front_left.png");
}
.popup-member-auction .member-auction-repair__view .item__door-front-left .btn-item {
  top: 10px;
  left: -2px;
}
.popup-member-auction .member-auction-repair__view .item__door-front-right {
  top: 30.7%;
  right: 24.3%;
  width: 42.85%;
  height: 24.5%;
}
.popup-member-auction .member-auction-repair__view .item__door-front-right.on {
  background-image: url("../images/member/bg_door_front_right.png");
}
.popup-member-auction .member-auction-repair__view .item__door-front-right .btn-item {
  top: 10px;
  right: -2px;
}
.popup-member-auction .member-auction-repair__view .item__door-back-left {
  left: 25.2%;
  bottom: 25.6%;
  width: 45.37%;
  height: 20.48%;
}
.popup-member-auction .member-auction-repair__view .item__door-back-left.on {
  background-image: url("../images/member/bg_door_back_left.png");
}
.popup-member-auction .member-auction-repair__view .item__door-back-left .btn-item {
  top: 6px;
  left: -2px;
}
.popup-member-auction .member-auction-repair__view .item__door-back-right {
  right: 25.2%;
  bottom: 25.6%;
  width: 45.37%;
  height: 20.48%;
}
.popup-member-auction .member-auction-repair__view .item__door-back-right.on {
  background-image: url("../images/member/bg_door_back_right.png");
}
.popup-member-auction .member-auction-repair__view .item__door-back-right .btn-item {
  top: 6px;
  right: -2px;
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-left {
  top: 29.1%;
  left: 17.6%;
  width: 7.56%;
  height: 41.2%;
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-left.on {
  background-image: url("../images/member/bg_sidepanel-left.png");
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-left .btn-item {
  top: 27px;
  left: -13px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-right {
  top: 29.1%;
  right: 17.6%;
  width: 7.56%;
  height: 41.2%;
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-right.on {
  background-image: url("../images/member/bg_sidepanel_right.png");
}
.popup-member-auction .member-auction-repair__view .item__sidepanel-right .btn-item {
  top: 27px;
  right: -13px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.popup-member-auction .member-auction-repair__view .item__pillar-left {
  top: 54.4%;
  left: 67.2%;
  width: 27.73%;
  height: 3.5%;
}
.popup-member-auction .member-auction-repair__view .item__pillar-left.on {
  background-image: url("../images/member/bg_pillar_left.png");
}
.popup-member-auction .member-auction-repair__view .item__pillar-left .btn-item {
  top: -12px;
  left: -3px;
}
.popup-member-auction .member-auction-repair__view .item__pillar-right {
  top: 54.4%;
  right: 67.2%;
  width: 27.73%;
  height: 3.5%;
}
.popup-member-auction .member-auction-repair__view .item__pillar-right.on {
  background-image: url("../images/member/bg_pillar_right.png");
}
.popup-member-auction .member-auction-repair__view .item__pillar-right .btn-item {
  top: -12px;
  right: -3px;
}
.popup-member-auction .member-auction-repair__view .item__bumper-front {
  top: 0.26%;
  left: 4.05%;
  width: 94.6%;
  height: 11.17%;
}
.popup-member-auction .member-auction-repair__view .item__bumper-front.on {
  background-image: url("../images/member/bg_bumper_front.png");
}
.popup-member-auction .member-auction-repair__view .item__bumper-front .btn-item {
  top: -20px;
  left: 1px;
}
.popup-member-auction .member-auction-repair__view .item__bumper-back {
  left: 1.35%;
  bottom: 0;
  width: 97.97%;
  height: 16.48%;
}
.popup-member-auction .member-auction-repair__view .item__bumper-back.on {
  background-image: url("../images/member/bg_bumper_back.png");
}
.popup-member-auction .member-auction-repair__view .item__bumper-back .btn-item {
  left: 25px;
  bottom: -28px;
}
.popup-member-auction .member-auction-repair__view .item__radiatorsupport {
  top: -1.59%;
  left: 31.75%;
  width: 37.16%;
  height: 3.98%;
}
.popup-member-auction .member-auction-repair__view .item__radiatorsupport.on {
  background-image: url("../images/member/bg_radiatorsupport.png");
}
.popup-member-auction .member-auction-repair__view .item__radiatorsupport .btn-item {
  top: -12px;
  right: -30px;
}
.popup-member-auction .member-auction-repair__view .item__bonnet {
  top: 2.66%;
  left: 9.45%;
  width: 81.75%;
  height: 26.06%;
}
.popup-member-auction .member-auction-repair__view .item__bonnet.on {
  background-image: url("../images/member/bg_bonnet.png");
}
.popup-member-auction .member-auction-repair__view .item__bonnet .btn-item {
  top: 11px;
  left: 18px;
}
.popup-member-auction .member-auction-repair__view .item__trunk {
  left: 17.56%;
  bottom: 1.86%;
  width: 64.86%;
  height: 13.29%;
}
.popup-member-auction .member-auction-repair__view .item__trunk.on {
  background-image: url("../images/member/bg_trunk.png");
}
.popup-member-auction .member-auction-repair__view .item__trunk .btn-item {
  top: -5px;
  left: 12px;
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-left {
  top: 9.3%;
  left: 8.33%;
  width: 17.85%;
  height: 13.3%;
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-left.on {
  background-image: url("../images/member/bg_insidepanel_left.png");
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-left .btn-item {
  top: -11px;
  left: -14px;
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-right {
  top: 9.3%;
  right: 8.33%;
  width: 17.85%;
  height: 13.3%;
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-right.on {
  background-image: url("../images/member/bg_insidepanel_right.png");
}
.popup-member-auction .member-auction-repair__view .item__insidepanel-right .btn-item {
  top: -11px;
  right: -14px;
}
.popup-member-auction .member-auction-repair__view .item__sidemember-front-left {
  top: 9.3%;
  left: 29.16%;
  width: 15.47%;
  height: 19.9%;
}
.popup-member-auction .member-auction-repair__view .item__sidemember-front-left.on {
  background-image: url("../images/member/bg_sidemember_front_left.png");
}
.popup-member-auction .member-auction-repair__view .item__sidemember-front-left .btn-item {
  top: 11px;
  left: -12px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-front-right {
  top: 9.3%;
  right: 29.16%;
  width: 15.47%;
  height: 19.9%;
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-front-right.on {
  background-image: url("../images/member/bg_sidemember_front_right.png");
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-front-right .btn-item {
  top: 11px;
  right: -12px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.popup-member-auction .member-auction-repair__view .item__sidemember-back-left {
  left: 11.3%;
  bottom: 9.3%;
  width: 16.07%;
  height: 13.03%;
}
.popup-member-auction .member-auction-repair__view .item__sidemember-back-left.on {
  background-image: url("../images/member/bg_sidemember_back_left.png");
}
.popup-member-auction .member-auction-repair__view .item__sidemember-back-left .btn-item {
  top: 2px;
  left: -13px;
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-back-right {
  right: 11.3%;
  bottom: 9.3%;
  width: 16.07%;
  height: 13.03%;
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-back-right.on {
  background-image: url("../images/member/bg_sidemember_back_right.png");
}
.popup-member-auction .member-auction-repair__view .item__sidememberl-back-right .btn-item {
  top: 2px;
  right: -13px;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-left {
  top: 26.59%;
  left: 8.33%;
  width: 17.85%;
  height: 7.97%;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-left.on {
  background-image: url("../images/member/bg_wheelhouse_front_left.png");
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-left .btn-item {
  top: -3px;
  left: -15px;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-right {
  top: 26.59%;
  right: 8.33%;
  width: 17.85%;
  height: 7.97%;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-right.on {
  background-image: url("../images/member/bg_wheelhouse_front_right.png");
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-front-right .btn-item {
  top: -3px;
  right: -15px;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-left {
  left: 11.3%;
  bottom: 23.93%;
  width: 17.85%;
  height: 7.97%;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-left.on {
  background-image: url("../images/member/bg_wheelhouse_back_left.png");
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-left .btn-item {
  top: -10px;
  left: -12px;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-right {
  right: 11.3%;
  bottom: 23.93%;
  width: 17.85%;
  height: 7.97%;
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-right.on {
  background-image: url("../images/member/bg_wheelhouse_back_right.png");
}
.popup-member-auction .member-auction-repair__view .item__wheelhouse-back-right .btn-item {
  top: -10px;
  right: -12px;
}
.popup-member-auction .member-auction-repair__view .item__crossmember {
  top: 38.83%;
  left: 11.31%;
  width: 75%;
  height: 5.85%;
}
.popup-member-auction .member-auction-repair__view .item__crossmember.on {
  background-image: url("../images/member/bg_crossmember.png");
}
.popup-member-auction .member-auction-repair__view .item__crossmember .btn-item {
  top: -11px;
  left: 20px;
}
.popup-member-auction .member-auction-repair__view .item__roofpanel {
  top: 46%;
  left: 16.66%;
  width: 64.28%;
  height: 17.55%;
}
.popup-member-auction .member-auction-repair__view .item__roofpanel.on {
  background-image: url("../images/member/bg_roofpanel.png");
}
.popup-member-auction .member-auction-repair__view .item__roofpanel .btn-item {
  top: 5px;
  left: 15px;
}
.popup-member-auction .member-auction-repair__view .item__trunkfloor {
  left: 30.9%;
  bottom: 9.3%;
  width: 36.3%;
  height: 16.2%;
}
.popup-member-auction .member-auction-repair__view .item__trunkfloor.on {
  background-image: url("../images/member/bg_trunkfloor.png");
}
.popup-member-auction .member-auction-repair__view .item__trunkfloor .btn-item {
  top: 2px;
  left: 2px;
}
.popup-member-auction .member-auction-repair__view .item__rearpanel {
  left: 16.66%;
  bottom: 0.26%;
  width: 64.28%;
  height: 5.85%;
}
.popup-member-auction .member-auction-repair__view .item__rearpanel.on {
  background-image: url("../images/member/bg_rearpanel.png");
}
.popup-member-auction .member-auction-repair__view .item__rearpanel .btn-item {
  top: -10px;
  left: 15px;
}
.popup-member-auction .member-auction-repair__view.left {
  width: 66px;
  height: 207px;
  background-image: url("../images/member/bg_auction_repair_left_pop.png");
}
.popup-member-auction .member-auction-repair__view.top {
  width: 83px;
  height: 209px;
  background-image: url("../images/member/bg_auction_repair_top_pop.png");
}
.popup-member-auction .member-auction-repair__view.bottom {
  width: 91px;
  height: 209px;
  background-image: url("../images/member/bg_auction_repair_bottom_pop.png");
}
.popup-member-auction .member-auction-repair__view.right {
  width: 66px;
  height: 207px;
  background-image: url("../images/member/bg_auction_repair_right_pop.png");
}
.popup-member-auction .repair-check__layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  margin-top: -75px;
  background: #fff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.popup-member-auction .repair-check__layer .title {
  display: block;
  height: 30px;
  border-bottom: 1px solid #efefef;
  background: #faf9f7;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  text-align: center;
}
.popup-member-auction .repair-check__layer .radio-box {
  display: block;
}
.popup-member-auction .repair-check__layer .radio-box + .radio-box {
  border-top: 1px solid #efefef;
}
.popup-member-auction .repair-check__layer .radio-box input, .popup-member-auction .repair-check__layer .radio-box .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm, .popup-member-auction .repair-check__layer .radio-box .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.popup-member-auction .repair-check__layer .radio-box label {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 60px;
  padding-left: 58px;
  font-size: 14px;
  color: #222;
  white-space: nowrap;
  line-height: 60px;
  cursor: pointer;
}
.popup-member-auction .repair-check__layer .radio-box label:before {
  position: absolute;
  top: 50%;
  left: 20px;
  content: "";
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: 0;
  border-radius: 50%;
  vertical-align: middle;
}
.popup-member-auction .repair-check__layer .radio-box input:checked + label, .popup-member-auction .repair-check__layer .radio-box .new-content-body .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm:checked + label, .popup-member-auction .repair-check__layer .radio-box .type-mydata .inp-box .ico-confirm:checked + label, .type-mydata .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm:checked + label {
  background: #fafafa;
  font-weight: 500;
  color: #222;
}
.popup-member-auction .repair-check__layer .radio-box input:checked + label:before, .popup-member-auction .repair-check__layer .radio-box .new-content-body .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm:checked + label:before, .popup-member-auction .repair-check__layer .radio-box .type-mydata .inp-box .ico-confirm:checked + label:before, .type-mydata .inp-box .popup-member-auction .repair-check__layer .radio-box .ico-confirm:checked + label:before {
  border-color: #ff5d16;
  background-color: #fff;
  background-image: url("../images/member/icon_auction_checked.png");
  background-position-y: -18px;
  background-size: 100% 300%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.popup-member-auction .repair-check__layer .radio-box .icon-repair {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: -4px;
  margin-left: 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  vertical-align: middle;
}
.popup-member-auction .repair-check__layer .radio-box .icon-repair-x {
  background-image: url("../images/member/icon_auction_repair_x_layer.png");
}
.popup-member-auction .repair-check__layer .radio-box .icon-repair-w {
  background-image: url("../images/member/icon_auction_repair_w_layer.png");
}
.popup-member-auction .member-auction__formbox-text {
  display: block;
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 700;
  color: #222;
}
.popup-member-auction .member-auction__formbox-text .date {
  font-size: 11px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__formbox-title {
  display: none;
}
.popup-member-auction .member-auction__input {
  position: relative;
  display: block;
  height: 60px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background: #faf9f7;
}
.popup-member-auction .member-auction__input input, .popup-member-auction .member-auction__input .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .popup-member-auction .member-auction__input .ico-confirm, .popup-member-auction .member-auction__input .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .popup-member-auction .member-auction__input .ico-confirm {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 28px;
  font-weight: 700;
  color: #222;
  text-align: right;
}
.popup-member-auction .member-auction__input .unit {
  position: absolute;
  top: 0;
  right: 21px;
  font-size: 24px;
  font-weight: 300;
  color: #ddd;
  line-height: 60px;
}
.popup-member-auction .member-auction__input.input-unit input, .popup-member-auction .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .popup-member-auction .member-auction__input.input-unit .ico-confirm, .popup-member-auction .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .popup-member-auction .member-auction__input.input-unit .ico-confirm {
  width: calc(100% - 75px);
}
.popup-member-auction .member-auction__textarea {
  width: 100%;
  height: 140px;
  padding: 13px 10px;
  background: #faf9f7;
  border: 0;
  border-radius: 2px;
}
.popup-member-auction .member-auction__textarea::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__textarea::-moz-placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__textarea:-ms-input-placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__textarea::-ms-input-placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__textarea::placeholder, .popup-member-auction .member-auction__textarea.placeholder {
  font-size: 13px;
  font-weight: 300;
  color: #bbb;
}
.popup-member-auction .member-auction__byte {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 300;
  color: #c9c9c9;
  text-align: right;
}
.popup-member-auction .member-auction__infobox {
  margin-top: 12px;
}
.popup-member-auction .member-auction__infobox-list {
  font-size: 11px;
  font-weight: 300;
  color: #999;
}
.popup-member-auction .member-auction__infobox-list + .member-auction__infobox-list {
  margin-top: 10px;
}
.popup-member-auction .member-auction__info {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 700;
  color: #bbb;
}
.popup-member-auction .member-auction-bid {
  margin-top: 38px;
}
.popup-member-auction .member-auction-bid__link {
  position: relative;
  display: block;
  font-size: 16px;
  color: #222;
  text-decoration: none;
}
.popup-member-auction .member-auction-bid__link:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup-member-auction .member-auction-bid__link + .member-auction-bid__link {
  margin-top: 38px;
}

.btn-wrap.btn-auction-wrap {
  left: 50% !important;
  bottom: 10px !important;
  width: 93%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.btn-wrap.btn-auction-wrap .btn.btn-auction-repair {
  height: 40px;
  background: #ff5d16;
  border: 0;
  border-radius: 20px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  line-height: 40px;
}
.btn-wrap.btn-auction-wrap .btn.btn-auction-repair span {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.type-new-popup-member-auction {
  border-radius: 8px !important;
}
.type-new-popup-member-auction .tit-pop {
  padding: 32px 32px 0 32px !important;
}
.type-new-popup-member-auction .tit-pop h1 {
  font-size: 20px !important;
  font-weight: 700;
  line-height: 28px;
}
.type-new-popup-member-auction .tit-pop .btn-close {
  top: 32px;
  right: 48px;
}
.type-new-popup-member-auction .tit-pop .btn-close a {
  display: block;
  width: 24px;
  height: 24px;
}
.type-new-popup-member-auction .tit-pop .btn-close a::after {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  background: url(../images/sub/btn_busy_diag.png) no-repeat 0 0;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox {
  margin-top: 24px;
  margin-bottom: 16px;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox .member-auction__infobox-list {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #222;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox .member-auction__infobox-list strong {
  font-weight: 500;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox-text {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox-text strong {
  font-weight: 700;
}
.type-new-popup-member-auction .layer-cnt .member-auction__infobox-text .date {
  font-weight: 300;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox {
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 8px;
  background: #f8f8f8;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: initial;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit {
  padding: 0;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  line-height: 40px;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input::-webkit-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-webkit-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 20px;
  color: #888;
  text-align: left;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input::-moz-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-moz-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-moz-placeholder {
  font-weight: 300;
  line-height: 20px;
  color: #888;
  text-align: left;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input:-ms-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm:-ms-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm:-ms-input-placeholder {
  font-weight: 300;
  line-height: 20px;
  color: #888;
  text-align: left;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input::-ms-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-ms-input-placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::-ms-input-placeholder {
  font-weight: 300;
  line-height: 20px;
  color: #888;
  text-align: left;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit input::placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::placeholder, .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .ico-confirm::placeholder {
  font-weight: 300;
  line-height: 20px;
  color: #888;
  text-align: left;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__formbox-list .member-auction__input.input-unit .unit {
  position: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
  padding-right: 16px;
  line-height: initial;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__text {
  position: relative;
  margin-top: 12px;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.type-new-popup-member-auction .layer-cnt .member-auction__formbox .member-auction__text::before {
  content: "*";
  position: absolute;
  top: 0.3ex;
  left: 4px;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap {
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction {
  display: inline-block;
  width: 120px;
  height: 40px;
  padding: 0 12px;
  line-height: 40px;
  border-radius: 4px;
  background: #222;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction::before {
  display: none;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction span {
  color: #fff;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction.disabled, .type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction:disabled {
  background: #ddd;
  cursor: default;
}
.type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction.disabled span, .type-new-popup-member-auction .layer-cnt .btn-wrap .btn-member-auction:disabled span {
  color: #888;
}

/* _mixins.scss
 =============== */
/*
* transition
* @include allTransition();
*/
/* 라운드-보더 */
/* color */
/* 라운드-배경색-그레이  */
/*
* textEllipsis 한 줄
* @include textEllipsis;
*/
/*
* textEllipsis 두 줄
* @include textEllipsisClamp;
*/
/* 공통 작업 */
/* 차차차 운영, 마이데이터 공통 스타일
============================ */
.fc-warn {
  color: #f00 !important;
}

.fc-positive {
  color: #2589ff !important;
}

.fc-black {
  color: #222 !important;
}

.fc-orange {
  color: #fe8100 !important;
}

.fc-light-yellow {
  color: #ffde00 !important;
}

.fc-white {
  color: #fff !important;
}

.wrap-breakall {
  word-break: break-all !important;
}

.gap-none {
  margin-top: 0 !important;
}

.gap-s {
  margin-top: 8px !important;
}

.gap-m {
  margin-top: 16px !important;
}

.gap-l {
  margin-top: 24px !important;
}

.gap-xl {
  margin-top: 32px !important;
}

.gap-max {
  margin-top: 80px !important;
}

.txt-shadow {
  text-shadow: 1px 1px 1px #000;
}

.icon28 {
  display: inline-block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-replay {
  background-image: url("../images/common/icon28-replay.svg");
}

.icon-photo {
  background-image: url("../images/common/icon28-photo.svg");
}

.icon-share2 {
  background-image: url("../images/common/icon28-share.svg");
}

/* link-list-img  */
.link-list-img li + li {
  margin-top: 1.6rem;
}
.link-list-img a {
  position: relative;
  display: block;
  padding: 0.8rem 3.2rem 0.8rem 5.6rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.link-list-img a .img-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
}
.link-list-img a .img-wrap img {
  width: 100%;
}
.link-list-img a .tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.link-list-img a .txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #2589ff;
}
.link-list-img a .icon-link {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 탭-라운드-보더 */
.tab-round-border {
  width: 100%;
}
.tab-round-border.type-scroll-x ul {
  overflow-x: auto;
  overflow-y: hidden;
}
.tab-round-border.type-scroll-x ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.tab-round-border.type-scroll-x ul li + li {
  margin-left: 4px;
}
.tab-round-border.type-scroll-x ul li:first-child {
  margin-left: 16px;
}
.tab-round-border.type-scroll-x ul li:last-child {
  margin-right: 16px;
}
.tab-round-border.type-scroll-x ul li button {
  padding: 0 16px;
  word-break: keep-all;
}
.tab-round-border.type-wrap ul {
  display: block;
  font-size: 0;
  margin: -4px;
}
.tab-round-border.type-wrap ul li {
  display: inline-block;
  width: auto;
  margin: 4px;
  vertical-align: middle;
}
.tab-round-border.type-wrap ul li button {
  padding: 0 14px;
}
.tab-round-border ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab-round-border ul li {
  width: 100%;
  height: 36px;
}
.tab-round-border ul li button {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 36px;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
}
.tab-round-border ul li button.active {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}
.tab-round-border ul li .num-round {
  position: absolute;
  right: 6px;
  bottom: 100%;
  margin-bottom: -8px;
}
.tab-round-border.type-center ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab-round-border.type-center ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin: 0 5px;
}
.tab-round-border.type-center ul li button {
  padding: 0 16px;
}
.tab-round-border.type-light button {
  border-color: #eee;
  color: #222;
}

.cover-soldout {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.cover-soldout i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding: 0 4px;
  height: 2rem;
  line-height: 2rem;
  background: #f00;
  font-size: 1rem;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 0;
  font-style: normal;
}

.post-thumb {
  position: relative;
  border: solid 1px rgba(151, 151, 151, 0.38);
  border-radius: 4px;
  overflow: hidden;
  width: 72px;
  height: 72px;
  margin-left: 20px;
  background: rgba(216, 216, 216, 0.65);
}
.post-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  background: none;
}
.post-thumb.type-model {
  border: 0;
}
.post-thumb.type-model img {
  -o-object-fit: contain;
     object-fit: contain;
}
.post-thumb.size-s {
  width: 52px;
  height: 52px;
}
.post-thumb.size-m {
  width: 66px;
  height: 66px;
}

.post-item {
  display: block;
  position: relative;
  padding: 24px 16px;
  background: #fff;
}
.post-item .post-item-upper {
  margin: 0 -3px 5px;
}
.post-item .post-item-upper .txt-sub {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  margin: 0 2px;
  font-weight: 500;
  color: #888;
  vertical-align: middle;
}
.post-item .post-item-upper strong.txt-sub {
  color: #222;
}
.post-item .post-item-upper .category {
  margin-bottom: 8px;
}
.post-item .tag-area {
  margin-bottom: 8px;
}
.post-item .post-item-body {
  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;
}
.post-item .post-item-body .post-item-subject {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-item .post-item-body .subject-txt {
  display: block;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.post-item .post-item-body .subject-desc {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 4px;
  color: #888;
}
.post-item .post-item-body .subject-desc > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.post-item .post-item-body .post-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-item .post-item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.post-item .post-item-footer .post-item-utils {
  z-index: 2;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-item .post-item-footer .post-item-added {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  color: #aaa;
}
.post-item .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.post-item.is-deleted {
  padding: 40px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), color-stop(rgba(255, 255, 255, 0)), to(#f8f8f8));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), #f8f8f8);
  overflow: hidden;
}
.post-item.is-deleted:before {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon24-delete.svg") center/contain no-repeat;
  margin: 0 auto 10px;
  content: "";
}
.post-item.is-deleted .subject-txt {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #aaa;
  font-weight: 500;
  text-align: center;
}
.post-item.type-box {
  display: inline-block;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  display: block;
  padding: 20px 20px 18px;
}
.post-item.type-box.size-s {
  padding: 16px;
}
.post-item.type-box.size-s .post-item-upper {
  margin-left: 0;
}
.post-item.type-box.size-s .post-item-upper .txt-sub {
  margin: 0;
}
.post-item.type-box.size-s .post-item-subject {
  max-width: 100%;
}
.post-item.type-box.size-s .post-item-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-item.type-box.size-s .post-item-body .subject-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-line-clamp: 1;
  height: 1.4em;
  color: #222;
}
.post-item.type-sub {
  height: 102px;
  padding: 15px 0;
}
.post-item.type-sub .post-thumb {
  margin: 0 20px 0 0;
}
.post-item.type-sub .post-item-body {
  height: 100%;
}
.post-item.type-sub.is-deleted:before {
  margin-bottom: 5px;
}
.post-item.type-sub .subject-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}

.post-list .post-item {
  border-top: 8px solid #f8f8f8;
}
.post-list .post-item:first-child {
  border-top: 0 !important;
}
.post-list .post-item.type-box {
  border: 0;
  margin: 16px 16px 0;
}
.post-list .post-item.type-box:first-child {
  margin-top: 0;
}
.post-list .post-item.type-sub {
  border-top: 1px solid #eee;
}

.post-list-slider {
  overflow: hidden;
  margin: -16px -16px;
}
.post-list-slider .post-list {
  width: auto;
  padding: 16px 16px;
}
.post-list-slider .post-item {
  margin: 0;
}
.post-list-slider .post-item.type-box {
  margin: 0;
}
.post-list-slider .post-item.type-box.size-s {
  width: 292px !important;
  height: 100%;
}
.post-list-slider .post-item.type-box.size-s .post-item-body {
  height: 100%;
}

.tab-contents-wrap.type-new .tab-content {
  display: none;
}
.tab-contents-wrap.type-new .tab-content.active {
  display: block;
}

.subcont-link-box, .new-content-body .subcont-link-box {
  display: inline-block;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2.4rem;
  text-decoration: none;
  text-align: left;
}
.subcont-link-box.type-primary {
  position: relative;
}
.subcont-link-box.type-primary:after {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 1.2rem;
  border: 0.1rem solid #fc0;
  background: url("../images/sub/bg-link-new.svg") 0 0/3.7rem auto no-repeat;
  content: "";
}
.subcont-link-box.type-primary .subcont-link-cont .desc-box {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  text-align: left;
  color: #888;
}
.subcont-link-box.type-point {
  margin-top: 1.6rem;
  padding: 2.6rem 2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.subcont-link-box.type-point:after {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 1.2rem;
  border: 0.1rem solid #fc0;
  content: "";
}
.subcont-link-box.bg-gray {
  background: #f8f8f8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.subcont-link-box.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.subcont-link-box .inner-nowrap {
  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;
  width: 100%;
}
.subcont-link-box .inner-nowrap .cost-data__cont {
  font-size: 14px;
}
.subcont-link-box .subcont-link-tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: left;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  padding-right: 16px;
}
.subcont-link-box .subcont-link-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 1.2rem;
}
.subcont-link-box .subcont-link-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.subcont-link-box .subcont-link-cont .tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.subcont-link-box .subcont-link-cont .tit.is-disabled {
  font-weight: 400;
  color: #aaa;
}
.subcont-link-box .subcont-link-cont .tit.size-l {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.subcont-link-box .subcont-link-cont .tit-sub {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.2rem;
}
.subcont-link-box .subcont-link-cont .tit-sub.size-m {
  font-weight: 500;
  color: #888;
  margin-bottom: 0.8rem;
}
.subcont-link-box .subcont-link-cont .desc {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.2rem;
}
.subcont-link-box .subcont-link-cont .desc-box {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin: 1.6rem -0.8rem 0;
  border-radius: 0.8rem;
  background: #fff5cc;
  padding: 0.8rem;
  text-align: center;
  font-weight: 500;
  color: #222;
}
.subcont-link-box .subcont-link-added {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 1rem;
}
.subcont-link-box .subcont-link-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: -4px;
}
.subcont-link-box .btn-round .balloon-area {
  z-index: 1;
  right: -2rem;
  bottom: 100%;
  margin-bottom: 1.2rem;
  white-space: nowrap;
  opacity: 0;
}
.subcont-link-box.subcont-link-box--kbcare {
  position: relative;
  padding: 24px 48px;
}
.subcont-link-box.subcont-link-box--kbcare .btn-round {
  margin-top: 14px;
}
.subcont-link-box.subcont-link-box--kbcare .tit-sub,
.subcont-link-box.subcont-link-box--kbcare .subcont-link-footer {
  margin-left: -30px;
  margin-right: -30px;
}
.subcont-link-box.subcont-link-box--kbcare .subcont-link-footer.bg-white {
  margin-top: 10px;
  background: #fff;
  border-radius: 10px;
  padding: 4px;
}
.subcont-link-box.subcont-link-box--kbcare .subcont-link-cont {
  position: relative;
  z-index: 1;
}
.subcont-link-box.is-disabled {
  background: #f8f8f8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.subcont-link-box.is-disabled .tit {
  color: #aaa;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.subcont-link-box.ui-in .btn-round .balloon-area.show {
  -webkit-animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 0.1s;
          animation: aniBalloonUp cubic-bezier(0, 0, 0.63, 1.15) 0.5s both 0.1s;
}

.subcont-inner--ty2 .subcont-link-box {
  padding: 2rem;
}
.subcont-inner--ty2 .subcont-link-box .subcont-link-icon {
  padding-right: 0.8rem;
}
.subcont-inner--ty2 .subcont-link-cont .desc {
  font-weight: 300;
}
.subcont-inner--ty2 .subcont-link-added {
  padding-left: 0.4rem;
}

.kbcare-link-box {
  text-align: center;
}
.kbcare-link-box .icon-plus-bold {
  margin: 15px auto 0;
}
.kbcare-link-box:after {
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #ddd;
  margin: 16px 0 -12px;
  content: "";
}

.ribbon-kbcare {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 46px;
  height: 46px;
  background: url("../images/sub/ribbon-kbcare.svg?202309") center/contain no-repeat;
}

.ribbon-kbcare2 {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 37px;
  height: 35px;
  background: url("../images/sub/ribbon-kbcare2.svg?202309") center/contain no-repeat;
}

.swiper-pagination.type-dot {
  position: static;
  width: auto;
  margin-top: 8px;
  text-align: center;
}
.swiper-pagination.type-dot .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 0.1;
  background: #000;
  margin: 0 4px;
}
.swiper-pagination.type-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.grid-justify, .new-content-body .grid-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.grid-justify .grid-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.grid-justify .grid-util {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}

.tag-point-area, .new-content-body .tag-point-area {
  display: block;
  font-size: 0;
  margin: -4px;
}
.tag-point-area .tag-point {
  margin: 4px;
}

.tag-point, .new-content-body .tag-point {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  border-radius: 8px;
  background: #fff5cb;
}
.tag-point.type-secondary {
  background: #f8f8f8;
  color: #666;
}

.link-share {
  display: inline-block;
  padding: 8px 0;
  text-decoration: none;
}
.link-share .link-share__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.link-share .link-share__tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}

.share-list {
  display: block;
}
.icon-kakao-round {
  background: url("../images/common/icon32-kakao-round.svg") center/contain no-repeat;
}

.icon-kakaostory-round {
  background: url("../images/common/icon32-kakaostory-round.svg") center/contain no-repeat;
}

.icon-facebook-round {
  background: url("../images/common/icon32-facebook-round.svg") center/contain no-repeat;
}

.icon-url-round {
  background: url("../images/common/icon32-url-round.svg") center/contain no-repeat;
}

.icon-kbc-app {
  background: url("../images/common/icon72-kbc-app.svg") center/contain no-repeat;
}

.icon-normal-car {
  background: url("../images/common/icon24-normal-car.svg") center/contain no-repeat;
}

.icon-engine {
  background: url("../images/common/icon24-engine.svg") center/contain no-repeat;
}

.icon-arrow-right-white-bold {
  background: url("../images/common/icon16-arrow-right-white-bold.svg") center/contain no-repeat;
}

.toast {
  position: fixed;
}
.toast.message {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
  z-index: 6000;
  display: block;
  width: auto;
  left: 1.6rem;
  right: 1.6rem;
  bottom: 7.5rem;
  padding: 1.4rem 1.6rem;
  background: rgba(34, 34, 34, 0.7);
  border-radius: 1.2rem;
  text-align: center;
  color: #fff;
  pointer-events: none;
}
.toast.message span {
  display: inline;
  width: auto;
  padding: 0;
  background: none;
  border-radius: 0;
}
.toast.message span,
.toast.message a {
  font: inherit;
  color: inherit;
}
.toast.type-default {
  opacity: 0;
}
.toast.type-default.show {
  -webkit-animation: aniShowToastDefault ease-in-out 0.2s both;
          animation: aniShowToastDefault ease-in-out 0.2s both;
  opacity: 0;
}
.toast.type-default.hide {
  -webkit-animation: aniHideToastDefault ease-in-out 0.2s both;
          animation: aniHideToastDefault ease-in-out 0.2s both;
}
@-webkit-keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
@keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
.toast.show {
  opacity: 1;
}
.toast.hide {
  opacity: 0;
}

/* 마이데이터 기본 가이드
 * ================= */
.new-content-body {
  letter-spacing: -0.025em;
  /* device 320 */
  /* _icon.scss
    ================ */
  /* _button.scss
    ================ */
  /* btn-txt */
  /* _common.scss
    ================ */
  /* Typography */
  /* _checkbox.scss
    ================ */
  /* 체크박스 */
  /* 흰라운드 라디오 */
  /* _input.scss
     =============== */
  /* 인풋 변환폼 */
  /* 리스트형 selection-list */
  /* _layout.scss
     =============== */
  /* inner content layout */
  /* _title.scss
     =============== */
  /* _bullet.scss
     =============== */
  /* info-txt */
  /* 1. 2. ... 자동 넘버링 불릿 */
  /* 14px '-' 불릿 */
  /* 14px '-' 불릿 */
  /* _table.scss
     =============== */
  /* table */
  /* _agree.scss
     =============== */
  /* 약관 링크+아코디언 믹스 */
  /* 약관 박스 */
  /* 약관 기본 */
  /* 약관 박스 */
  /* agree-inline */
  /* _terms.scss
    ============== */
  /* [new] 팝업 동의서 */
  /* accordion-wrap */
  /* btn-rectangle */
}
.new-content-body em,
.new-content-body i {
  font-style: normal;
}
@media screen and (max-width: 320px) {
  .new-content-body html,
  .new-content-body body {
    font-size: 9px;
  }
}
.new-content-body .icon12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon16, .new-content-body .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .new-content-body .ico-confirm:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon40 {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon20 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon48 {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon56 {
  display: inline-block;
  width: 5.6rem;
  height: 5.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon64 {
  display: inline-block;
  width: 6.4rem;
  height: 6.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon96 {
  display: inline-block;
  width: 9.6rem;
  height: 9.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon160 {
  display: inline-block;
  width: 16rem;
  height: 16rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-content-body .icon-info {
  background: url("../images/common/icon16-info.svg") no-repeat center/contain;
}
.new-content-body .icon-arrow-right-gray {
  background: url("../images/common/icon24-arrow-right-gray.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-right-gray, .new-content-body .type-mydata .inp-box .icon-arrow-right-gray.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-right-gray.ico-confirm:after {
  background: url("../images/common/icon16-arrow-right-gray.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-right-black, .new-content-body .type-mydata .inp-box .icon-arrow-right-black.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-right-black.ico-confirm:after {
  background: url("../images/common/icon16-arrow-right-black.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-right-black-bold, .new-content-body .type-mydata .inp-box .icon-arrow-right-black-bold.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-right-black-bold.ico-confirm:after {
  background: url("../images/common/icon16-arrow-right-black-bold.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-top-black, .new-content-body .type-mydata .inp-box .icon-arrow-top-black.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-top-black.ico-confirm:after {
  background: url("../images/common/icon16-arrow-top-black.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-bottom-black, .new-content-body .type-mydata .inp-box .icon-arrow-bottom-black.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-bottom-black.ico-confirm:after {
  background: url("../images/common/icon16-arrow-bottom-black.svg") no-repeat center/contain;
}
.new-content-body .icon16.icon-arrow-bottom-gray, .new-content-body .type-mydata .inp-box .icon-arrow-bottom-gray.ico-confirm:after, .type-mydata .inp-box .new-content-body .icon-arrow-bottom-gray.ico-confirm:after {
  background: url("../images/common/icon-arrow-bottom-gray.svg") no-repeat center/contain;
}
.new-content-body .icon-product-info {
  background-image: url("../images/sub/icon40-product-info.svg");
}
.new-content-body .icon-calc {
  background-image: url("../images/sub/icon20_calc.svg");
}
.new-content-body .icon-chat {
  background-image: url("../images/sub/icon16_chat.svg");
}
.new-content-body .icon-booking {
  background-image: url("../images/sub/icon16_booking.svg");
}
.new-content-body .icon-booking-yellow {
  background-image: url("../images/sub/icon16_booking_y.svg");
}
.new-content-body .icon-call-dark2 {
  background-image: url("../images/sub/icon16_call_dark2.svg");
}
.new-content-body .icon-direct-loan {
  background-image: url("../images/sub/icon40_direct_loan.svg");
}
.new-content-body .icon-onestop {
  background-image: url("../images/sub/icon40_onestop.svg");
}
.new-content-body .icon-interest-free {
  background-image: url("../images/sub/icon40_interest_free.svg");
}
.new-content-body .icon-lease {
  background-image: url("../images/sub/icon40_lease.svg");
}
.new-content-body .icon-email {
  background-image: url("../images/sub/icon16_email.svg");
}
.new-content-body .icon-account-limit {
  background-image: url("../images/sub/icon40-account-limit.svg");
}
.new-content-body .icon-simulation {
  background-image: url("../images/sub/icon40-simulation.svg");
}
.new-content-body .icon-request {
  background-image: url("../images/sub/icon40-request.svg");
}
.new-content-body .icon-grace-period {
  background-image: url("../images/sub/icon40_grace_period.svg");
}
.new-content-body .icon-like-car {
  background-image: url("../images/sub/icon32_like_car.svg");
}
.new-content-body .icon-authentication {
  background-image: url("../images/sub/icon32_authentication.svg");
}
.new-content-body .icon-fax-photo {
  height: 42px;
  background-image: url("../images/sub/icon32_fax_photo.svg");
}
.new-content-body .icon-online-document {
  background-image: url("../images/sub/icon32_online_document.svg");
}
.new-content-body .icon-takeover-car {
  background-image: url("../images/sub/icon32_takeover_car.svg");
}
.new-content-body .icon-circle-arrow {
  background-image: url("../images/sub/icon32_circle_arrow.svg");
}
.new-content-body .icon-nodata {
  background: url("../images/common/icon48-nodata.svg") no-repeat center/contain;
}
.new-content-body .icon-info-black {
  background: url("../images/common/icon16-info-black.svg") no-repeat center/contain;
}
.new-content-body .btn-txt {
  position: relative;
  display: inline-block;
  text-decoration: none;
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .btn-txt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #aaa;
}
.new-content-body .btn-txt.sm {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .btn-txt.sm:after {
  bottom: 0;
}
.new-content-body .btn-txt:disabled {
  color: #ddd;
}
.new-content-body .btn-txt:disabled:after {
  display: none;
}
.new-content-body .btn-txt.fc-white:after {
  background: #fff;
}
.new-content-body .tal {
  text-align: left !important;
}
.new-content-body .tac {
  text-align: center !important;
}
.new-content-body .tar {
  text-align: right !important;
}
.new-content-body .gap-l {
  margin-top: 2.4rem !important;
}
.new-content-body .header-title-100 {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .page-intro-100 {
  line-height: 34px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .page-intro-200 {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .contents-title-50 {
  line-height: 40px;
  color: #222;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .contents-title-100 {
  line-height: 34px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .contents-title-100 + .body-120 {
  margin-top: 0.8rem;
}
.new-content-body .contents-title-100 + .table-wrap {
  margin-top: 3.2rem;
}
.new-content-body .contents-title-200 {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .contents-title-300 {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .contents-title-300 + .inp-list-wrap {
  margin-top: 1.6rem;
}
.new-content-body .contents-title-300 + .body-120 {
  margin-top: 1.6rem;
}
.new-content-body .body-100 {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .body-110 {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.new-content-body .body-120 {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .body-120 + .contents-title-300 {
  margin-top: 3.2rem;
}
.new-content-body .body-200 {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.new-content-body .body-210 {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .caption-100 {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .dock-bar-100 {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .fw-regular {
  font-weight: normal !important;
}
.new-content-body .fw-medium {
  font-weight: 500 !important;
}
.new-content-body .fw-bold {
  font-weight: bold !important;
}
.new-content-body .txt-warn {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  color: #ff0000;
}
.new-content-body .txt-confirm {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  color: #2589ff;
}
.new-content-body .form-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  min-height: 24px;
  font-size: 0;
  vertical-align: middle;
}
.new-content-body .form-checkbox input, .new-content-body .form-checkbox .inp-box .ico-confirm, .new-content-body .inp-box .form-checkbox .ico-confirm, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.new-content-body .form-checkbox input:checked ~ .icon, .new-content-body .form-checkbox .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:checked ~ .icon {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.new-content-body .form-checkbox input:checked ~ .icon:before, .new-content-body .form-checkbox .inp-box .ico-confirm:checked ~ .icon:before, .new-content-body .inp-box .form-checkbox .ico-confirm:checked ~ .icon:before, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.new-content-body .form-checkbox input[disabled] ~ .icon, .new-content-body .form-checkbox .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox [disabled].ico-confirm ~ .icon, .new-content-body .form-checkbox input:disabled ~ .icon, .new-content-body .form-checkbox .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:disabled ~ .icon {
  border-color: #ddd;
  background: url("../images/common/icon-check-white.svg") no-repeat #ddd;
  background-size: cover;
}
.new-content-body .form-checkbox input[disabled] ~ .icon:before, .new-content-body .form-checkbox .inp-box [disabled].ico-confirm ~ .icon:before, .new-content-body .inp-box .form-checkbox [disabled].ico-confirm ~ .icon:before, .type-mydata .inp-box .new-content-body .form-checkbox [disabled].ico-confirm ~ .icon:before, .new-content-body .form-checkbox input:disabled ~ .icon:before, .new-content-body .form-checkbox .inp-box .ico-confirm:disabled ~ .icon:before, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .icon:before, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.new-content-body .form-checkbox input:checked[disabled] ~ .icon, .new-content-body .form-checkbox .inp-box .ico-confirm:checked[disabled] ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked[disabled] ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:checked[disabled] ~ .icon, .new-content-body .form-checkbox input:checked:disabled ~ .icon, .new-content-body .form-checkbox .inp-box .ico-confirm:checked:disabled ~ .icon, .new-content-body .inp-box .form-checkbox .ico-confirm:checked:disabled ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:checked:disabled ~ .icon {
  background-color: #aaa !important;
  border-color: #aaa !important;
}
.new-content-body .form-checkbox .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url("../images/common/icon-check-gray.svg") no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.new-content-body .form-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url("../images/common/icon-check-black.svg") no-repeat;
  background-size: cover;
}
.new-content-body .form-checkbox .txt {
  display: inline-block;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-left: 8px;
  vertical-align: middle;
}
.new-content-body .form-checkbox .txt.depth {
  position: relative;
  padding-left: 20px;
}
.new-content-body .form-checkbox .txt.depth:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon16-depth.svg") no-repeat center/contain;
}
.new-content-body .form-checkbox .txt .icon-depth {
  vertical-align: middle;
  margin-right: 3px;
}
.new-content-body .form-checkbox.sm input:checked ~ .icon, .new-content-body .form-checkbox.sm .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox.sm .ico-confirm:checked ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.sm .ico-confirm:checked ~ .icon {
  background-color: transparent;
}
.new-content-body .form-checkbox.sm input[disabled] ~ .icon, .new-content-body .form-checkbox.sm .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox.sm [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.sm [disabled].ico-confirm ~ .icon, .new-content-body .form-checkbox.sm input:disabled ~ .icon, .new-content-body .form-checkbox.sm .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox.sm .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.sm .ico-confirm:disabled ~ .icon {
  background: url("../images/common/icon-check-gray-sm.svg") no-repeat transparent;
}
.new-content-body .form-checkbox.sm .icon {
  border: none;
}
.new-content-body .form-checkbox.sm .icon:before {
  background: url("../images/common/icon-check-black-sm.svg") no-repeat;
}
.new-content-body .form-checkbox.sm .txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 4px;
}
.new-content-body .form-checkbox.xs input:checked ~ .icon, .new-content-body .form-checkbox.xs .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-checkbox.xs .ico-confirm:checked ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.xs .ico-confirm:checked ~ .icon {
  background-color: transparent;
}
.new-content-body .form-checkbox.xs input[disabled] ~ .icon, .new-content-body .form-checkbox.xs .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-checkbox.xs [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.xs [disabled].ico-confirm ~ .icon, .new-content-body .form-checkbox.xs input:disabled ~ .icon, .new-content-body .form-checkbox.xs .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-checkbox.xs .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .new-content-body .form-checkbox.xs .ico-confirm:disabled ~ .icon {
  background: url("../images/common/icon-check-gray-sm.svg") no-repeat transparent;
}
.new-content-body .form-checkbox.xs .icon {
  border: none;
}
.new-content-body .form-checkbox.xs .icon:before {
  background: url("../images/common/icon-check-black-sm.svg") no-repeat;
}
.new-content-body .form-checkbox.xs .txt {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 5px;
}
.new-content-body .form-checkbox.sm-txt .txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.new-content-body .balloon-box {
  will-change: transform, opacity;
  display: inline-block;
  min-height: 2.4rem;
  padding: 0 1rem;
  color: #fff;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
  background: #2589ff;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(0.5rem) scale(1);
      -ms-transform: translateY(0.5rem) scale(1);
          transform: translateY(0.5rem) scale(1);
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.new-content-body .balloon-box .point {
  margin-right: 0.2rem;
  color: #ffec3f;
  font-size: 1rem;
  font-weight: 700;
}
.new-content-body .balloon-box:before {
  position: absolute;
  top: 100%;
  right: 2rem;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  margin-top: -0.1rem;
  background: url("../images/sub/intro-balloon-tip-blue.svg") bottom right/contain no-repeat;
  content: "";
}
.new-content-body .balloon-box.type-dark {
  background-color: #434c53;
}
.new-content-body .balloon-box.type-dark:before {
  background: url("../images/sub/intro-balloon-tip.svg?ver=202205") bottom right/contain no-repeat;
}
.new-content-body .balloon-box.type-yellow {
  background-color: #f7b500;
  color: #fff;
}
.new-content-body .balloon-box.type-yellow:before {
  background: url("../images/sub/intro-balloon-tip-yellow.svg?ver=202205") bottom right/contain no-repeat;
}
.new-content-body .balloon-box.type-orange {
  background-color: #fa6400;
  color: #fff;
}
.new-content-body .balloon-box.type-orange:before {
  background: url("../images/sub/intro-balloon-tip-orange.svg?ver=202205") bottom right/contain no-repeat;
}
.new-content-body .balloon-box.show {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.new-content-body .balloon-box.ps-top {
  -webkit-transform: translateY(-0.5rem);
      -ms-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
}
.new-content-body .balloon-box.ps-top:before {
  bottom: 100%;
  margin-bottom: -0.1rem;
  top: auto;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.new-content-body .balloon-box.ps-top.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.new-content-body .radio-box-colgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
}
.new-content-body .radio-box-colgroup .radio-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 0.3rem;
}
.new-content-body .radio-box-colgroup .radio-box label {
  width: 100%;
  text-align: center;
  padding: 0;
}
.new-content-body .radio-box-colgroup.col5 .radio-box {
  width: 20%;
}
.new-content-body .radio-box input, .new-content-body .radio-box .inp-box .ico-confirm, .new-content-body .inp-box .radio-box .ico-confirm, .type-mydata .inp-box .new-content-body .radio-box .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.new-content-body .radio-box input[disabled] ~ label, .new-content-body .radio-box .inp-box [disabled].ico-confirm ~ label, .new-content-body .inp-box .radio-box [disabled].ico-confirm ~ label, .type-mydata .inp-box .new-content-body .radio-box [disabled].ico-confirm ~ label {
  border-color: #ddd;
  background: #f8f8f8;
}
.new-content-body .radio-box input:checked + label, .new-content-body .radio-box .inp-box .ico-confirm:checked + label, .new-content-body .inp-box .radio-box .ico-confirm:checked + label, .type-mydata .inp-box .new-content-body .radio-box .ico-confirm:checked + label {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 4rem;
  color: #222;
  background: #fff;
}
.new-content-body .radio-box input:checked + label:before, .new-content-body .radio-box .inp-box .ico-confirm:checked + label:before, .new-content-body .inp-box .radio-box .ico-confirm:checked + label:before, .type-mydata .inp-box .new-content-body .radio-box .ico-confirm:checked + label:before {
  border: 1.5px solid #222;
}
.new-content-body .radio-box label {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 4rem;
  color: #888;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.new-content-body .radio-box label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-content-body .radio-round-white-wrap {
  border-radius: 1.2rem;
  border: 1px solid #eee;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 4rem;
  background-color: #f8f8f8;
}
.new-content-body .radio-round-white-wrap li {
  position: relative;
  width: 100%;
  height: 100%;
}
.new-content-body .radio-round-white-wrap li input[type=radio], .new-content-body .radio-round-white-wrap li .inp-box [type=radio].ico-confirm, .new-content-body .inp-box .radio-round-white-wrap li [type=radio].ico-confirm, .type-mydata .inp-box .new-content-body .radio-round-white-wrap li [type=radio].ico-confirm {
  display: none;
}
.new-content-body .radio-round-white-wrap li label {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3.8rem;
  text-align: center;
  background: transparent;
}
.new-content-body .radio-round-white-wrap li label:before {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -0.6rem;
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  background: #eee;
}
.new-content-body .radio-round-white-wrap li input[type=radio]:checked + label, .new-content-body .radio-round-white-wrap li .inp-box [type=radio].ico-confirm:checked + label, .new-content-body .inp-box .radio-round-white-wrap li [type=radio].ico-confirm:checked + label, .type-mydata .inp-box .new-content-body .radio-round-white-wrap li [type=radio].ico-confirm:checked + label {
  color: #222;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0.1rem 2px 2px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0.1rem 2px 2px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
}
.new-content-body .radio-round-white-wrap li input[type=radio]:checked + label:before, .new-content-body .radio-round-white-wrap li .inp-box [type=radio].ico-confirm:checked + label:before, .new-content-body .inp-box .radio-round-white-wrap li [type=radio].ico-confirm:checked + label:before, .type-mydata .inp-box .new-content-body .radio-round-white-wrap li [type=radio].ico-confirm:checked + label:before {
  display: none;
}
.new-content-body .form-box .form-box.column-3, .new-content-body .form-box .form-box.column-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.4rem;
}
.new-content-body .form-box .form-box.column-3 > span, .new-content-body .form-box .form-box.column-2 > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0.4rem;
}
.new-content-body .form-box .form-checkbox,
.new-content-body .form-box .form-radio {
  margin: 0.2rem 2.4rem 0.2rem 0;
}
.new-content-body .form-box .form-checkbox:only-child,
.new-content-body .form-box .form-radio:only-child {
  margin-right: 0;
  margin-top: 0;
}
.new-content-body .form-box .form-checkbox:last-of-type,
.new-content-body .form-box .form-radio:last-of-type {
  margin-right: 0;
}
.new-content-body .form-box .form-checkbox.size-l,
.new-content-body .form-box .form-radio.size-l {
  margin-right: 1.6rem;
}
.new-content-body .form-box.column-2 > span {
  display: block;
  width: calc(50% - 1.6rem);
}
.new-content-body .form-box.column-3 > span {
  display: block;
  width: calc(33.3333333333% - 2.4rem);
}
.new-content-body .form-box.depth2-xs {
  margin-top: 0.6rem;
  padding-left: 2.4rem;
}
.new-content-body .form-checkbox .icon, .new-content-body .form-radio .icon {
  top: 0.1rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.new-content-body .form-checkbox .txt, .new-content-body .form-radio .txt {
  margin-top: 0.2rem;
}
.new-content-body .form-checkbox .txt .new-tag, .new-content-body .form-radio .txt .new-tag {
  margin: -0.3rem 0 0 0.3rem;
}
.new-content-body .form-checkbox .txt-sub, .new-content-body .form-radio .txt-sub {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
}
.new-content-body .form-checkbox input:disabled ~ .txt, .new-content-body .form-checkbox .inp-box .ico-confirm:disabled ~ .txt, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .txt, .new-content-body .form-radio input:disabled ~ .txt, .new-content-body .form-radio .inp-box .ico-confirm:disabled ~ .txt, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .txt, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:disabled ~ .txt, .type-mydata .inp-box .new-content-body .form-radio .ico-confirm:disabled ~ .txt {
  color: #aaa !important;
}
.new-content-body .form-checkbox input:disabled ~ .txt .txt-sub, .new-content-body .form-checkbox .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .new-content-body .inp-box .form-checkbox .ico-confirm:disabled ~ .txt .txt-sub, .new-content-body .form-radio input:disabled ~ .txt .txt-sub, .new-content-body .form-radio .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .new-content-body .inp-box .form-radio .ico-confirm:disabled ~ .txt .txt-sub, .type-mydata .inp-box .new-content-body .form-checkbox .ico-confirm:disabled ~ .txt .txt-sub, .type-mydata .inp-box .new-content-body .form-radio .ico-confirm:disabled ~ .txt .txt-sub {
  color: #aaa !important;
}
.new-content-body .size-xs.form-checkbox, .new-content-body .size-xs.form-radio {
  padding-left: 1.8rem;
  min-height: 2.3rem;
}
.new-content-body .size-xs.form-checkbox .icon, .new-content-body .size-xs.form-radio .icon {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.new-content-body .size-xs.form-checkbox .txt, .new-content-body .size-xs.form-radio .txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.3rem;
  color: #222;
}
.new-content-body .is-all.form-checkbox .txt, .new-content-body .is-all.form-radio .txt {
  font-weight: 700;
}
.new-content-body .size-l.form-checkbox, .new-content-body .size-l.form-radio {
  min-height: 2.8rem;
}
.new-content-body .size-l.form-checkbox .icon, .new-content-body .size-l.form-radio .icon {
  top: 0.2rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.new-content-body .size-l.form-checkbox .txt, .new-content-body .size-l.form-radio .txt {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
}
.new-content-body .size-l.form-checkbox input:checked ~ .txt, .new-content-body .size-l.form-checkbox .inp-box .ico-confirm:checked ~ .txt, .new-content-body .inp-box .size-l.form-checkbox .ico-confirm:checked ~ .txt, .new-content-body .size-l.form-radio input:checked ~ .txt, .new-content-body .size-l.form-radio .inp-box .ico-confirm:checked ~ .txt, .new-content-body .inp-box .size-l.form-radio .ico-confirm:checked ~ .txt, .type-mydata .inp-box .new-content-body .size-l.form-checkbox .ico-confirm:checked ~ .txt, .type-mydata .inp-box .new-content-body .size-l.form-radio .ico-confirm:checked ~ .txt {
  color: #222;
  font-weight: 700;
}
.new-content-body .select-box.type-line {
  display: block;
  border: 0 !important;
}
.new-content-body .select-box.type-line select {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 5.6rem;
  padding: 0 4rem 0 1.2rem;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
}
.new-content-body .select-box.type-line.size-s select {
  height: 4.2rem;
  line-height: 4.2rem;
  border-radius: 0.8rem;
  background-position: right 1rem center;
  padding-right: 3rem;
}
.new-content-body .select-box.type-line.filled select {
  border-color: #aaa;
}
.new-content-body .select-box.type-inline {
  display: inline-block;
  vertical-align: middle;
}
.new-content-body .inline-select {
  padding-right: 20px;
  outline: 0;
  border: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 0;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  background: url("../images/common/icon-arrow-bottom-dark.svg") no-repeat right center;
}
.new-content-body .inline-select.large {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .inline-select.sm {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-align: right;
}
.layer-pop-btm.new-content-body .link-list2 {
  margin-left: -16px;
  margin-right: -16px;
}
.new-content-body .link-list2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-content-body .link-list2 li a,
.new-content-body .link-list2 li button {
  position: relative;
  display: block;
  padding: 1.6rem 3.6rem 1.6rem 1.6rem;
  width: 100%;
  text-align: right;
  background-size: 1.6rem;
  background: none;
  border: none;
}
.new-content-body .link-list2 li a:after,
.new-content-body .link-list2 li button:after {
  content: "";
  display: block;
  clear: both;
}
.new-content-body .link-list2 li a .tit,
.new-content-body .link-list2 li button .tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  float: left;
  vertical-align: middle;
}
.new-content-body .link-list2 li a .tit:first-child:last-child,
.new-content-body .link-list2 li button .tit:first-child:last-child {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin: -0.4rem 0;
}
.new-content-body .link-list2 li a .tit .desc,
.new-content-body .link-list2 li button .tit .desc {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
}
.new-content-body .btn-select.type-default {
  position: relative;
  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;
  width: 100%;
  height: 6.4rem;
  border: none;
  background: none;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}
.new-content-body .btn-select.type-default .tit {
  display: block;
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
  text-align: left;
}
.new-content-body .btn-select.type-default .txt {
  display: none;
  margin-top: 0.6rem;
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: left;
  font-weight: 500;
}
.new-content-body .btn-select.type-default .txt b {
  vertical-align: middle;
  display: inline-block;
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-content-body .btn-select.type-default .txt em {
  vertical-align: middle;
  display: inline-block;
}
.new-content-body .btn-select.type-default .icon16, .new-content-body .btn-select.type-default .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .new-content-body .btn-select.type-default .ico-confirm:after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.new-content-body .btn-select.type-line {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  min-height: 5.6rem;
  height: auto;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  padding: 1.5rem 3.2rem 1.5rem 1.6rem;
  text-align: left;
  color: #888;
}
.new-content-body .btn-select.type-line .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  max-width: 100%;
  margin: 0;
  color: #888;
  font-weight: 400;
}
.new-content-body .btn-select.type-line .txt-sub {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  max-width: 100%;
  color: #888;
}
.new-content-body .btn-select.type-line.active {
  border-color: #aaa;
  color: #222;
}
.new-content-body .btn-select.type-line.active .txt {
  color: #222;
  font-weight: 500;
}
.new-content-body .btn-select.type-line.active .txt-sub {
  color: #2589ff;
}
.new-content-body .select-upper {
  margin-bottom: 1.4rem;
  text-align: right;
  font-size: 0;
}
.new-content-body .select-upper .select-box {
  width: 13.8rem;
  margin-left: 1rem;
}
.new-content-body .inp-list-wrap > ul > li {
  margin-top: 3.2rem;
}
.new-content-body .inp-list-wrap > ul > li:first-child {
  margin-top: 0;
}
.new-content-body .inp-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #eee;
}
.new-content-body .inp-box.default > * {
  display: none;
}
.new-content-body .inp-box.default > label, .new-content-body .inp-box.default > input:first-of-type, .new-content-body .inp-box.default > .ico-confirm:first-of-type {
  display: block;
}
.new-content-body .inp-box.default .inp-tit {
  top: 20px;
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
}
.new-content-body .inp-box.focus {
  border-bottom: 1px solid #ffcc00;
}
.new-content-body .inp-box.filled {
  border-bottom: 1px solid #eee;
}
.new-content-body .inp-box.filled .icon-close {
  display: none;
}
.new-content-body .inp-box.holder .inp-tit {
  top: 4px;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.disabled input, .new-content-body .inp-box.disabled .ico-confirm {
  color: #888;
}
.new-content-body .inp-box.disabled ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.disabled ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.disabled :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.disabled ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.disabled ::placeholder {
  color: #888;
}
.new-content-body .inp-box.nofocus input:disabled, .new-content-body .inp-box.nofocus .ico-confirm:disabled {
  color: #222 !important;
}
.new-content-body .inp-box.nofocus ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.nofocus ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.nofocus :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.nofocus ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.nofocus ::placeholder {
  color: #888;
}
.new-content-body .inp-box.error {
  border-bottom: 1px solid red;
}
.new-content-body .inp-box.error + .txt-error {
  display: block;
  margin-top: 0.8rem;
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #f00;
}
.new-content-body .inp-box.readonly {
  border-bottom: 1px solid #eee;
}
.new-content-body .inp-box.type-basic .icon16.icon-close, .new-content-body .type-mydata .inp-box.type-basic .icon-close.ico-confirm:after, .type-mydata .new-content-body .inp-box.type-basic .icon-close.ico-confirm:after {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.new-content-body .inp-box.type-basic input, .new-content-body .inp-box.type-basic .ico-confirm {
  padding-right: 4.8rem;
}
.new-content-body .inp-box.type-basic input:disabled, .new-content-body .inp-box.type-basic .ico-confirm:disabled {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled ::-webkit-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled ::-moz-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled :-ms-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled ::-ms-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled ::placeholder, .new-content-body .inp-box.type-basic .ico-confirm:disabled ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:disabled + .icon-close, .new-content-body .inp-box.type-basic .ico-confirm:disabled + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-basic input:-moz-read-only, .new-content-body .inp-box.type-basic .ico-confirm:-moz-read-only {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only, .new-content-body .inp-box.type-basic .ico-confirm:read-only {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only ::-webkit-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only ::-moz-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only :-ms-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only ::-ms-input-placeholder, .new-content-body .inp-box.type-basic .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:-moz-read-only ::placeholder, .new-content-body .inp-box.type-basic .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:read-only ::placeholder, .new-content-body .inp-box.type-basic .ico-confirm:read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-basic input:-moz-read-only + .icon-close, .new-content-body .inp-box.type-basic .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-basic input:read-only + .icon-close, .new-content-body .inp-box.type-basic .ico-confirm:read-only + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-price {
  border-color: transparent;
}
.new-content-body .inp-box.type-price.focus {
  border-color: #ffcc00;
}
.new-content-body .inp-box.type-price.focus .price-data-wrap b:after {
  display: none;
}
.new-content-body .inp-box.type-price.default .icon-close {
  display: none;
}
.new-content-body .inp-box.type-price .price-data-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 2.4rem 0 0.8rem 0;
  width: 100%;
  height: 7.2rem;
  font-size: 0;
  overflow: hidden;
}
.new-content-body .inp-box.type-price .price-data-wrap:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.new-content-body .inp-box.type-price .price-data-wrap span {
  font-family: inherit !important;
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
            Android 웹 일때 line-height:4.3rem;
            iOS 웹 일때 line-height:4rem;
            */
  opacity: 0;
  font-size: 3rem;
  font-weight: 700;
}
.new-content-body .inp-box.type-price .price-data-wrap span.no-data {
  opacity: 1;
}
.new-content-body .inp-box.type-price .price-data-wrap b {
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
            Android 웹 일때 line-height:4.3rem;
            iOS 웹 일때 line-height:4rem;
            */
  position: relative;
  font-size: 3rem;
  font-weight: 700;
}
.new-content-body .inp-box.type-price .price-data-wrap b:after {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  margin-left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-data-modify.svg") no-repeat center/contain;
}
.new-content-body .inp-box.type-price .price-data-wrap + input[type=text], .new-content-body .inp-box.type-price .price-data-wrap + [type=text].ico-confirm {
  height: 7.2rem;
  line-height: 4rem;
}
.new-content-body .inp-box.type-price input, .new-content-body .inp-box.type-price .ico-confirm {
  font-family: inherit !important;
  padding: 2.4rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
}
.new-content-body .inp-box.type-price .icon16.icon-close, .new-content-body .type-mydata .inp-box.type-price .icon-close.ico-confirm:after, .type-mydata .new-content-body .inp-box.type-price .icon-close.ico-confirm:after {
  z-index: 3;
  position: absolute;
  top: calc(50% + 0.8rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.new-content-body .inp-box.type-number .confirm-wrap {
  position: absolute;
  right: 0;
  bottom: 0.6rem;
  z-index: 3;
}
.new-content-body .inp-box.type-number .confirm-wrap .stop-time {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-right: 8px;
  vertical-align: 1px;
}
.new-content-body .inp-box.type-number input, .new-content-body .inp-box.type-number .ico-confirm {
  padding-right: 7rem;
}
.new-content-body .inp-box.type-number input:disabled, .new-content-body .inp-box.type-number .ico-confirm:disabled {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled ::-webkit-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled ::-moz-placeholder, .new-content-body .inp-box.type-number .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled :-ms-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled ::-ms-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled ::placeholder, .new-content-body .inp-box.type-number .ico-confirm:disabled ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:disabled + .icon-close, .new-content-body .inp-box.type-number .ico-confirm:disabled + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-number input:-moz-read-only, .new-content-body .inp-box.type-number .ico-confirm:-moz-read-only {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only, .new-content-body .inp-box.type-number .ico-confirm:read-only {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only ::-webkit-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only ::-moz-placeholder, .new-content-body .inp-box.type-number .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only :-ms-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only ::-ms-input-placeholder, .new-content-body .inp-box.type-number .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:-moz-read-only ::placeholder, .new-content-body .inp-box.type-number .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:read-only ::placeholder, .new-content-body .inp-box.type-number .ico-confirm:read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-number input:-moz-read-only + .icon-close, .new-content-body .inp-box.type-number .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-number input:read-only + .icon-close, .new-content-body .inp-box.type-number .ico-confirm:read-only + .icon-close {
  display: none;
}
.new-content-body .inp-box.type-mix {
  position: relative;
  /* 주민번호 포인트 추가 */
}
.new-content-body .inp-box.type-mix .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.new-content-body .inp-box.type-mix:disabled {
  color: #888;
}
.new-content-body .inp-box.type-mix:disabled ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix:disabled ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix:disabled :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix:disabled ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix:disabled ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:-moz-read-only, .new-content-body .inp-box.type-mix .ico-confirm:-moz-read-only {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only, .new-content-body .inp-box.type-mix .ico-confirm:read-only {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only ::-webkit-input-placeholder, .new-content-body .inp-box.type-mix .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only ::-moz-placeholder, .new-content-body .inp-box.type-mix .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only :-ms-input-placeholder, .new-content-body .inp-box.type-mix .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only ::-ms-input-placeholder, .new-content-body .inp-box.type-mix .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:-moz-read-only ::placeholder, .new-content-body .inp-box.type-mix .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix input:read-only ::placeholder, .new-content-body .inp-box.type-mix .ico-confirm:read-only ::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-mix .inp-num {
  background-image: url("../images/common/date-full.svg");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: calc(100% - 6px);
}
.new-content-body .inp-box.type-mix .inp-num.active {
  background-image: url("../images/common/date-empty.svg");
}
.new-content-body .inp-box.type-mix .inp-num.inactive {
  background-image: url("../images/common/date-disabled.svg");
}
.new-content-body .inp-box.type-mix .hidden-point {
  opacity: 0;
}
.new-content-body .inp-box.type-mix .num-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.new-content-body .inp-box.type-mix .num-part .num-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.new-content-body .inp-box.type-mix .num-part .num-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.new-content-body .inp-box.type-mix .num-part .num-point > span + span {
  margin-left: 0.4rem;
}
.new-content-body .inp-box.type-mix .num-part .num-point > span.point-active {
  background: #222;
}
.new-content-body .inp-box.type-mix .num-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 6.4rem;
}
.new-content-body .inp-box.type-mix .num-point-wrap .num-part {
  display: block;
  width: 100%;
}
.new-content-body .inp-box.type-mix .num-point-wrap .num-part .num-point {
  margin-left: 1.6rem;
}
.new-content-body .inp-box.type-search {
  position: relative;
  height: 4.8rem;
  border-bottom: 0;
}
.new-content-body .inp-box.type-search input, .new-content-body .inp-box.type-search .ico-confirm {
  border-radius: 1.2rem;
  background: #eee;
  width: 100%;
  height: 100%;
  padding: 0 8.8rem 0 1.6rem;
  border: 0;
  outline: 0;
  font-size: 1.4rem;
  color: #222;
  font-weight: 500;
}
.new-content-body .inp-box.type-search input::-webkit-input-placeholder, .new-content-body .inp-box.type-search .ico-confirm::-webkit-input-placeholder {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-search input::-moz-placeholder, .new-content-body .inp-box.type-search .ico-confirm::-moz-placeholder {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-search input:-ms-input-placeholder, .new-content-body .inp-box.type-search .ico-confirm:-ms-input-placeholder {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-search input::-ms-input-placeholder, .new-content-body .inp-box.type-search .ico-confirm::-ms-input-placeholder {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-search input::placeholder, .new-content-body .inp-box.type-search .ico-confirm::placeholder {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-search .icon-close {
  background: url("../images/icon/icon-close-round.svg") no-repeat center/contain;
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5.6rem;
}
.new-content-body .inp-box.type-search .icon-search {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
  display: block;
}
.new-content-body .inp-box.type-search.filled .icon-close {
  display: block;
}
.new-content-body .inp-box.type-card {
  position: relative;
}
.new-content-body .inp-box.type-card.default > * {
  display: block;
}
.new-content-body .inp-box.type-card.default .inp-tit {
  top: 4px;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box.type-card .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.new-content-body .inp-box.type-card .card-point4 {
  opacity: 0;
}
.new-content-body .inp-box.type-card .card-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.new-content-body .inp-box.type-card .card-part .pw-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.new-content-body .inp-box.type-card .card-part .pw-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.new-content-body .inp-box.type-card .card-part .pw-point > span + span {
  margin-left: 0.4rem;
}
.new-content-body .inp-box.type-card .card-part .pw-point > span.point-active {
  background: #222;
}
.new-content-body .inp-box.type-card .pw-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 6.4rem;
}
.new-content-body .inp-box.type-card .pw-point-wrap .card-part {
  display: block;
  width: 100%;
}
.new-content-body .inp-box.type-card .pw-point-wrap .card-part .pw-point {
  margin-left: 1.6rem;
}
.new-content-body .inp-box .inp-tit {
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 0;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .inp-box input, .new-content-body .inp-box .ico-confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
  position: relative;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 6.4rem;
  border: 0;
  background: none;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
}
.new-content-body .inp-box input:-webkit-autofill, .new-content-body .inp-box .ico-confirm:-webkit-autofill {
  -webkit-transition: background-color 5500s ease-in-out 0s;
  transition: background-color 5500s ease-in-out 0s;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.new-content-body .inp-box input:-moz-read-only + .icon-close, .new-content-body .inp-box .ico-confirm:-moz-read-only + .icon-close {
  display: none !important;
}
.new-content-body .inp-box input:read-only + .icon-close, .new-content-body .inp-box .ico-confirm:read-only + .icon-close {
  display: none !important;
}
.new-content-body .inp-box .hypen {
  position: relative;
  margin: 0 0.8rem;
  width: 0.8rem;
  height: 6.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
}
.new-content-body .inp-box .hypen:after {
  position: absolute;
  bottom: 2rem;
  left: 0;
  content: "";
  display: block;
  width: 0.8rem;
  height: 1px;
  background: #999;
}
.new-content-body .inp-box.unfilled .icon-close {
  display: none;
}
.new-content-body .inp-box.type-number .icon16.icon-close, .new-content-body .type-mydata .inp-box.type-number .icon-close.ico-confirm:after, .type-mydata .new-content-body .inp-box.type-number .icon-close.ico-confirm:after {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 7rem;
  margin-top: 1.1rem;
}
.new-content-body .inp-box .ico-confirm {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 0.3rem solid transparent;
  display: block;
  color: transparent;
}
.new-content-body .inp-box .ico-confirm:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 0;
  margin: -0.2rem 0 0 0.5rem;
  background: url("../images/icon/icon16-check-blue.svg") left center/1.6rem auto no-repeat;
  -webkit-animation: aniShowVertical ease-in-out 0.7s both;
          animation: aniShowVertical ease-in-out 0.7s both;
  content: "";
}
@keyframes aniShowVertical {
  0% {
    width: 0;
  }
  100% {
    width: 1.6rem;
  }
}
.new-content-body .inp-box.type-new {
  border-bottom: 0;
}
.new-content-body .inp-box.type-new input, .new-content-body .inp-box.type-new .ico-confirm {
  height: 5.6rem;
  background: #fff;
  padding: 0 1.6rem;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  -webkit-transition: border-color linear 0.1s;
  transition: border-color linear 0.1s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.6rem;
  font-family: inherit;
}
.new-content-body .inp-box.type-new input:focus, .new-content-body .inp-box.type-new .ico-confirm:focus {
  border-color: #fc0;
}
.new-content-body .inp-box.type-new input::-webkit-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-webkit-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.new-content-body .inp-box.type-new input::-moz-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-moz-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.new-content-body .inp-box.type-new input:-ms-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm:-ms-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.new-content-body .inp-box.type-new input::-ms-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-ms-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.new-content-body .inp-box.type-new input::placeholder, .new-content-body .inp-box.type-new .ico-confirm::placeholder {
  color: #888;
  font-size: 1.6rem;
}
.new-content-body .inp-box.type-new input:disabled, .new-content-body .inp-box.type-new .ico-confirm:disabled {
  opacity: 1;
  -webkit-text-fill-color: inherit !important;
  background: #f8f8f8 !important;
  border-color: transparent !important;
  color: #aaa !important;
}
.new-content-body .inp-box.type-new input:disabled ~ .inp-unit, .new-content-body .inp-box.type-new .ico-confirm:disabled ~ .inp-unit {
  color: #aaa !important;
}
.new-content-body .inp-box.type-new input:disabled ~ .inp-txt-num, .new-content-body .inp-box.type-new .ico-confirm:disabled ~ .inp-txt-num {
  display: none;
}
.new-content-body .inp-box.type-new .inp-tit {
  position: static;
}
.new-content-body .inp-box.type-new .inp-txt-num {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.6rem;
  line-height: 1;
  color: #aaa;
  padding-right: 1.6rem;
  pointer-events: none;
}
.new-content-body .inp-box.type-new .hypen {
  height: auto;
}
.new-content-body .inp-box.type-new .hypen:after {
  bottom: 50%;
}
.new-content-body .inp-box.type-new .txt-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  height: 100%;
  display: none;
  line-height: 5.6rem;
  font-size: 1.8rem;
  color: #888;
  font-weight: 400;
  padding-left: 1.6rem;
  pointer-events: none;
}
.new-content-body .inp-box.type-new.default > .txt-placeholder {
  display: block;
}
.new-content-body .inp-box.type-new.type-mix {
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
}
.new-content-body .inp-box.type-new.type-mix.filled {
  border-color: #aaa;
}
.new-content-body .inp-box.type-new.type-mix.focus {
  border-color: #fc0;
}
.new-content-body .inp-box.type-new.type-mix input, .new-content-body .inp-box.type-new.type-mix .ico-confirm {
  border: none;
}
.new-content-body .inp-box.type-new.type-mix .inp-num {
  background-position-y: center;
  background-position-x: 1.6rem;
}
.new-content-body .inp-box.type-new.type-mix .hypen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.new-content-body .inp-box.type-new.type-unit {
  position: relative;
}
.new-content-body .inp-box.type-new.type-unit input, .new-content-body .inp-box.type-new.type-unit .ico-confirm {
  padding-right: 4.5rem;
}
.new-content-body .inp-box.type-new.type-unit .inp-unit {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  display: block;
  font-size: 1.4rem;
  margin-top: 0.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.new-content-body .inp-box.type-new.type-unit input, .new-content-body .inp-box.type-new.type-unit .ico-confirm {
  text-align: right;
}
.new-content-body .inp-box.type-new.type-unit.size-s input, .new-content-body .inp-box.type-new.type-unit.size-s .ico-confirm {
  padding-right: 3rem;
}
.new-content-body .inp-box.type-new.type-unit.size-s .inp-unit {
  right: 0.8rem;
  font-size: 1rem;
}
.new-content-body .inp-box.type-new.type-single-unit {
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
}
.new-content-body .inp-box.type-new.type-single-unit input, .new-content-body .inp-box.type-new.type-single-unit .ico-confirm {
  border: none !important;
  height: 5.4rem;
  line-height: 5.4rem;
  max-width: calc(100% - 2.5rem);
}
.new-content-body .inp-box.type-new.type-single-unit .inp-unit {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  height: 5.4rem;
  line-height: 5.4rem;
  padding: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  font-family: inherit;
}
.new-content-body .inp-box.type-new.type-single-unit .inp-unit span {
  display: inline-block;
  max-width: calc(100vw - 9rem);
  opacity: 0;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  overflow-x: auto;
  margin-right: 0.5rem;
}
.new-content-body .inp-box.type-new.type-single-unit.unfilled .inp-unit {
  opacity: 0;
}
.new-content-body .inp-box.type-new.type-single-unit.focus {
  border-color: #fc0;
}
.new-content-body .inp-box.type-new.type-single-unit.filled {
  border-color: #aaa;
}
.new-content-body .inp-box.type-new.size-s input, .new-content-body .inp-box.type-new.size-s .ico-confirm {
  height: 4.2rem;
  line-height: 4rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
}
.new-content-body .inp-box.type-new.size-m input, .new-content-body .inp-box.type-new.size-m .ico-confirm {
  border-radius: 0.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  height: 4.2rem;
  line-height: 4.2rem;
}
.new-content-body .inp-box.type-new.unfilled input, .new-content-body .inp-box.type-new.unfilled .ico-confirm {
  border-color: #ccc;
}
.new-content-body .inp-box.type-new.filled input, .new-content-body .inp-box.type-new.filled .ico-confirm {
  border-color: #aaa;
}
.new-content-body .inp-box.type-new input, .new-content-body .inp-box.type-new .ico-confirm {
  height: 5.6rem;
  padding: 0 1.6rem;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  -webkit-transition: border-color linear 0.1s;
  transition: border-color linear 0.1s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.new-content-body .inp-box.type-new input:focus, .new-content-body .inp-box.type-new .ico-confirm:focus {
  border-color: #fc0 !important;
}
.new-content-body .inp-box.type-new input::-webkit-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-webkit-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-new input::-moz-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-moz-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-new input:-ms-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm:-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-new input::-ms-input-placeholder, .new-content-body .inp-box.type-new .ico-confirm::-ms-input-placeholder {
  color: #888;
}
.new-content-body .inp-box.type-new input::placeholder, .new-content-body .inp-box.type-new .ico-confirm::placeholder {
  color: #888;
}
.new-content-body .inp-box.type-new.single input, .new-content-body .inp-box.type-new.single .ico-confirm {
  padding-right: 3.4rem;
}
.new-content-body .inp-box.type-new.single.size-m input, .new-content-body .inp-box.type-new.single.size-m .ico-confirm {
  padding-right: 2.2rem;
}
.new-content-body .inp-box.type-new .ico-confirm {
  line-height: 5.6rem;
}
.new-content-body .selection-list {
  display: table;
  width: 100%;
  margin-top: 2rem;
}
.new-content-body .selection-list .selection-item {
  padding: 2.4rem 0 0;
  clear: both;
}
.new-content-body .selection-list .selection-item:first-child {
  padding-top: 0;
}
.new-content-body .selection-list .selection-item:last-child .form-radio .txt-sub,
.new-content-body .selection-list .selection-item:last-child .form-checkbox .txt-sub {
  margin-bottom: 0;
}
.new-content-body .selection-list .selection-item.half {
  float: left;
  clear: none;
  width: 50%;
}
.new-content-body .selection-list .selection-item.half:first-child + .half {
  padding-top: 0;
}
.new-content-body .selection-list .selection-item .form-radio .txt-sub,
.new-content-body .selection-list .selection-item .form-checkbox .txt-sub {
  margin-bottom: -0.8rem;
}
.new-content-body .selection-list .selection-item .form-radio .txt,
.new-content-body .selection-list .selection-item .form-checkbox .txt {
  margin-top: 0.2rem;
}
.new-content-body .selection-list .selection-item .form-radio input:checked ~ .txt, .type-mydata .inp-box .new-content-body .selection-list .selection-item .form-radio .ico-confirm:checked ~ .txt, .new-content-body .selection-list .selection-item .form-radio .inp-box .ico-confirm:checked ~ .txt, .new-content-body .inp-box .selection-list .selection-item .form-radio .ico-confirm:checked ~ .txt,
.new-content-body .selection-list .selection-item .form-checkbox input:checked ~ .txt,
.type-mydata .inp-box .new-content-body .selection-list .selection-item .form-checkbox .ico-confirm:checked ~ .txt,
.new-content-body .selection-list .selection-item .form-checkbox .inp-box .ico-confirm:checked ~ .txt,
.new-content-body .inp-box .selection-list .selection-item .form-checkbox .ico-confirm:checked ~ .txt {
  font-weight: bold;
}
.new-content-body .selection-list .selection-item .toggle-area {
  display: none;
  margin-top: 2rem;
}
.new-content-body .selection-list .selection-item.show .toggle-area {
  display: block;
}
.new-content-body .selection-list:after {
  display: block;
  clear: both;
  content: "";
}
.new-content-body .selection-list-item {
  display: table-row;
}
.new-content-body .selection-list-item .form-radio strong {
  font: inherit;
}
.new-content-body .selection-list-item .form-radio .icon {
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.new-content-body .selection-list-item .form-radio .txt {
  font-weight: 400;
}
.new-content-body .selection-list-item .form-radio .txt-sub {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.new-content-body .selection-list-item .form-radio input:checked ~ .txt strong, .type-mydata .inp-box .new-content-body .selection-list-item .form-radio .ico-confirm:checked ~ .txt strong, .new-content-body .selection-list-item .form-radio .inp-box .ico-confirm:checked ~ .txt strong, .new-content-body .inp-box .selection-list-item .form-radio .ico-confirm:checked ~ .txt strong {
  font-weight: 700;
}
.new-content-body .selection-list-item .selection-list-cont {
  display: table-cell;
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}
.new-content-body .selection-list-item .selection-list-util {
  display: table-cell;
  padding-left: 1rem;
  text-align: right;
  white-space: nowrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}
.new-content-body .form-tit-area {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  font-weight: 400;
  margin-bottom: 0.8rem;
  color: #222;
}
.new-content-body .form-tit-area label,
.new-content-body .form-tit-area span,
.new-content-body .form-tit-area strong,
.new-content-body .form-tit-area h3,
.new-content-body .form-tit-area h4 {
  font: inherit;
}
.new-content-body .form-tit-area .contents-title-300 {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .form-tit-area.header-title-100 {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.new-content-body .form-grid > .form-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0;
  padding: 0 0.5rem;
}
.new-content-body .form-grid > .form-connector {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 0.5rem;
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: 500;
}
.new-content-body .tag-round {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  padding: 0 0.8rem;
  line-height: 1.8rem;
  text-align: center;
  border-radius: 1.2rem;
}
.new-content-body .tag-round.bg-gray {
  color: #666;
  border: 0.1rem solid #f6f8f9;
  background-color: #f6f8f9;
}
.new-content-body .tag-round.bg-gray2 {
  color: #222;
  border: 0.1rem solid #eee;
  background: #eee;
}
.new-content-body .tag-round.bg-yellow {
  border: 0.1rem solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.new-content-body .tag-round.bg-light-yellow {
  background: rgba(255, 204, 0, 0.16);
  color: #222;
  padding: 0 0.7rem;
}
.new-content-body .tag-round.bg-white {
  border: 0.1rem solid #fff;
  background: #fff;
  color: #222;
}
.new-content-body .tag-round.bg-blue {
  background-color: rgba(37, 137, 255, 0.1);
}
.new-content-body .tag-round.line-white {
  border: 0.1rem solid #fff;
  color: #fff;
}
.new-content-body .tag-round.line-black {
  border: 0.1rem solid #222;
  color: #222;
}
.new-content-body .tag-round.line-primary {
  color: #222;
  height: 2.4rem;
  line-height: 2.2rem;
  border: 0.1rem solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(103deg, #ffe800 0%, #ff9e00 82%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.new-content-body .tag-round.type-positive {
  background-color: rgba(37, 137, 255, 0.1);
  color: #2589ff;
}
.new-content-body .tag-round.type-positive2 {
  background-color: #2589ff;
  color: #fff;
}
.new-content-body .tag-round.type-negative {
  background-color: #f6f8f9;
  color: #666;
}
.new-content-body .tag-round.size-l {
  height: 2.6rem;
  line-height: 2.6rem;
  font-size: 1.4rem;
}
.new-content-body .form-area {
  margin-top: 2.4rem;
}
.new-content-body .form-area:first-child {
  margin-top: 0;
}
.new-content-body .form-area.size-l {
  margin-top: 3.2rem;
}
.new-content-body .form-area.size-l:first-child {
  margin-top: 0;
}
.new-content-body .form-area.size-l .form-tit-area {
  margin-bottom: 1.6rem;
}
.new-content-body .form-area.size-l .form-tit label {
  vertical-align: middle;
}
.new-content-body .form-area.size-l .form-tit .icon-tooltip-s {
  vertical-align: middle;
}
.new-content-body .form-area.size-s .form-tit-area {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin-bottom: 0.4rem;
}
.new-content-body .form-area.size-s .btn-wrap a,
.new-content-body .form-area.size-s .btn-wrap button {
  height: 4.2rem;
  line-height: 3.8rem;
  border-radius: 0.6rem;
}
.new-content-body .form-area.size-s .btn-wrap a .icon-arrow-right-black,
.new-content-body .form-area.size-s .btn-wrap button .icon-arrow-right-black {
  margin: -0.3rem 0 0 0.4rem;
  vertical-align: middle;
}
.new-content-body .form-area.align-hor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-content-body .form-area.align-hor .form-tit-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
}
.new-content-body .form-area.align-hor .form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
.new-content-body .form-area .required::after {
  content: "*";
  color: #364f7f;
}
.new-content-body .form-area .txt-confirm {
  margin: 0.8rem 0 0;
}
.new-content-body .form-area .txt-warn {
  margin: 0.8rem 0 0;
}
.new-content-body .form-item {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.new-content-body .form-item > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.new-content-body .form-item > .inp-box {
  width: 50%;
}
.new-content-body .form-item .form-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding-left: 0.8rem;
}
.new-content-body .form-item .selection-list {
  margin: 0;
}
.new-content-body .form-item + .form-item {
  margin-top: 0.8rem;
}
.new-content-body .form-desc {
  margin-top: 8px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #666;
}
.new-content-body .form-group {
  margin: 24px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-content-body .form-group-label {
  margin-bottom: 4px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #222;
}
.new-content-body .form-group .helper-text {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #364f7f;
}
.new-content-body .seal-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 16px;
  border-radius: 12px;
  background-color: #f8f8f8;
}
.new-content-body .seal-group-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-content-body .seal-group .form-group-label {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.4px;
  color: #222;
}
.new-content-body .seal-group .c-file {
  margin-top: 12px;
}
.new-content-body .seal-group .seal {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.new-content-body .seal-group .seal-img {
  border: 1px solid #fd2e2e;
}
.new-content-body .seal-group .seal-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  border: none;
  background: url("../images/garage/icon24-close-white.svg") no-repeat 50% 50%/44%;
  background-color: rgba(0, 0, 0, 0.6);
  color: transparent;
}
.new-content-body .txt-highlight {
  position: relative;
  z-index: 0;
  color: #222;
  line-height: 1.4;
}
.new-content-body .txt-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 0;
  height: 0.8rem;
  background: #ffcc00;
  display: block;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
  content: "";
}
.new-content-body .txt-highlight.size-s:before {
  height: 0.3rem;
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.new-content-body .content-pop .subcont-area.first {
  padding-top: 0;
  margin-top: 0;
}
.new-content-body .content-pop .subcont-area.type-bg {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.new-content-body .content-pop .bottom-space {
  margin: 0 0 -3rem;
  height: 11rem;
}
.new-content-body .modal-footer {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
  position: absolute;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
}
.new-content-body .modal-footer .btn-grid {
  margin: 0;
}
.new-content-body .subcont-area {
  display: block;
  margin-top: 4.8rem;
}
.new-content-body .subcont-area:first-child {
  margin-top: 0;
}
.new-content-body .subcont-area.first {
  margin-top: 3rem;
}
.new-content-body .subcont-area.depth2 {
  margin-top: 3.2rem;
}
.new-content-body .subcont-area.depth2 .tit-area {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .subcont-area.depth2 .tit-area h3,
.new-content-body .subcont-area.depth2 .tit-area h4,
.new-content-body .subcont-area.depth2 .tit-area label {
  font: inherit;
  color: inherit;
}
.new-content-body .subcont-area.type-divide {
  margin: 0 -1.6rem;
  padding: 3.2rem 1.6rem;
  border-top: 0.8rem solid #f8f8f8;
}
.new-content-body .subcont-area.type-divide.first {
  border-top: 0;
}
.new-content-body .subcont-area.type-divide.last, .new-content-body .subcont-area.type-divide:last-child {
  padding-bottom: 0;
}
.new-content-body .subcont-area.type-bg {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 1.6rem;
  background: #f8f8f8;
}
.new-content-body .subcont-area.type-bg + .subcont-area.type-bg {
  border-top: 0.8rem solid #eee;
  margin-top: 0;
}
.new-content-body .subcont-area.type-bg .bottom-space {
  height: 8rem;
}
.new-content-body .subcont-area.type-white {
  background: #fff !important;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 1.6rem;
}
.new-content-body .subcont-area.type-bg-point {
  z-index: 0;
  position: relative;
  margin-top: -6.8rem;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 2.8rem;
  background: rgba(255, 204, 0, 0.5);
  overflow: hidden;
}
.new-content-body .subcont-area.type-bg-point:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  pointer-events: none;
  background: #fc0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-animation: aniShowBgPoint ease-in-out 0.7s both;
          animation: aniShowBgPoint ease-in-out 0.7s both;
  content: "";
}
@-webkit-keyframes aniShowBgPoint {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes aniShowBgPoint {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
.new-content-body .subcont-area.pd-l {
  padding-left: 1rem;
  padding-right: 1rem;
}
.new-content-body .subcont-area hr.subcont-division {
  border-top: 0.1rem solid #eee;
  margin: 3.2rem 0;
}
.new-content-body .subcont-area hr.subcont-division.size-s {
  margin: 1.6rem 0;
}
.new-content-body .subcont-area .tab-round-border {
  width: auto;
  margin: 0 -1.6rem;
}
.new-content-body .subcont-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
}
.new-content-body .subcont-tit-area.depth2 {
  margin-bottom: 1.6rem;
}
.new-content-body .subcont-tit-area.depth2 .subcont-tit {
  font-size: 1.6rem;
}
.new-content-body .subcont-tit-area .subcont-tit {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
}
.new-content-body .subcont-tit-area .subcont-tit h4 {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
.new-content-body .subcont-tit-area .subcont-tit .btn-tooltip {
  vertical-align: middle;
  margin: -0.3rem 0 0 0.3rem;
}
.new-content-body .subcont-tit-area .subcont-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  font-size: 1.6rem;
}
.new-content-body .subcont-tit-area + .subcont-tag {
  margin-top: -2rem;
}
.new-content-body .subcont-desc {
  margin: 0 0 1.6rem;
  color: #666;
  word-break: keep-all;
}
.new-content-body .subcont-desc .br {
  display: block;
  height: 1rem;
}
.new-content-body .subcont-desc strong {
  color: #444;
}
.new-content-body .subcont-desc.type-primary {
  color: #2589ff;
}
.new-content-body .subcont-desc.type-primary strong {
  color: inherit;
}
.new-content-body .subcont-desc:first-of-type {
  margin-top: -1.4rem;
}
.new-content-body .subcont-desc.size-s {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .subcont-desc.size-s:first-of-type {
  margin-top: -0.8rem;
}
.new-content-body .subcont-desc + .tooltip.type-warn {
  margin-top: -0.8rem;
}
.new-content-body .subcont-tag {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.new-content-body .subcont-tag > span {
  font: inherit;
  margin-right: 0.5rem;
}
.new-content-body .subcont-tag > span:last-child {
  margin-right: 0;
}
.new-content-body .subcont-box {
  display: inline-block;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  padding: 2.4rem;
}
.new-content-body .subcont-box + .subcont-box {
  margin-top: 0.8rem;
}
.new-content-body .subcont-box.type-link {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.new-content-body .subcont-box.type-link .subcont-tit-area {
  margin: 0;
}
.new-content-body .subcont-box.type-banner {
  padding: 0;
  line-height: 0;
}
.new-content-body .subcont-box.type-banner img {
  width: 100%;
  height: auto;
}
.new-content-body .subcont-box.relative {
  position: relative;
}
.new-content-body .subcont-box.pd-s {
  padding: 2rem;
}
.new-content-body .subcont-box .btn-wrap {
  margin-top: 1.6rem;
}
.new-content-body .subcont-box .box-division {
  border: 0;
  border-top: 0.1rem solid #eee;
  margin: 2.4rem 0;
}
.new-content-body .subcont-box .point-box {
  padding: 1.6rem;
}
.new-content-body .subcont-box .point-box.data-area {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.new-content-body .subcont-box .box-link {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.new-content-body .subcont-box .box-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.new-content-body .subcont-box .box-link:after {
  position: absolute;
  right: 3rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border-top: 0.15rem solid #222;
  border-right: 0.15rem solid #222;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  content: "";
}
.new-content-body .subcont-box .subcont-more-util {
  text-align: right;
  margin-bottom: -1.2rem;
}
.new-content-body .subcont-box .info-list {
  margin: -0.8rem;
}
.new-content-body .subcont-box.bg-ts {
  position: relative;
  z-index: 1;
  background: url("../../images/mycar/bg-ts.png") right 2.4rem/16.8rem auto no-repeat #fff;
}
.new-content-body .subcont-box.bg-tire {
  position: relative;
  z-index: 2;
  background: url("../../images/mycar/bg-tire.png") right bottom/34.3rem auto no-repeat #fff;
}
.new-content-body .subcont-box.membership-area {
  position: relative;
  z-index: 1;
  background: url("../../images/mycar/image_membership.png") right 2.4rem top 2.4rem/9.9rem auto no-repeat #fff;
}
.new-content-body .data-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-content-body .data-area.point-box {
  padding-left: 2rem;
  padding-right: 2rem;
}
.new-content-body .data-area.point-box .data-item {
  text-align: center;
}
.new-content-body .data-area.point-box.type-divide .data-item {
  border-left: 0.1rem solid #eee;
}
.new-content-body .data-area.point-box.type-divide .data-item:first-child {
  border-left: 0;
}
.new-content-body .data-area.type-vertical {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.new-content-body .data-area.type-vertical .data-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0;
  text-align: left;
}
.new-content-body .data-area.type-vertical .data-item + .data-item {
  margin-top: 1.6rem;
}
.new-content-body .data-area.type-vertical .data-tit {
  margin-bottom: 0;
}
.new-content-body .data-area.type-flat {
  text-align: center;
}
.new-content-body .data-area.type-flat .data-item {
  border-left: 0.1rem solid #eee;
}
.new-content-body .data-area.type-flat .data-item:first-child {
  border-left: 0;
}
.new-content-body .data-area.type-flat .data-cont {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .data-area.type-icon.point-box {
  padding-top: 16px;
  padding-bottom: 16px;
}
.new-content-body .data-area.type-icon .data-item {
  position: relative;
  padding-left: 54px;
}
.new-content-body .data-area.type-icon .inner-icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 36px;
}
.new-content-body .data-area.type-icon .data-item.size-s .data-tit {
  margin-bottom: 0;
}
.new-content-body .data-area.type-icon .data-item.size-s .data-cont {
  font-size: 14px;
}
.new-content-body .data-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0;
}
.new-content-body .data-item.size-s .data-tit {
  font-size: 1.2rem;
  line-height: 1.4;
}
.new-content-body .data-item.size-s .data-cont {
  font-size: 1.6rem;
  line-height: 1.4;
}
.new-content-body .data-item.size-l .data-tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  margin-bottom: 0.2rem;
}
.new-content-body .data-item.point-box {
  margin-right: 1rem;
  padding: 1.6rem;
  text-align: center;
}
.new-content-body .data-item.point-box:last-child {
  margin-right: 0;
}
.new-content-body .data-tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.6rem;
}
.new-content-body .data-cont {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .data-cont span,
.new-content-body .data-cont strong {
  vertical-align: middle;
}
.new-content-body .data-cont span {
  font-size: inherit;
}
.new-content-body .point-box .data-item {
  border-left: 0;
}
.new-content-body .point-box .data-item .data-tit {
  font-weight: 500;
}
.new-content-body .point-box.type-table {
  padding: 1.2rem 1.6rem;
}
.new-content-body .point-box.type-table > .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.new-content-body .point-box.type-table > .item-row > .item-th {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 40%;
  padding: 0.6rem 1rem 0.4rem 0;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .point-box.type-table > .item-row > .item-td {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 60%;
  padding: 0.4rem 0;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.new-content-body .point-box.pd-s {
  padding: 16px 15px;
}
.new-content-body .governing-icon {
  display: block;
  margin: 0.2rem 0 1.4rem;
}
.new-content-body .governing-icon > span {
  vertical-align: middle;
  margin: 0.2rem 0 0 0.5rem;
}
.new-content-body .governing-icon > span > strong {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  position: relative;
}
.new-content-body .modal-governing-area,
.new-content-body .governing-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
}
.new-content-body .modal-governing,
.new-content-body .governing-cont {
  line-height: 34px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.new-content-body .modal-governing.cmgt-40 {
  margin-top: 40px;
}
.new-content-body .modal-governing-util,
.new-content-body .governing-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: -0.3rem;
  text-align: right;
}
.new-content-body .modal-governing-util .btn-icon-round,
.new-content-body .governing-util .btn-icon-round {
  margin: -0.4rem 0;
}
.new-content-body .modal-governing-desc,
.new-content-body .governing-desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-content-body .modal-governing-desc .desc-txt,
.new-content-body .governing-desc .desc-txt {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
  text-align: left;
  word-break: keep-all;
}
.new-content-body .modal-governing-desc.size-s .desc-txt,
.new-content-body .governing-desc.size-s .desc-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .modal-governing-desc .desc-util,
.new-content-body .governing-desc .desc-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.new-content-body .governing-tags {
  margin: 0.7rem -0.5rem 0;
  font-size: 0;
}
.new-content-body .governing-tags > span {
  display: inline-block;
  vertical-align: middle;
  padding: 0.6rem 0.8rem;
  border-radius: 0.8rem;
  background: #f8f8f8;
  color: #666;
  font-size: 1.4rem;
  margin: 0.5rem;
}
.new-content-body .data-list2 {
  display: table;
  width: 100%;
  margin-top: 4rem;
}
.new-content-body .data-list2 > div {
  display: table-row;
}
.new-content-body .data-list2 > div:first-child {
  padding-top: 0;
}
.new-content-body .data-list2 > div.divide dt, .new-content-body .data-list2 > div.divide .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .new-content-body .data-list2 > div.divide dd {
  padding-top: 3.3rem;
}
.new-content-body .data-list2 > div.divide dd {
  padding-top: 3.2rem;
}
.new-content-body .data-list2 > div > dt, .new-content-body .dealer-detail .data-list2.dealer-detail__status > div > dd, .dealer-detail .new-content-body .data-list2.dealer-detail__status > div > dd {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: table-cell;
  width: 20%;
  vertical-align: top;
  padding-top: 1.5rem;
  padding-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
.new-content-body .data-list2 > div > dt .skeleton-loading, .new-content-body .dealer-detail .data-list2.dealer-detail__status > div > dd .skeleton-loading, .dealer-detail .new-content-body .data-list2.dealer-detail__status > div > dd .skeleton-loading {
  height: 1.4rem;
  margin-right: 2.5rem;
  margin-top: 0.1rem;
}
.new-content-body .data-list2 > div > dt .skeleton-loading:before, .new-content-body .dealer-detail .data-list2.dealer-detail__status > div > dd .skeleton-loading:before, .dealer-detail .new-content-body .data-list2.dealer-detail__status > div > dd .skeleton-loading:before {
  background: #f8f8f8;
}
.new-content-body .data-list2 > div > dd {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: table-cell;
  padding-top: 1.4rem;
  text-align: left;
  font-weight: 400;
  word-break: break-all;
}
.new-content-body .data-list2 > div > dd .skeleton-loading {
  width: 19rem;
}
.new-content-body .data-list2 > div .info-desc {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.8rem;
}
.new-content-body .data-list2 > div .info-desc + .info-desc {
  margin-top: 0.2rem;
}
.new-content-body .data-list2.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-content-body .data-list2.col2::after {
  display: block;
  clear: both;
  content: "";
}
.new-content-body .data-list2.col2 > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}
.new-content-body .data-list2.col2 > div > dd {
  padding-right: 0.5rem;
}
.new-content-body .banner-wrap {
  border-radius: 1.2rem;
  overflow: hidden;
}
.new-content-body .banner-wrap a {
  display: block;
}
.new-content-body .banner-wrap a img {
  display: block;
  width: 100%;
  height: auto;
}
.new-content-body .banner-simple {
  display: inline-block;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff5cc;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.3rem 2.6rem;
  text-decoration: none;
}
.new-content-body .banner-simple .icon40 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.2rem;
}
.new-content-body .banner-simple > strong {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.new-content-body .base-box {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.new-content-body .point-box {
  background-color: #f6f8f9;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.new-content-body .point-box.bg-yellow {
  background: #fffae0;
}
.new-content-body .point-box.type-governing {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  padding: 1.6rem;
  margin-bottom: 3.2rem;
}
.new-content-body .point-box.type-governing .txt {
  font: inherit;
  color: inherit;
}
.new-content-body .point-box.type-chart {
  padding: 1.6rem;
}
.new-content-body .point-box.type-coin {
  position: relative;
}
.new-content-body .point-box.type-coin:before {
  position: absolute;
  right: -1.6rem;
  bottom: 0;
  margin-bottom: -1rem;
  width: 11.8rem;
  height: 9.6rem;
  background: url("../images/sub/bg-coin-box.svg") bottom right/contain no-repeat;
  content: "";
}
.new-content-body .point-box .point-box-tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.new-content-body .point-box .point-box-tit .icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  font-size: 0;
  vertical-align: middle;
}
.new-content-body .point-box .point-box-tit .icon img {
  width: 100%;
}
.new-content-body .point-box .point-box-tit strong {
  font: inherit;
}
.new-content-body .point-box .point-box-cont {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .point-box .inp-box input:disabled, .new-content-body .point-box .inp-box .ico-confirm:disabled {
  -webkit-text-fill-color: inherit !important;
  background: #eee !important;
  border-color: transparent !important;
  color: #888 !important;
}
.new-content-body .point-box .inp-box input:disabled ~ .inp-unit, .new-content-body .point-box .inp-box .ico-confirm:disabled ~ .inp-unit {
  color: #888 !important;
}
.new-content-body .sub-box {
  position: relative;
  background: #f8f8f8;
  padding: 1.6rem;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.new-content-body .sub-box.type-tip {
  padding-left: 4.4rem;
}
.new-content-body .sub-box.type-tip .icon-tip {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.new-content-body .sub-box > p, .new-content-body ul.sub-box.guide-bul > li {
  font: inherit;
}
.new-content-body .tit-area.myasset-header {
  position: relative;
  padding-bottom: 5rem;
}
.new-content-body .tit-area.myasset-header .tit-util {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1.4;
}
.new-content-body .tit-area.myasset-header .txt-highlight {
  font-size: 3rem;
}
.new-content-body .tit-area.myasset-header .txt-highlight .txt-unit {
  margin: 0 0 0 0.2rem;
  vertical-align: middle;
  font-size: 2rem;
  font-weight: 500;
}
.new-content-body .tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt,
.new-content-body .tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt span {
  font: inherit;
  color: inherit;
  text-align: center;
}
.new-content-body .tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt > span {
  margin-left: -0.2rem;
  font-size: 3rem;
  font-weight: 700;
}
.new-content-body .tit-area.myasset-header .txt-highlight.ui-scrollnum:before {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.new-content-body .tit-area {
  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-bottom: 1.5rem;
}
.new-content-body .tit-area.size-s {
  margin-bottom: 0.8rem;
}
.new-content-body .tit-area .tit-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .tit-area .tit-util > span {
  vertical-align: middle;
}
.new-content-body .tit-area .tit-util .form-switch {
  vertical-align: middle;
}
.new-content-body .tit-area .tit-sub {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.8rem;
}
.new-content-body .tit-area.tooltip-wrap h3,
.new-content-body .tit-area.tooltip-wrap h4 {
  display: inline;
  vertical-align: middle;
}
.new-content-body .tit-desc {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-bottom: 2.4rem;
}
.new-content-body .info-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.new-content-body .info-txt i {
  position: absolute;
  top: 0.2rem;
  left: 0;
}
.new-content-body .info-txt em {
  font-style: normal;
}
.new-content-body .info-txt .bold {
  font-weight: 700;
}
.new-content-body strong.bullet-list,
.new-content-body p.bullet-list,
.new-content-body ul.guide-bul > li.bullet-list,
.new-content-body div.bullet-list {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  margin: 1.6rem 0 0.4rem;
  padding-left: 1.2rem;
  text-align: left;
}
.new-content-body strong.bullet-list:before,
.new-content-body p.bullet-list:before,
.new-content-body ul.guide-bul > li.bullet-list:before,
.new-content-body div.bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.new-content-body strong.bullet-list:first-child,
.new-content-body p.bullet-list:first-child,
.new-content-body ul.guide-bul > li.bullet-list:first-child,
.new-content-body div.bullet-list:first-child {
  margin-top: 0;
}
.new-content-body strong.bullet-list.sm,
.new-content-body p.bullet-list.sm,
.new-content-body ul.guide-bul > li.bullet-list.sm,
.new-content-body div.bullet-list.sm {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding-left: 0.8rem;
  margin-top: 0.4rem;
}
.new-content-body strong.bullet-list.sm:before,
.new-content-body p.bullet-list.sm:before,
.new-content-body ul.guide-bul > li.bullet-list.sm:before,
.new-content-body div.bullet-list.sm:before {
  top: 0.9rem;
  width: 0.2rem;
  height: 0.2rem;
}
.new-content-body strong.bullet-list.sm:first-child,
.new-content-body p.bullet-list.sm:first-child,
.new-content-body ul.guide-bul > li.bullet-list.sm:first-child,
.new-content-body div.bullet-list.sm:first-child {
  margin-top: 0;
}
.new-content-body strong.bullet-list.xs,
.new-content-body p.bullet-list.xs,
.new-content-body ul.guide-bul > li.bullet-list.xs,
.new-content-body div.bullet-list.xs {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
.new-content-body strong.bullet-list.xs:before,
.new-content-body p.bullet-list.xs:before,
.new-content-body ul.guide-bul > li.bullet-list.xs:before,
.new-content-body div.bullet-list.xs:before {
  top: 0.5rem;
}
.new-content-body strong.bullet-list.xs:first-child,
.new-content-body p.bullet-list.xs:first-child,
.new-content-body ul.guide-bul > li.bullet-list.xs:first-child,
.new-content-body div.bullet-list.xs:first-child {
  margin-top: 0;
}
.new-content-body strong.bullet-list strong,
.new-content-body p.bullet-list strong,
.new-content-body ul.guide-bul > li.bullet-list strong,
.new-content-body div.bullet-list strong {
  font: inherit;
}
.new-content-body .bullet-list li {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 1.2rem;
  text-align: left;
}
.new-content-body .bullet-list li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.new-content-body .bullet-list li .bullet-list.sm {
  margin-top: 0.8rem;
}
.new-content-body .bullet-list li strong {
  font-size: inherit;
}
.new-content-body .bullet-list li.txt-emphasize {
  line-height: 30px !important;
  color: #222 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04px !important;
  text-decoration: underline;
}
.new-content-body .bullet-list.sm li {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  padding-left: 0.8rem;
}
.new-content-body .bullet-list.sm li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-list.sm li:before {
  top: 0.9rem;
  width: 0.2rem;
  height: 0.2rem;
}
.new-content-body .bullet-list.sm li strong {
  font-size: inherit;
}
.new-content-body .bullet-list.xs li {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
.new-content-body .bullet-list.xs li:before {
  top: 0.5rem;
}
.new-content-body .bullet-list.xs li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-num {
  counter-reset: bullet-num;
}
.new-content-body .bullet-num > li,
.new-content-body .bullet-num > .bullet-num-item {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  margin-top: 0.8rem;
  padding-left: 2rem;
}
.new-content-body .bullet-num > li:before,
.new-content-body .bullet-num > .bullet-num-item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.2rem;
  counter-increment: bullet-num;
  content: counter(bullet-num) ".";
}
.new-content-body .bullet-num > li:first-child,
.new-content-body .bullet-num > .bullet-num-item:first-child {
  margin-top: 0;
}
.new-content-body .bullet-dash > li {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  position: relative;
  padding-left: 10px;
  margin-top: 8px;
}
.new-content-body .bullet-dash > li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-dash > li:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 6px;
  height: 1px;
  background: #222;
  content: "";
}
.new-content-body .bullet-etc > li {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  position: relative;
  padding-left: 16px;
  margin-top: 8px;
}
.new-content-body .bullet-etc > li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-etc > li > .bullet {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 1.4em;
  line-height: 1.4;
  white-space: nowrap;
}
.new-content-body .table-wrap {
  border-top: 1px solid #aaa;
}
.new-content-body .table-wrap caption {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.new-content-body .table-wrap table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.new-content-body .table-wrap table thead th {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
}
.new-content-body .table-wrap table thead td {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.new-content-body .table-wrap table thead td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.new-content-body .table-wrap table thead td .bullet-list.sm li:first-child {
  margin-top: 0;
}
.new-content-body .table-wrap table tbody th {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.new-content-body .table-wrap table tbody td {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.new-content-body .table-wrap table tbody td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.new-content-body .table-wrap table tbody td .bullet-list.sm li:first-child {
  margin-top: 0;
}
.new-content-body .table-wrap table tr:last-child th,
.new-content-body .table-wrap table tr:last-child td {
  border-bottom-color: #aaa;
}
.new-content-body .table-wrap.size-l tbody th {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .table-wrap.size-l tbody td {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.new-content-body .table-wrap.size-all-l {
  margin-top: 0.9rem !important;
}
.new-content-body .table-wrap.size-all-l table thead th,
.new-content-body .table-wrap.size-all-l table thead td,
.new-content-body .table-wrap.size-all-l table tbody th,
.new-content-body .table-wrap.size-all-l table tbody td {
  padding: 1.6rem;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.new-content-body .table-wrap.size-all-l table thead th,
.new-content-body .table-wrap.size-all-l table tbody th {
  font-weight: 500;
}
.new-content-body .table-wrap.size-all-l table tbody th {
  font-weight: 700;
  background-color: transparent;
  vertical-align: middle;
}
.new-content-body .table-wrap.size-s tbody th,
.new-content-body .table-wrap.size-s thead th {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 0.6rem 0.8rem;
}
.new-content-body .table-wrap.size-s tbody td,
.new-content-body .table-wrap.size-s thead td {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  padding: 0.6rem 0.8rem;
}
.new-content-body .table-wrap.scroll-x {
  overflow: auto;
  scroll-behavior: smooth;
}
.new-content-body .table-wrap.scroll-x::-webkit-scrollbar {
  display: none;
}
.new-content-body .table-wrap.scroll-x table {
  width: auto;
}
.new-content-body ul.agree-list-wrap {
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.new-content-body ul.agree-list-wrap > li {
  position: relative;
  padding: 1.6rem;
}
.new-content-body ul.agree-list-wrap > li + li {
  border-top: 1px solid #eee;
}
.new-content-body ul.agree-list-wrap > li > .form-checkbox .txt {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  padding-right: 1rem;
}
.new-content-body ul.agree-list-wrap > li .form-checkbox > .txt.bold {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body ul.agree-list-wrap > li .agree-link {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap {
  position: unset;
  display: block;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap .accordion-header {
  position: absolute;
  top: 2rem;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap .accordion-container {
  position: relative;
  margin-top: 1.6rem;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap .accordion-container .agree-list li {
  padding: 0.6rem 1.6rem 0.6rem 0;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap .accordion-container .agree-list li + li {
  margin: 0;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box {
  padding: 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box .all-check .txt {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box .all-check + .agree-list {
  margin: 1.6rem -1.6rem 0;
  padding: 1.6rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box + .contents-title-300 {
  margin-top: 3.2rem;
}
.new-content-body ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-content-body ul.agree-list-wrap > li .agree-list-head {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
  color: #222;
}
.new-content-body ul.agree-list-wrap > li.first {
  border-top: 0 !important;
}
.new-content-body ul.agree-list-wrap .agree-inline {
  margin: 0.8rem 0;
  padding-left: 3.2rem;
}
.new-content-body ul.agree-list-wrap .agree-inline .agree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-content-body ul.agree-list-wrap .agree-inline .agree-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0 0.6rem !important;
}
.new-content-body ul.agree-list-wrap > li .agree-top {
  position: relative;
  font-size: 0;
  padding-left: 3.2rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top .form-checkbox:not(.type-new) {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.new-content-body ul.agree-list-wrap > li .agree-top .form-checkbox.type-new {
  margin-left: -3.2rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top .txt-link {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
  margin-right: 2.6rem;
  z-index: 1;
}
.new-content-body ul.agree-list-wrap > li .agree-top .txt-link.depth {
  position: relative;
  padding-left: 2rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top .txt-link.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon16-depth.svg) no-repeat center/contain;
}
.new-content-body ul.agree-list-wrap > li .agree-top .agree-link {
  z-index: 2;
  right: 0;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header {
  top: 1.6rem;
  z-index: 3;
  width: calc(100% - 6.4rem);
  height: 2.4rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black {
  position: relative;
  width: 100%;
  height: 2.4rem;
  background-image: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black .icon16, .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black .ico-confirm:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../images/icon/icon16-arrow-bottom-black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.6rem 1.6rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black .icon16, .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black .ico-confirm:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li {
  position: relative;
  font-size: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3.2rem;
  margin-top: 0;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .form-checkbox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 0;
  text-indent: -9999px;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  display: block;
  margin-right: 2.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  z-index: 1;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link.depth {
  position: relative;
  padding-left: 2rem;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon16-depth.svg) no-repeat center/contain;
}
.new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .icon16, .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .type-mydata .inp-box .ico-confirm:after, .type-mydata .inp-box .new-content-body ul.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .ico-confirm:after {
  z-index: 2;
}
.new-content-body ul.agree-list-wrap > li .agree-top + .sub-txt {
  margin-top: 1.6rem;
}
.new-content-body ul.agree-list-wrap > li .sub-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  padding-left: 3.2rem;
}
.new-content-body .agree-list li {
  position: relative;
  margin-top: 0.8rem;
  padding-right: 2.6rem;
}
.new-content-body .agree-list li:first-child {
  margin-top: 0;
}
.new-content-body .agree-list li .icon-arrow-right-gray {
  position: absolute;
  top: 0.2rem;
  right: -0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
  text-indent: -9999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
.new-content-body .agree-list li .accordion-wrap {
  margin-right: -26px;
}
.new-content-body .agree-list li .accordion-wrap .accordion-header {
  position: absolute;
  top: 0.8rem;
  right: -0.4rem;
  padding: 0.4rem;
  width: auto;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container {
  margin-top: 8px;
  padding: 8px;
  background: #f8f8f8;
  border-radius: 12px;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container .agree-list {
  margin: 0;
  padding: 0;
  border-top: none;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container .agree-inline {
  margin-bottom: 0;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container .agree-inline .agree-list {
  margin: 0 -2.6rem 0 -0.3rem;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container .depth-item {
  padding-left: 24px;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container .form-checkbox .txt {
  margin-left: 2px;
}
.new-content-body .agree-list li .accordion-wrap .accordion-container.terms-box {
  border: 0;
}
.new-content-body .agree-list li .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-gray {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-content-body .agree-box {
  padding: 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.new-content-body .agree-box .all-check .txt {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.new-content-body .agree-box .all-check .txt.txt--small {
  font-size: 15px;
}
.new-content-body .agree-box .all-check .txt.bold {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .agree-box .all-check + .agree-list {
  margin: 1.6rem -1.6rem 0;
  padding: 1.6rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.new-content-body .agree-box > .agree-list li {
  margin-top: 0;
  padding: 6px 26px 6px 0;
}
.new-content-body .agree-box + .contents-title-300 {
  margin-top: 3.2rem;
}
.new-content-body .agree-box.type-flat {
  position: relative;
  margin-top: 16px;
  padding: 0;
  border: none;
}
.new-content-body .agree-box.type-flat .all-check-item {
  position: relative;
  padding-right: 24px;
}
.new-content-body .agree-box.type-flat .all-check-item + .agree-list {
  padding: 0 0 0 28px;
  border-top: 1px solid #eee;
  margin: 0;
  border: none;
}
.new-content-body .agree-box.type-flat .all-check-item + .agree-list li {
  margin-top: 0;
  padding: 6px 26px 6px 0;
}
.new-content-body .agree-box.type-flat .all-check-item .icon-arrow-right-gray {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: -8px;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.new-content-body .agree-box.type-flat .all-check {
  margin-bottom: 3px;
}
.new-content-body .agree-box.type-flat .all-check + .agree-list {
  padding: 0 0 0 28px;
  margin: 0;
  border: none;
}
.new-content-body .agree-box.type-flat .all-check + .agree-list .form-checkbox .icon {
  top: -2px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.new-content-body .agree-box.type-flat .all-check + .agree-list .form-checkbox.sm .txt {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .agree-box .agree-inline {
  margin: 0.8rem 0;
  padding-left: 3.2rem;
}
.new-content-body .agree-box .agree-inline .agree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-content-body .agree-box .agree-inline .agree-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0 0.3rem;
}
.new-content-body .agree-inline {
  margin: 0.8rem 0;
  padding-left: 3.2rem;
}
.new-content-body .agree-inline .sub-tit {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.8rem;
}
.new-content-body .agree-inline .agree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-content-body .agree-inline .agree-list li {
  margin: 0;
}
.new-content-body .terms-governing {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin: 4.2rem 0 1.8rem;
}
.new-content-body .terms-governing + .terms-governing-desc {
  margin-top: -1rem;
}
.modal-governing-area + .new-content-body .terms-governing {
  margin-top: 2.4rem;
}
.new-content-body .terms-box {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  max-height: 20rem;
  padding: 1.6rem;
  margin: 1.4rem 0 1.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 1.2rem;
  overflow: auto;
}
.new-content-body .terms-box p, .new-content-body .terms-box ul.guide-bul > li {
  font: inherit;
  color: inherit;
}
.new-content-body .accordion-wrap {
  /* .type-bottom */
}
.new-content-body .accordion-wrap > .accordion-header {
  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;
  padding: 1.6rem 0;
  width: 100%;
}
.new-content-body .accordion-wrap > .accordion-header .acco-left,
.new-content-body .accordion-wrap > .accordion-header .acco-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-content-body .accordion-wrap > .accordion-header .acco-right-txt {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: 400;
  margin-right: 1.6rem;
  display: block;
  max-width: 50vw;
}
.new-content-body .accordion-wrap > .accordion-container {
  display: none;
}
.new-content-body .accordion-wrap.toggle-active > .accordion-container {
  display: block;
}
.new-content-body .accordion-wrap.type-bottom {
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.new-content-body .accordion-wrap.type-bottom .icon-info-black {
  margin-top: 0.4rem;
  margin-right: 0.4rem;
}
.new-content-body .accordion-wrap.type-bottom strong {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0.8rem;
}
.new-content-body .accordion-wrap.type-bottom .icon-arrow-bottom-black {
  margin-top: 0.4rem;
}
.new-content-body .accordion-wrap.type-bottom.toggle-active .icon-arrow-bottom-black {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-content-body .accordion-wrap.type-bottom .accordion-header {
  padding: 1.6rem;
}
.new-content-body .accordion-wrap.type-bottom .accordion-container {
  padding: 0 1.6rem 1.6rem;
}
.new-content-body .accordion-wrap.type-bottom .bullet-list + .bullet-list {
  margin-top: 2.5rem;
}
.new-content-body .terms-governing-desc {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin: 0.8rem 0 1.8rem;
}
.new-content-body .terms-list {
  margin-top: 0.4rem;
}
.new-content-body .terms-list.type-box {
  padding: 1.4rem 1.6rem;
  border-top: 0.1rem solid #aaa;
  border-bottom: 0.1rem solid #aaa;
}
.new-content-body .terms-list dt, .new-content-body .terms-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .new-content-body .terms-list dd {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin: 1.8rem 0 0.4rem;
}
.new-content-body .terms-list dt:first-of-type, .new-content-body .terms-list .dealer-detail .dealer-detail__status > div dd:first-of-type, .dealer-detail .dealer-detail__status > div .new-content-body .terms-list dd:first-of-type {
  margin-top: 0;
}
.new-content-body .terms-list dd {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0.4rem 0;
}
.new-content-body .terms-list dd.txt-red {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.new-content-body .terms-list dd.txt-blue {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.new-content-body .terms-list dd.txt-emphasize {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-decoration: underline;
}
.new-content-body .terms-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.new-content-body .terms-list dd .check-area .sub-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.new-content-body .terms-list dd .check-area .tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .terms-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}
.new-content-body .terms-list ul.bullet-num > li {
  color: inherit;
}
.new-content-body .terms-tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin: 1.8rem 0 0.4rem;
  color: #222;
}
.new-content-body .terms-tit:first-child {
  margin-top: 0;
}
.new-content-body .terms-tit + .terms-tit {
  margin-top: 1rem;
}
.new-content-body .terms-tit + .terms-list {
  margin-top: 0;
}
.new-content-body .terms-wrap > li + li {
  margin-top: 2.4rem;
}
.new-content-body .terms-wrap > li .terms-header {
  margin-bottom: 0.8rem;
}
.new-content-body .terms-wrap > li .terms-header .terms-tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  margin: 0;
}
.new-content-body .terms-wrap > li .terms-contents .terms-txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .terms-wrap > li .terms-contents .bullet-list.sm {
  margin-top: 0.8rem;
}
.new-content-body .terms-wrap > li .terms-contents .info-txt + .bullet-list.sm {
  margin-top: 1.6rem;
}
.new-content-body .terms-wrap > li .terms-contents .info-txt {
  margin-top: 1.6rem;
}
.new-content-body .terms-wrap > li .terms-contents .terms-txt + .info-txt {
  margin-top: 0.8rem;
}
.new-content-body .terms-wrap.first {
  padding-top: 1.6rem;
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 2.4rem;
}
.new-content-body .terms-txt-s {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .terms-sign-area {
  display: table;
  width: 100%;
  margin-top: 1.6rem;
}
.new-content-body .terms-sign-area .terms-sign-util {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: table-cell;
  white-space: nowrap;
  text-align: right;
  vertical-align: bottom;
  padding-left: 1.6rem;
}
.new-content-body .terms-tit-d2 {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin: 2.4rem 0 0.8rem;
  color: #222;
  font-weight: 500;
}
.new-content-body .terms-tit-d2.first {
  margin-top: 0;
}
.new-content-body .terms-txt-sub {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #888;
  margin-top: 0.2rem;
}
.new-content-body .terms-sign {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  font-weight: 400;
}
.new-content-body .terms-sign strong {
  text-decoration: underline;
}
.new-content-body .terms-state-area {
  position: relative;
  padding: 1.8rem 7.3rem 2.2rem 1rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
}
.new-content-body .terms-state-area .state-progress {
  position: relative;
}
.new-content-body .terms-state-area .state-progress .state-progress-txt-area {
  padding-bottom: 0.8rem;
}
.new-content-body .terms-state-area .state-progress .state-progress-txt-area li {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}
@media screen and (max-width: 320px) {
  .new-content-body .terms-state-area .state-progress .state-progress-txt-area li {
    font-size: 1.1rem;
  }
}
.new-content-body .terms-state-area .state-progress .state-progress-txt-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.new-content-body .terms-state-area .state-progress .state-progress-bar-area {
  overflow: hidden;
  border-radius: 0.9rem;
}
.new-content-body .terms-state-area .state-progress .state-progress-bar-area li {
  float: left;
  height: 1.8rem;
}
.new-content-body .terms-state-area .state-progress .state-progress-bar-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.new-content-body .terms-state-area .state-progress .icon-graph-arrow {
  position: absolute;
  bottom: -0.9rem;
  margin-left: -0.8rem;
  background: url("../images/sub/icon-graph-arrow.svg") no-repeat center/contain;
}
.new-content-body .terms-state-area .qr-code {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #eee;
  width: 5.2rem;
  height: 5.2rem;
}
.new-content-body .terms-state-area .qr-code img {
  width: 100%;
}
.new-content-body .terms-check-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.6rem 0;
  font-size: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.new-content-body .terms-check-list .icon-item > i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  padding: 0.2rem 0.8rem;
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  border-radius: 1.2rem;
}
.new-content-body .terms-check-list .icon-item > i.positive {
  background-color: #57b24c;
}
.new-content-body .terms-check-list .icon-item > i.very-positive {
  background-color: #00a0c5;
}
.new-content-body .terms-check-list li + li {
  margin-left: 2.4rem;
}
.new-content-body .terms-check-list li label {
  position: relative;
  display: inline-block;
  padding-left: 2.4rem;
  line-height: 1.6rem;
}
.new-content-body .terms-check-list li label input, .type-mydata .inp-box .new-content-body .terms-check-list li label .ico-confirm, .new-content-body .terms-check-list li label .inp-box .ico-confirm, .new-content-body .inp-box .terms-check-list li label .ico-confirm {
  display: none;
}
.new-content-body .terms-check-list li label input:-moz-read-only + i, .type-mydata .inp-box .new-content-body .terms-check-list li label .ico-confirm:-moz-read-only + i, .new-content-body .terms-check-list li label .inp-box .ico-confirm:-moz-read-only + i, .new-content-body .inp-box .terms-check-list li label .ico-confirm:-moz-read-only + i {
  background: #f8f8f8;
}
.new-content-body .terms-check-list li label input:disabled + i, .type-mydata .inp-box .new-content-body .terms-check-list li label .ico-confirm:disabled + i, .new-content-body .terms-check-list li label .inp-box .ico-confirm:disabled + i, .new-content-body .inp-box .terms-check-list li label .ico-confirm:disabled + i,
.new-content-body .terms-check-list li label input:read-only + i,
.type-mydata .inp-box .new-content-body .terms-check-list li label .ico-confirm:read-only + i,
.new-content-body .terms-check-list li label .inp-box .ico-confirm:read-only + i,
.new-content-body .inp-box .terms-check-list li label .ico-confirm:read-only + i {
  background: #f8f8f8;
}
.new-content-body .terms-check-list li label input:checked + i:before, .type-mydata .inp-box .new-content-body .terms-check-list li label .ico-confirm:checked + i:before, .new-content-body .terms-check-list li label .inp-box .ico-confirm:checked + i:before, .new-content-body .inp-box .terms-check-list li label .ico-confirm:checked + i:before {
  position: absolute;
  left: 0.4rem;
  top: 0.1rem;
  display: block;
  width: 0.4rem;
  height: 0.8rem;
  border-right: 0.2rem solid #aaa;
  border-bottom: 0.2rem solid #aaa;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.6;
  content: "";
}
.new-content-body .terms-check-list li label i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #ddd;
}
.new-content-body .terms-check-list li label .txt {
  display: inline-block;
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.new-content-body .product-intro {
  display: table;
  width: 100%;
}
.new-content-body .product-intro .product-intro__head {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 16px;
}
.new-content-body .product-intro .product-intro__cont {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.new-content-body .product-intro .product-intro__tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.new-content-body .product-intro .product-intro__desc {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #666;
}
.new-content-body .product-step-box {
  position: relative;
  margin-top: 32px;
  background: #f8f8f8;
  border-radius: 12px;
  padding: 20px;
}
.new-content-body .product-step-box .product-step-box__tit {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.new-content-body .product-step-box.product-step-box--transparent {
  background: none;
  padding: 0;
}
.new-content-body .product-step-box.product-step-box--transparent .product-step > li:last-child .product-step__num:before {
  background: #fff;
}
.new-content-body .product-step {
  position: relative;
}
.new-content-body .product-step:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 33px;
  width: 1px;
  display: block;
  border-right: 1px dashed #222;
  content: "";
}
.new-content-body .product-step > li {
  display: table;
  width: 100%;
}
.new-content-body .product-step > li:last-child .product-step__num,
.new-content-body .product-step > li:last-child .product-step__cont {
  padding-bottom: 0;
}
.new-content-body .product-step > li:last-child .product-step__num:before {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 0;
  width: 10px;
  background: #f8f8f8;
  display: block;
  content: "";
}
.new-content-body .product-step .product-step__num {
  position: relative;
  display: table-cell;
  width: 40px;
  vertical-align: top;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 30px;
}
.new-content-body .product-step .product-step__num:after {
  position: absolute;
  top: 2px;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fc0;
  border: 1px solid #222;
  content: "";
}
.new-content-body .product-step .product-step__cont {
  position: relative;
  display: table-cell;
  width: calc(100% - 40px);
  padding: 0 0 30px 50px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}
.new-content-body .product-step .product-step__cont p, .new-content-body .product-step .product-step__cont ul.guide-bul > li {
  font: inherit;
  color: inherit;
}
.new-content-body .product-step .product-step__icon {
  position: absolute;
  top: -5px;
  left: 8px;
}
.new-content-body .product-step .product-step__desc {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.new-content-body .product-step.product-step--noicon:before {
  left: 5px;
}
.new-content-body .product-step.product-step--noicon .product-step__num {
  padding-left: 20px;
  font-size: 16px;
  padding-bottom: 16px;
}
.new-content-body .product-step.product-step--noicon .product-step__num:after {
  left: 0;
}
.new-content-body .product-step.product-step--noicon .product-step__num:before {
  background: #fff;
  left: 0;
}
.new-content-body .product-step.product-step--noicon .product-step__cont {
  padding-left: 15px;
  padding-bottom: 16px;
}
.new-content-body .product-info {
  position: relative;
  text-align: center;
  text-decoration: none;
}
.new-content-body .product-info .more-util {
  position: relative;
  margin: -8px -8px 24px;
  min-height: 1px;
}
.new-content-body .product-info .more-util .btn-txt {
  position: absolute;
  top: 0;
  right: 0;
}
.new-content-body .product-info .tag-point-area {
  text-align: left;
}
.new-content-body .product-info .visual {
  margin-bottom: 20px;
}
.new-content-body .product-info .desc {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  display: block;
  margin-bottom: 8px;
}
.new-content-body .product-info .tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.new-content-body .product-info .btn-grid {
  margin-top: 20px;
}
.new-content-body .product-info .balloon-area {
  z-index: 2;
  position: absolute;
  top: -6px;
  right: 0;
  -webkit-animation: aniBalloonUpInfinite cubic-bezier(0, 0, 0.63, 1.15) 8s both 0.4s infinite;
          animation: aniBalloonUpInfinite cubic-bezier(0, 0, 0.63, 1.15) 8s both 0.4s infinite;
}
.new-content-body .product-info .product-info-footer {
  background: #fff8df;
  color: #222;
  text-align: center;
  border-radius: 10px;
  padding: 6px;
  margin-top: 12px;
}
.new-content-body .product-info .product-info-footer strong {
  font-size: 14px;
  font-weight: 700;
}
.new-content-body .product-info .product-info-footer .txt-sale {
  color: #666;
}
.new-content-body .product-info.type-vertical {
  display: inline-block;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  display: block;
  width: 100%;
  padding: 20px;
  margin-top: 10px;
}
.new-content-body .product-info.type-vertical .product-info-grid {
  position: relative;
  text-align: left;
  padding-right: 45px;
}
.new-content-body .product-info.type-vertical .product-info-grid .visual {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.new-content-body .product-info.type-vertical .product-info-grid:only-child {
  padding: 7px 0;
}
.new-content-body .product-info.type-vertical .desc {
  margin: 4px 0 0;
}
.new-content-body .product-info.type-vertical .grid-justify {
  margin-top: 12px;
}
.new-content-body .product-info.type-vertical .grid-util {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.new-content-body .product-info.type-kb-cert:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 16px;
  border: 1px solid #fc0;
  background: url("../images/sub/ribbon-kb-cert.svg") 0 0/37px auto no-repeat;
  content: "";
}
.new-content-body .product-info.type-point:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 16px;
  border: 1px solid #fc0;
  content: "";
}
@keyframes aniBalloonUpInfinite {
  0% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  6%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
  85%, 100% {
    -webkit-transform: translateY(10px) scale(0.95);
            transform: translateY(10px) scale(0.95);
    opacity: 0;
  }
}
.new-content-body .btn-rectangle {
  display: inline-block;
  padding: 6px 8px;
  height: 28px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
.new-content-body .btn-rectangle:disabled {
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.new-content-body .btn-rectangle.size-l {
  height: 5.6rem;
  line-height: 5.6rem;
  border-radius: 1.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding: 0 1.6rem;
  border-color: #666;
  color: #222;
}
.new-content-body .btn-rectangle.bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.new-content-body .btn-rectangle.bg-yellow:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.new-content-body .loan-cost-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.new-content-body .loan-cost-area .tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-bottom: 0.2rem;
}
.new-content-body .loan-cost-area .util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.new-content-body .loan-cost-area .txt-s {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.new-content-body .loan-cost-area .txt-highlight {
  font-size: 1.8rem;
}
.new-content-body .loan-cost-area .txt-highlight strong {
  font-size: 2rem;
}
.new-content-body .loan-cost-area .txt-highlight:before {
  height: 0.5rem;
}
.new-content-body .product-calc-list li {
  margin-top: 1.6rem;
}
.new-content-body .product-calc-list li:first-child {
  margin-top: 0;
}
.new-content-body .product-calc-item {
  background: #fff;
  border: 0.1rem solid #ddd;
  border-radius: 1.2rem;
}
.new-content-body .product-calc-item .product-calc-header {
  padding: 2rem;
}
.new-content-body .product-calc-item .product-calc-header .tag-point-area {
  margin-bottom: 1.2rem;
}
.new-content-body .product-calc-item .product-calc-tit {
  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;
}
.new-content-body .product-calc-item .product-calc-tit .tit {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.new-content-body .product-calc-item .product-calc-tit .tit-sub {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.new-content-body .product-calc-item .product-calc-tit .util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.new-content-body .product-calc-item .product-calc-footer {
  padding: 0.2rem 2rem;
  border-top: 0.1rem solid #eee;
}
.new-content-body .product-calc-item .data-list2 {
  padding: 1.8rem 0;
  border-top: 0.1rem solid #eee;
  margin: 0;
}
.new-content-body .product-calc-item .data-list2:first-child {
  border-top: 0;
}
.new-content-body .product-calc-item .data-list2 dt,
.new-content-body .product-calc-item .data-list2 dd {
  padding-top: 0;
  vertical-align: middle;
}
.new-content-body .product-calc-item .data-list2 .inline-select {
  font-weight: 700;
}
.new-content-body .lease-calc-list > li {
  border-bottom: 0.1rem solid #eee;
}
.new-content-body .lease-calc-list > li.no-divide {
  border-bottom: 0;
}
.new-content-body .lease-calc-list .desc {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.new-content-body .lease-calc-list .lease-calc-data {
  display: table;
  width: 100%;
}
.new-content-body .lease-calc-list .lease-calc-data > span,
.new-content-body .lease-calc-list .lease-calc-data > strong {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 1.6rem 0;
}
.new-content-body .lease-calc-list .lease-calc-data .tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  white-space: nowrap;
}
.new-content-body .lease-calc-list .lease-calc-data .cont {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: right;
}
.new-content-body .lease-calc-list .lease-calc-data.type-result .tit {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .lease-calc-list .lease-calc-data.type-result .cont {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.new-content-body .lease-calc-list .lease-calc-data.type-result .txt-highlight {
  line-height: 34px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 2.2rem;
  margin: 0.2rem 0 0 0.5rem;
}
.new-content-body .lease-calc-list .lease-calc-data.type-result .txt-highlight em {
  font-size: 2.4rem;
}
.new-content-body .lease-calc-list .form-box {
  padding-bottom: 1.6rem;
}
.new-content-body .lease-calc-list .radio-box-colgroup {
  margin-bottom: 1.6rem;
}
.new-content-body .appdown-model {
  position: relative;
  height: 343px;
  text-align: center;
  background: url("../images/common/img-app-model.png") center bottom/contain no-repeat;
}
.new-content-body .appdown-model .appdown-model__cont {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 32px;
}
.new-content-body .appdown-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px -7px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.new-content-body .appdown-boxs .point-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 7px;
  padding: 16px 10px;
}
.new-content-body .appdown-boxs .appdown-boxs__img {
  font-size: 0;
  width: 80px;
  max-width: 80%;
  margin: 0 auto 12px;
}
.new-content-body .appdown-boxs .appdown-boxs__img img {
  width: 100%;
}
.new-content-body .appdown-boxs .appdown-boxs__tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .appdown-boxs .appdown-boxs__desc {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 6px;
}
.new-content-body .img-full img {
  display: block;
  width: 100%;
}
.new-content-body .service-icon-list {
  text-align: center;
}
.new-content-body .service-icon-list::after {
  display: block;
  clear: both;
  content: "";
}
.new-content-body .service-icon-list.screenon li.ui-fadeitem {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.new-content-body .service-icon-list.screenon li.ui-fadeitem:nth-child(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.new-content-body .service-icon-list.screenon li.ui-fadeitem:nth-child(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.new-content-body .service-icon-list.screenon li.ui-fadeitem:nth-child(3) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.new-content-body .service-icon-list.screenon li.ui-fadeitem:nth-child(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.new-content-body .service-icon-list ~ .btn-area.ui-fadeitem {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.new-content-body .service-icon-list > li {
  position: relative;
  float: left;
  width: 33.3333333333%;
}
.new-content-body .service-icon-list > li .icon-arrow-right-black {
  position: absolute;
  top: 3.5rem;
  right: 0;
  margin: -0.8rem -0.8rem 0 0;
}
.new-content-body .service-icon-list .inner-icon {
  display: block;
}
.new-content-body .service-icon-list .inner-txt {
  display: block;
  margin-top: 2rem;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
}
.new-content-body .service-icon-list.type-hor {
  text-align: left;
}
.new-content-body .service-icon-list.type-hor > li {
  float: none;
  width: 100%;
  padding: 2.6rem 1.6rem;
  border-bottom: 0.1rem solid #ddd;
}
.new-content-body .service-icon-list.type-hor > li::after {
  display: block;
  clear: both;
  content: "";
}
.new-content-body .service-icon-list.type-hor > li:first-child {
  padding-top: 0;
}
.new-content-body .service-icon-list.type-hor .inner-icon {
  float: left;
  display: block;
  text-align: center;
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 auto;
  line-height: 6.4rem;
  border-radius: 50%;
  background-color: rgba(255, 204, 0, 0.3);
}
.new-content-body .service-icon-list.type-hor .tit {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.new-content-body .service-icon-list.type-hor .inner-txt {
  float: left;
  margin: 0;
  padding-left: 2rem;
  color: #666;
}
.new-content-body .service-icon-list.col4 > li {
  width: 25%;
}
.new-content-body .type-new-terms {
  height: auto;
  border: none;
  border-radius: 0;
  padding: 0;
}
.new-content-body .type-new-terms .url-txt {
  display: inline;
  word-break: break-word;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .terms-wrap ~ .terms-wrap {
  padding-top: 3.2rem;
}
.new-content-body .type-new-terms .date-txt {
  padding-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  font-weight: 400;
}
.new-content-body .type-new-terms .date-txt + .terms-item-area {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-header {
  padding-top: 1.6rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.new-content-body .type-new-terms .terms-top-area.first {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-top-area.next {
  border-top: 1px solid #eee;
  padding-top: 2.4rem !important;
}
.new-content-body .type-new-terms .terms-top-area .tit-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.new-content-body .type-new-terms .terms-top-area .tit-txt + .con-txt {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-top-area .tit-txt ~ .tit-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-order1 {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-top-area {
  padding-top: 3.2rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-item-area {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-item-area.pt0 {
  padding-top: 0;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-item-area.pt08 {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-item-area.pt16 {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-item-area.pt32 {
  padding-top: 3.2rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-square-area {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-bottom-area {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .item-list {
  margin-top: 3.2rem;
}
.new-content-body .type-new-terms .terms-top-area ~ .terms-btn-txt-area {
  margin-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-top-area .con-txt {
  display: block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-top-area .con-txt2 {
  display: block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-btn-txt-area {
  text-align: right;
}
.new-content-body .type-new-terms .terms-item-area .tit-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.new-content-body .type-new-terms .terms-item-area .tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-item-area .tit-txt ~ .con-txt.pt02 {
  padding-top: 0.2rem;
}
.new-content-body .type-new-terms .terms-item-area .bottom-tit-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-item-area .bottom-tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-item-area .con-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li .symbol-num .num-txt {
  font-weight: 400;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-top-area .tit-txt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item ~ .terms-order1-item {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2.ty-2 .bul-txt,
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2.ty-2 .num-txt,
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2.ty-2 .list-txt {
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .bul-txt,
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .num-txt,
.new-content-body .type-new-terms .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .list-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.new-content-body .type-new-terms .terms-item-area ~ .terms-item-area {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-order1.type2 {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order1.type3 {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1.type3 .terms-order2 {
  margin-top: 0;
}
.new-content-body .type-new-terms .terms-order1.type3 .terms-order1-item ~ .terms-order1-item {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1.type4 {
  margin-top: 0.2rem;
}
.new-content-body .type-new-terms .terms-order1.type4 li {
  margin-top: 0.2rem;
}
.new-content-body .type-new-terms .terms-order1 > dd {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order1 > dd + dt, .new-content-body .type-new-terms .dealer-detail .dealer-detail__status > div .terms-order1 > dd + dd, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .terms-order1 > dd + dd {
  margin-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-order1 > dd + dd {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order1 > dd + dd .terms-order4 {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5 {
  position: relative;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-num {
  padding-left: 1.8rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-num .circle-num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-circle-num {
  padding-left: 2rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-circle-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-circle-num .circle-num-txt {
  position: absolute;
  top: 0.3rem;
  left: 0;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-circle-num .circle-color-fill {
  position: absolute;
  top: 0.3rem;
  left: 0;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #666;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-circle-num ~ .terms-order2 {
  padding-left: 2rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-bar {
  position: relative;
  padding-left: 1.2rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-bar .bar-txt {
  position: absolute;
  top: 0.35rem;
  left: 0.1rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-bar .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-bar ~ .symbol-bar {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-dot-num {
  position: relative;
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-dot-num .dot-num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-order1 > li h5.symbol-dot-num .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item ~ .terms-order1-item {
  padding-top: 2.4rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num + .terms-top-area {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num + .terms-top-area + .terms-order2 .terms-order2-item-char {
  margin-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 {
  position: relative;
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 .num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 + .terms-top-area {
  padding-top: 1.6rem;
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 + .terms-top-area + .terms-order2 .terms-order2-item-char {
  margin-top: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 .terms-order3 {
  padding-left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li.terms-order1-item .symbol-num2 .terms-order3 .terms-order2-item-char .symbol-char .char-txt {
  font-weight: 400;
}
.new-content-body .type-new-terms .terms-order1 > li > .num-con-txt {
  display: block;
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) {
  padding-left: 1.8rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) > li {
  position: relative;
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order2-con-txt {
  padding-top: 0.8rem;
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 {
  padding-left: 2.3rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li {
  position: relative;
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li.symbol-bul {
  padding-left: 1rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .list-txt .txt-underline {
  display: inline;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num {
  position: relative;
  padding-left: 2rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 {
  margin-top: 0.8rem;
  padding-left: 1.8rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2.ty-2 {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2.ty-2 li {
  margin-top: 0;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-bul {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 1.3rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-num-op {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-num-op .num-op-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-num-op ~ .symbol-num-op {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-char {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 2rem;
}
.new-content-body .type-new-terms .terms-order1 > li .terms-order2 .symbol-char .char-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 > li.symbol-bul {
  position: relative;
  padding-left: 1rem;
}
.new-content-body .type-new-terms .terms-order1 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order1 .table-wrap {
  margin-top: 1.6rem;
}
.new-content-body .type-new-terms .bottom-txt {
  position: relative;
  margin-top: 2.4rem;
}
.new-content-body .type-new-terms .bottom-txt .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .bottom-txt .bul-txt + .list-txt {
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) {
  padding-left: 0;
}
.new-content-body .type-new-terms .terms-order4:not(p, div).ty-2 li {
  margin-top: 0.2rem;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) li {
  position: relative;
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-num, .new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-bul {
  position: relative;
  padding-left: 1.9rem;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-num .num-txt,
.new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-num .bul-txt, .new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-bul .num-txt,
.new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) li.symbol-bul {
  padding-left: 1.1rem;
}
.new-content-body .type-new-terms .terms-order4:not(p, div) .terms-order2 .num-txt,
.new-content-body .type-new-terms .terms-order4:not(p, div) .terms-order2 .bul-txt {
  font-weight: 500 !important;
}
.new-content-body .type-new-terms .terms-order4 {
  margin-top: 0.8rem;
  padding-left: 1.9rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.new-content-body .type-new-terms .terms-order4.ty-2 {
  margin-top: 0.2rem;
}
.new-content-body .type-new-terms .terms-order4 .symbol-num2 {
  position: relative;
  padding-left: 1.6rem;
}
.new-content-body .type-new-terms .terms-order4 .symbol-num2 .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.new-content-body .type-new-terms .terms-order4 .symbol-num2 .num-txt,
.new-content-body .type-new-terms .terms-order4 .symbol-num2 .list-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.new-content-body .type-new-terms .con-txt + .terms-order4,
.new-content-body .type-new-terms .con-txt + .terms-order1 {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .con-txt,
.new-content-body .type-new-terms .circle-num-txt,
.new-content-body .type-new-terms .num-txt,
.new-content-body .type-new-terms .tit-txt,
.new-content-body .type-new-terms .bul-txt,
.new-content-body .type-new-terms .list-txt,
.new-content-body .type-new-terms .char-txt,
.new-content-body .type-new-terms .square-txt,
.new-content-body .type-new-terms .num-op-txt,
.new-content-body .type-new-terms .txt-underline {
  display: block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.new-content-body .type-new-terms .txt-underline {
  display: inline;
  position: relative;
  padding-bottom: 0.1rem;
  text-decoration: underline;
}
.new-content-body .type-new-terms .con-txt,
.new-content-body .type-new-terms .bul-txt,
.new-content-body .type-new-terms .list-txt,
.new-content-body .type-new-terms .num-op-txt {
  font-weight: 300;
}
.new-content-body .type-new-terms .con-txt.s-title,
.new-content-body .type-new-terms .bul-txt.s-title,
.new-content-body .type-new-terms .list-txt.s-title,
.new-content-body .type-new-terms .num-op-txt.s-title {
  font-weight: 500;
}
.new-content-body .type-new-terms .num-txt,
.new-content-body .type-new-terms .tit-txt,
.new-content-body .type-new-terms .char-txt,
.new-content-body .type-new-terms .square-txt,
.new-content-body .type-new-terms .txt-underline {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.new-content-body .type-new-terms .char-txt {
  font-weight: 500;
}
.new-content-body .type-new-terms .list-txt .tit-txt {
  display: inline;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #222222;
}
.new-content-body .type-new-terms .list-txt + .list-con-txt {
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
}
.new-content-body .type-new-terms .list-con-txt {
  margin-top: 0.8rem;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .char-txt + .tit-txt {
  padding-left: 0.4rem;
  font-weight: 500;
}
.new-content-body .type-new-terms .item-list dt, .new-content-body .type-new-terms .item-list .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .item-list dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.new-content-body .type-new-terms .item-list dt.first, .new-content-body .type-new-terms .item-list .dealer-detail .dealer-detail__status > div dd.first, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .item-list dd.first {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .item-list dt.dd-txt, .new-content-body .type-new-terms .item-list .dealer-detail .dealer-detail__status > div dd.dd-txt, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .item-list dd.dd-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .type-new-terms .item-list dt.first-top, .new-content-body .type-new-terms .item-list .dealer-detail .dealer-detail__status > div dd.first-top, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .item-list dd.first-top {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li {
  position: relative;
  padding-left: 1.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-black {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-black:before {
  top: 1.2rem;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-blue {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
  font-weight: 700;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-blue:before {
  top: 1.2rem;
  background-color: #2589ff;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-blue2 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
  font-weight: 700;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-blue2:before {
  top: 1.2rem;
  background-color: #2589ff;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li.txt-emphasize {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li:before {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
  content: "";
  clear: both;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #888;
}
.new-content-body .type-new-terms .item-list dd > .top-bullet-list li ~ li {
  margin-top: 1.6rem;
}
.new-content-body .type-new-terms .item-list dd.txt-blue {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.new-content-body .type-new-terms .item-list dd.txt-blue2 {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.new-content-body .type-new-terms .item-list dd.txt-black {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #222;
}
.new-content-body .type-new-terms .item-list dd.txt-emphasize {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.new-content-body .type-new-terms .item-list dd + dt, .new-content-body .type-new-terms .item-list .dealer-detail .dealer-detail__status > div dd + dd, .dealer-detail .dealer-detail__status > div .new-content-body .type-new-terms .item-list dd + dd {
  margin-top: 3.2rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap {
  margin-top: 0.8rem;
  border-top: 1px solid #eee;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table {
  table-layout: fixed;
  width: 100%;
  border-collapse: unset;
  border-spacing: 0;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list {
  position: relative;
  margin-top: 1.4rem;
  padding-top: 1.4rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list:first-of-type {
  margin: 0;
  padding: 0;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list ~ .bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #eee;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list li {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list li:first-child {
  margin-top: 0;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td .bullet-list + p, .new-content-body .type-new-terms .item-list dd .table-wrap table tbody td ul.guide-bul > .bullet-list + li {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.new-content-body .type-new-terms .item-list dd .table-wrap caption {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.new-content-body .type-new-terms .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.new-content-body .type-new-terms .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.new-content-body .type-new-terms .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}
.new-content-body .type-new-terms .item-list dd .check-area .terms-check-list.evenly {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #eee;
}
.new-content-body .type-new-terms .item-list dd .check-area + .table-wrap {
  margin-top: 2.4rem;
}
.new-content-body .type-new-terms .info-txt {
  margin-top: 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.new-content-body .type-new-terms .info-txt i {
  top: 0.2rem;
  position: absolute;
  left: 0;
}
.new-content-body .type-new-terms .info-txt.bold {
  font-weight: 700;
}
.new-content-body .type-new-terms .info-txt .bold {
  font-weight: 700;
}
.new-content-body .type-new-terms .info-txt.bullet {
  padding-left: 0.8rem;
}
.new-content-body .type-new-terms .info-txt.bullet:before {
  display: block;
  content: "";
  clear: both;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #888;
  top: 1rem;
  position: absolute;
  left: 0;
}
.new-content-body .type-new-terms .info-list-txt {
  padding-top: 1.6rem;
}
.new-content-body .type-new-terms .info-list-txt ul li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.new-content-body .type-new-terms .info-list-txt ul li .icon-mark {
  top: 0;
  position: absolute;
  left: 0;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
}
.new-content-body .type-new-terms .info-list-txt ul li.bold {
  font-weight: 700;
}
.new-content-body .type-new-terms .info-list-txt ul li ~ li {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .info-list-txt ul.bold {
  font-weight: 700;
}
.new-content-body .type-new-terms .terms-normal-list {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-normal-list > li {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-normal-list > li .tit-txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-normal-list > li .con-txt {
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-normal-list > li .terms-normal-sub-list > li {
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box {
  position: relative;
  margin-top: 0.8rem;
  padding-left: 1.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box .bullet-txt {
  position: absolute;
  top: 0.9rem;
  left: 0.5rem;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #666;
  border-radius: 50%;
}
.new-content-body .type-new-terms .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box .normal-tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .finger-arrow-list {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .finger-arrow-list li ~ li {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .finger-arrow-list .finger-arrow-list-box {
  position: relative;
  padding-left: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .finger-arrow-list .finger-arrow-list-box .icon-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .finger-arrow-list .table-wrap {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .terms-order2 > li .finger-arrow-list {
  padding-top: 0;
}
.new-content-body .type-new-terms .finger-arrow-item {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .con-finger-arrow-list {
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .con-finger-arrow-list li ~ li {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .con-finger-arrow-list .finger-arrow-list-box {
  position: relative;
  padding-left: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .con-finger-arrow-list .finger-arrow-list-box .icon-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.new-content-body .type-new-terms .symbol-bullet-list {
  padding-top: 0.8rem;
}
.new-content-body .type-new-terms .symbol-bullet-list li {
  position: relative;
  padding-left: 1.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.new-content-body .type-new-terms .symbol-bullet-list li:before {
  position: absolute;
  top: 1.1rem;
  left: 0.6rem;
  display: block;
  content: "";
  clear: both;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #666;
}
.new-content-body .type-new-terms .symbol-bullet-list li ~ li {
  margin-top: 0.8rem;
}
.new-content-body .type-new-terms .symbol-bullet-list li .circle-num-txt {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-content-body .type-new-terms .link-txt {
  cursor: unset;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
.new-content-body .type-new-terms .link-txt:hover, .new-content-body .type-new-terms .link-txt:focus, .new-content-body .type-new-terms .link-txt:active {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
.new-content-body .type-new-terms .digit2 {
  margin-left: 0.7rem;
}
.new-content-body .type-new-terms .state-area {
  position: relative;
  padding: 1.8rem 7.3rem 2.2rem 1rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
}
.new-content-body .type-new-terms .state-area .state-progress {
  position: relative;
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-txt-area {
  padding-bottom: 0.8rem;
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-txt-area li {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}
@media screen and (max-width: 320px) {
  .new-content-body .type-new-terms .state-area .state-progress .state-progress-txt-area li {
    font-size: 1.1rem;
  }
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-txt-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-bar-area {
  overflow: hidden;
  border-radius: 0.9rem;
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-bar-area li {
  float: left;
  height: 1.8rem;
}
.new-content-body .type-new-terms .state-area .state-progress .state-progress-bar-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.new-content-body .type-new-terms .state-area .state-progress .icon-graph-arrow {
  position: absolute;
  bottom: -0.9rem;
  margin-left: -0.8rem;
}
.new-content-body .type-new-terms .state-area .qr-code {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #eee;
  width: 5.2rem;
  height: 5.2rem;
}
.new-content-body .type-new-terms .state-area .qr-code img {
  width: 100%;
}

.btn-search2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon16-search.svg") center right 20px/24px auto no-repeat;
  border: none;
}
.btn-search2 span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.main-searchbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: none;
  border: none;
  background: #eee;
  text-decoration: none;
  min-width: 0;
}
.main-searchbox .searchbox-inp {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
}
.main-searchbox .searchbox-inp .inp {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  line-height: inherit;
  text-align: left;
  padding: 0 0 0 1.5rem;
  background: none;
  font-size: 1.6rem;
  color: #222;
}
.main-searchbox .btn-search2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5rem;
  height: auto;
}
.main-searchbox.type-line {
  background: #fff;
  border-radius: 1.2rem;
  border: 0.1rem solid #aaa;
  height: 4.8rem;
}
.main-searchbox.type-line .searchbox-inp .inp {
  padding: 0 1rem 0 1.5rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-webkit-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-moz-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp:-ms-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-ms-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .ui-inp-clearbtn {
  right: 1.6rem;
}
.main-searchbox.type-line .btn-search2 {
  background: url("../images/sub/icon16-search.svg") right 12px center/24px auto no-repeat;
}
.main-searchbox.type-line .btn-rectangle {
  margin-right: 8px;
  -ms-flex-item-align: center;
      align-self: center;
}
.header.type-new .main-searchbox {
  margin: 8px 16px 0;
}
.main-searchbox .search-word-area {
  position: absolute;
  top: 50%;
  left: 10px;
  max-width: calc(100% - 57px);
  overflow: hidden;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
}
.main-searchbox .search-word-area + .btn-search2 {
  width: 100%;
}
.main-searchbox .search-word-area:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 32px;
  display: block;
  background: linear-gradient(to left, #fff7d9 30%, rgba(255, 247, 217, 0) 10px);
  content: "";
}
.main-searchbox .search-word-area .search-word:before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  outline: 7px solid #fff;
  border-radius: 16px;
  pointer-events: none;
  content: "";
}

.search-word {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  padding: 0 10px;
  background: #fff7d9;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
}
.search-word .category {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  vertical-align: middle;
}
.search-word .category:after {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 16px;
  background: #fc0;
  margin: -1px 3px 0 5px;
  content: "";
}
.search-word .name {
  vertical-align: middle;
}

.box-select-list {
  margin: -0.4rem;
  font-size: 0;
}
.box-select-list .box-select {
  margin: 0.4rem;
}
.box-select-list.type-upper {
  margin-top: -20px;
  margin-bottom: 14px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
.box-select-list.type-upper .box-select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 90px;
  max-width: 40%;
}
.box-select-list.type-upper .box-select select {
  width: 100%;
  text-overflow: ellipsis;
}

.box-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.box-select:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.5rem;
  border-top: 0.1rem solid #222;
  border-right: 0.1rem solid #222;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.box-select select {
  line-height: 4rem;
  height: 4rem;
  padding: 0 28px 0 14px;
  border-radius: 2rem;
  border: 0.1rem solid #ddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  color: #666;
  background: #fff;
  overflow: hidden;
}
.box-select select::-ms-expand {
  display: none;
}
.box-select.size-m select {
  line-height: 36px;
  height: 36px;
}
.box-select.type-shadow select {
  border: 1px solid transparent;
  color: #666;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.box-select.type-shadow select:disabled {
  color: #ccc;
}
.box-select.type-shadow.selected select {
  border-color: #fc0;
  color: #222;
}
.box-select.disabled:after {
  opacity: 0.25;
}

.homeservice-list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.homeservice-list .homeservice-item {
  margin-top: 40px;
}
.homeservice-list .homeservice-item:first-child {
  margin-top: 0;
}

.homeservice-item {
  display: block;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.homeservice-item .inner-header {
  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: 12px 12px 0 0;
  background: #fc0;
  color: #222;
  padding: 16px;
}
.homeservice-item .inner-header .btn-tooltip {
  vertical-align: middle;
}
.homeservice-item .inner-header-cont {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.homeservice-item .inner-header-cont > strong {
  font: inherit;
  vertical-align: middle;
}
.homeservice-item .inner-header-util {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  font-weight: 400;
}
.homeservice-item .inner-body {
  padding: 24px 16px;
  background: #fff;
}
.homeservice-item .inner-carinfo {
  display: block;
  width: 100%;
  font-size: 0;
}
.homeservice-item .inner-carinfo .carinfo-thumb {
  display: inline-block;
  vertical-align: top;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #eee;
}
.homeservice-item .inner-carinfo .carinfo-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.homeservice-item .inner-carinfo .carinfo-cont {
  position: relative;
  display: inline-block;
  width: calc(100% - 64px);
  text-align: left;
  padding-left: 16px;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-name {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-num {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-price {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
  color: #222;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-desc {
  font-size: 12px;
  color: #666;
  display: block;
  margin-top: 8px;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-customer {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #666;
}
.homeservice-item .inner-step {
  margin: 40px 0 0;
}
.homeservice-item .inner-added {
  margin-top: 24px;
}
.homeservice-item .inner-added .added-tit {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.homeservice-item .inner-added .added-desc {
  font-size: 12px;
  color: #666;
  margin-top: 8px;
  line-height: 1.4;
}
.homeservice-item .inner-added .point-box {
  text-align: center;
}
.homeservice-item .inner-added .bullet-list > li {
  padding-left: 0;
}
.homeservice-item .inner-added .bullet-list > li:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}
.homeservice-item.type-ing .inner-header {
  background: #fcaf17;
}
.homeservice-item.type-ing .inner-header-cont,
.homeservice-item.type-ing .inner-header-util {
  color: #fff;
}
.homeservice-item.type-cancel .inner-header {
  background: #fd665c;
}
.homeservice-item.type-cancel .inner-header-cont,
.homeservice-item.type-cancel .inner-header-util {
  color: #fff;
}
.homeservice-item.type-ready .inner-header {
  background: #336fc9;
}
.homeservice-item.type-ready .inner-header-cont,
.homeservice-item.type-ready .inner-header-util {
  color: #fff;
}
.homeservice-item.type-dealer .inner-carinfo .carinfo-cont {
  width: calc(100% - 124px);
}
.homeservice-item.type-dealer .inner-carinfo .carinfo-cont .carinfo-num {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.homeservice-item.type-dealer .inner-carinfo .carinfo-cont .carinfo-name {
  font-size: 16px;
  line-height: 1.2;
}
.homeservice-item.type-dealer .carinfo-thumb {
  width: 124px;
  height: 93px;
  border-radius: 12px;
}
.homeservice-item.type-dealer .point-box {
  border: 1px solid #dbe0f0;
  padding: 16px;
}
.homeservice-item.type-dealer .point-box .added-tit {
  font-weight: 500;
}

/* result */
.result-box {
  padding: 14rem 0;
  text-align: center;
}
.result-box .icon48 + .txt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.result-box .icon-logo {
  display: block;
  margin: 0 auto;
  width: 12rem;
  height: 6.4rem;
}
.result-box .icon-logo img {
  width: 100%;
}
.result-box > .tit {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 1.6rem;
}
.result-box > .txt {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.result-box.size-s {
  padding: 2rem 0 4rem;
}

.result-box-area .inner-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.result-box-area .inner-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.result-box-area.type-full {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9.6rem 0 15rem;
  height: 100vh;
}
.result-box-area.type-full .result-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.new-content-body {
  /* Bullet List */
}
.new-content-body:not(.layer-pop-btm) {
  padding: 0 16px 84px 16px;
}
.new-content-body.wrap-area {
  padding-left: 0;
  padding-right: 0;
}
.new-content-body .bullet-sub {
  margin-top: 1rem;
}
.new-content-body .bullet-sub > li {
  position: relative;
  padding-left: 0.8rem;
  font-size: 1.2rem;
  color: #888;
  margin-top: 0.5rem;
}
.new-content-body .bullet-sub > li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-sub > li:before {
  position: absolute;
  top: 0.6rem;
  left: 0;
  display: block;
  width: 0.4rem;
  height: 0.1rem;
  background: #888;
  content: "";
}
.new-content-body .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 0 1.6rem;
}
.new-content-body .btn-area a,
.new-content-body .btn-area button {
  display: block;
  padding: 0 1.6rem;
  width: 100%;
  line-height: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
  border: 0;
}
.new-content-body .btn-area a span,
.new-content-body .btn-area button span {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
  font-weight: 500;
}
.new-content-body .btn-area a.btn-yellow,
.new-content-body .btn-area button.btn-yellow {
  background: #ffcc00;
}
.new-content-body .btn-area a.btn-gray,
.new-content-body .btn-area button.btn-gray {
  border: 0.1rem solid #666;
}
.new-content-body .btn-area a.btn-orange,
.new-content-body .btn-area button.btn-orange {
  background-color: #ff5d16;
}
.new-content-body .btn-area a.btn-orange span,
.new-content-body .btn-area button.btn-orange span {
  color: #fff;
}
.new-content-body .btn-area a.btn-txt-blue span,
.new-content-body .btn-area button.btn-txt-blue span {
  color: #2589ff;
}
.new-content-body .btn-area a.btn-border,
.new-content-body .btn-area button.btn-border {
  border: 0.1rem solid #aaa;
}
.new-content-body .btn-area a.btn-light,
.new-content-body .btn-area button.btn-light {
  background: #fff;
  color: #222;
}
.new-content-body .btn-area a .show-disabled,
.new-content-body .btn-area button .show-disabled {
  display: none;
}
.new-content-body .btn-area a[disabled],
.new-content-body .btn-area button[disabled] {
  background: #f8f8f8;
}
.new-content-body .btn-area a[disabled] span,
.new-content-body .btn-area button[disabled] span {
  color: #888 !important;
}
.new-content-body .btn-area a[disabled] .show-disabled,
.new-content-body .btn-area button[disabled] .show-disabled {
  display: inline-block;
}
.new-content-body .btn-area a[disabled] .hide-disabled,
.new-content-body .btn-area button[disabled] .hide-disabled {
  display: none;
}
.new-content-body .btn-area a ~ button, .new-content-body .btn-area a ~ a,
.new-content-body .btn-area button ~ button,
.new-content-body .btn-area button ~ a {
  margin-left: 0.9rem;
}
.new-content-body .btn-area a.is-checked,
.new-content-body .btn-area button.is-checked {
  position: relative;
}
.new-content-body .btn-area a.is-checked span,
.new-content-body .btn-area button.is-checked span {
  font-weight: 700 !important;
}
.new-content-body .btn-area a.is-checked:after,
.new-content-body .btn-area button.is-checked:after {
  position: absolute;
  display: block;
  top: 0.8rem;
  right: 0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #f00;
  content: "";
}
.new-content-body .btn-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem 1.6rem;
  width: 100%;
  background: url("../images/cm/bg-page.svg") no-repeat;
  background-size: cover;
  z-index: 100;
}
.new-content-body .btn-area.bottom-fixed.type-transparent {
  background: none;
}
.new-content-body .btn-area.bottom-fixed a,
.new-content-body .btn-area.bottom-fixed button {
  line-height: 5.6rem;
  height: 5.6rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.new-content-body .btn-area.bottom-fixed a span,
.new-content-body .btn-area.bottom-fixed button span {
  font-weight: 500;
}
.new-content-body .btn-area.bottom-fixed a.btn-gray,
.new-content-body .btn-area.bottom-fixed button.btn-gray {
  line-height: 5.4rem;
}
.new-content-body .btn-area.bottom-fixed.type-cover {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  border-radius: 2.4rem 2.4rem 0 0;
  -webkit-box-shadow: 0 -0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
  padding-top: 2rem;
}
.new-content-body .btn-area.bottom-fixed.type-toggle {
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.new-content-body .btn-area.bottom-fixed.is-hide {
  opacity: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.new-content-body .btn-area.bottom-fixed.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(5.2rem);
      -ms-transform: translateY(5.2rem);
          transform: translateY(5.2rem);
}
.new-content-body .btn-area.round-bottom button,
.new-content-body .btn-area.round-bottom a {
  border-top: 1px solid #eee;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.new-content-body .btn-area.round-top button,
.new-content-body .btn-area.round-top a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.new-content-body .btn-area .bottom-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding-bottom: 2rem;
}
.new-content-body .btn-area.grid-4-6 .btn-gray {
  -webkit-box-flex: 4;
      -ms-flex: 4 1 40%;
          flex: 4 1 40%;
  white-space: nowrap;
}
.new-content-body .btn-area.grid-4-6 .btn-yellow {
  -webkit-box-flex: 6;
      -ms-flex: 6 1 60%;
          flex: 6 1 60%;
}
.new-content-body .btn-area.grid-3-7 .btn-gray {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 30%;
          flex: 3 1 30%;
  white-space: nowrap;
}
.new-content-body .btn-area.grid-3-7 .btn-yellow {
  -webkit-box-flex: 7;
      -ms-flex: 7 1 70%;
          flex: 7 1 70%;
}
.new-content-body .modal-footer.complete {
  padding: 0 0 16px;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-color: #fff;
}
.new-content-body .modal-footer.complete .btn-base {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.type-new-option-info .tit-pop {
  height: 56px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.type-new-option-info .tit-pop .title {
  padding: 0;
  line-height: 40px;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.type-new-option-info .tit-pop .btn-close {
  top: 18px;
}
.type-new-option-info .title {
  padding: 22px 4px 0;
}
.type-new-option-info .title .header-title-100 {
  font-size: 24px;
  line-height: 32px;
}
.type-new-option-info .btn-option {
  margin-left: 8px;
  height: 32px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 100px;
  border: 1px solid #666;
  color: #222;
  background: #fff;
  color: #222;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.type-new-option-info .txt {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}
.type-new-option-info .bul-notice-box {
  margin-top: 14px;
  padding: 16px 20px;
  border-radius: 8px;
  background: #f8f8f8;
}
.type-new-option-info .bul-notice-box .bul-notice {
  margin-top: 0;
}
.type-new-option-info .bul-notice-wrap {
  padding: 0 4px;
}
.type-new-option-info .bul-notice {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #222;
}
.type-new-option-info .bul-notice:before {
  margin: -2px 5px 0 0;
}
.type-new-option-info .bul-notice + .bul-notice {
  margin-top: 8px;
}
.type-new-option-info .subcont-area.type-divide {
  padding-right: 20px;
  padding-left: 20px;
}
.type-new-option-info .subcont-area .option-tit {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}
.type-new-option-info .subcont-area .option-tit strong {
  font-weight: 700;
}
.type-new-option-info .subcont-area .option-tit strong.on {
  color: #222;
}
.type-new-option-info .subcont-area .option-area {
  margin-top: 2rem;
}
.type-new-option-info .subcont-area .option-area.option-area--detail li:not(.on) .option-area__icon {
  background: #f6f8f9;
}
.type-new-option-info .subcont-area .option-area.option-area--detail li:not(.on) .option-area__name {
  font-weight: 300;
  color: #888;
}
.type-new-option-info .subcont-area .option-area > li {
  display: none;
  margin-bottom: 1.6rem;
}
.type-new-option-info .subcont-area .option-area > li.on {
  display: block;
}
.type-new-option-info .subcont-area .option-area .option-area__name {
  font-weight: 300;
  color: #222;
}
.type-new-option-info .subcont-area .toggle-list li {
  display: block;
}
.type-new-option-info .subcont-area .toggle-list li.on {
  display: block;
}
.type-new-option-info .subcont-area .toggle-list li.on .toggle-header .title {
  color: #222;
  font-weight: 500;
}
.type-new-option-info .subcont-area .toggle-list li .toggle-header .title {
  color: #aaa;
  font-weight: 300;
}
.type-new-option-info .subcont-area .toggle-list li .toggle-header .title .disabled {
  color: #aaa;
  font-weight: 300;
}
.type-new-option-info .subcont-area .toggle-list + .option-tit {
  margin-top: 3.2rem;
}
.type-new-option-info .subcont-area .option-list {
  margin-top: 1.6rem;
  padding: 0;
}
.type-new-option-info .subcont-area .option-list li {
  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;
  line-height: 2.3rem;
}
.type-new-option-info .subcont-area .option-list li ~ li {
  margin-top: 1.2px;
}
.type-new-option-info .subcont-area .option-list li:last-child .txt {
  margin-bottom: 0;
}
.type-new-option-info .subcont-area .option-list li .txt {
  width: 70%;
  font-size: 1.6rem;
  font-weight: 300;
}
.type-new-option-info .subcont-area .option-list li .price {
  font-size: 1.6rem;
  font-weight: 700;
}

strong.bullet-list,
p.bullet-list,
ul.guide-bul > li.bullet-list,
div.bullet-list {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  margin: 1.6rem 0 0.4rem;
  padding-left: 1.2rem;
  text-align: left;
}
strong.bullet-list:before,
p.bullet-list:before,
ul.guide-bul > li.bullet-list:before,
div.bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
strong.bullet-list:first-child,
p.bullet-list:first-child,
ul.guide-bul > li.bullet-list:first-child,
div.bullet-list:first-child {
  margin-top: 0;
}
strong.bullet-list.sm,
p.bullet-list.sm,
ul.guide-bul > li.bullet-list.sm,
div.bullet-list.sm {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding-left: 0.8rem;
  margin: 0 2.3rem;
  color: #888;
}
strong.bullet-list.sm:before,
p.bullet-list.sm:before,
ul.guide-bul > li.bullet-list.sm:before,
div.bullet-list.sm:before {
  top: 0.9rem;
  width: 0.2rem;
  height: 0.2rem;
}
strong.bullet-list.sm:first-child,
p.bullet-list.sm:first-child,
ul.guide-bul > li.bullet-list.sm:first-child,
div.bullet-list.sm:first-child {
  margin-top: 0;
}
strong.bullet-list.xs,
p.bullet-list.xs,
ul.guide-bul > li.bullet-list.xs,
div.bullet-list.xs {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
strong.bullet-list.xs:before,
p.bullet-list.xs:before,
ul.guide-bul > li.bullet-list.xs:before,
div.bullet-list.xs:before {
  top: 0.5rem;
}
strong.bullet-list.xs:first-child,
p.bullet-list.xs:first-child,
ul.guide-bul > li.bullet-list.xs:first-child,
div.bullet-list.xs:first-child {
  margin-top: 0;
}
strong.bullet-list strong,
p.bullet-list strong,
ul.guide-bul > li.bullet-list strong,
div.bullet-list strong {
  font: inherit;
}
strong.bullet-list.xs,
p.bullet-list.xs,
ul.guide-bul > li.bullet-list.xs,
div.bullet-list.xs {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
strong.bullet-list.xs:before,
p.bullet-list.xs:before,
ul.guide-bul > li.bullet-list.xs:before,
div.bullet-list.xs:before {
  top: 0.5rem;
}
strong.bullet-list.xs:first-child,
p.bullet-list.xs:first-child,
ul.guide-bul > li.bullet-list.xs:first-child,
div.bullet-list.xs:first-child {
  margin-top: 0;
}

.bullet-list.fixed {
  position: fixed;
  left: 0;
  bottom: 7.8rem;
  z-index: 2;
}

.p-new-terms .new-terms-box {
  padding: 16px 20px 24px 20px;
  border-radius: 8px;
  background: #f8f8f8;
  word-break: keep-all;
}
.p-new-terms .new-terms-box.new-terms-box--ty2 {
  padding-bottom: 16px;
}
.p-new-terms .terms-cont-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-cont-desc b {
  font-weight: 700;
}
.p-new-terms .terms-stit {
  display: block;
  margin-top: 16px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.p-new-terms .terms-list-area dt, .p-new-terms .terms-list-area .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .p-new-terms .terms-list-area dd {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.p-new-terms .terms-list-area dt ~ dt, .p-new-terms .terms-list-area .dealer-detail .dealer-detail__status > div dd ~ dt, .dealer-detail .dealer-detail__status > div .p-new-terms .terms-list-area dd ~ dt, .p-new-terms .terms-list-area .dealer-detail .dealer-detail__status > div dt ~ dd, .dealer-detail .dealer-detail__status > div .p-new-terms .terms-list-area dt ~ dd, .p-new-terms .terms-list-area .dealer-detail .dealer-detail__status > div dd ~ dd, .dealer-detail .dealer-detail__status > div .p-new-terms .terms-list-area dd ~ dd {
  margin-top: 8px;
}
.p-new-terms .terms-list-area dd {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-list-area dd.text-emphasize {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  text-decoration: underline;
}
.p-new-terms .terms-list-area.dash-list dd {
  position: relative;
  padding-left: 10px;
}
.p-new-terms .terms-list-area.dash-list dd::before {
  position: absolute;
  left: 0;
  content: "-";
}
.p-new-terms .terms-list-area.dash-list.ty-2 dd::before {
  content: "*";
}
.p-new-terms .terms-list-area.line {
  padding: 8px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 8px;
}
.p-new-terms .terms-list-area.line dd {
  margin-top: 0;
}
.p-new-terms .terms-list-area .table-area {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.p-new-terms .terms-list-area .table-area table {
  width: 100%;
}
.p-new-terms .terms-list-area .table-area table tbody tr {
  display: block;
  margin: 8px 0;
}
.p-new-terms .terms-list-area .table-area table tbody tr td {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-list-area .table-area table tbody tr td .tit {
  font-weight: 500;
}

.terms-wrap-agree {
  padding-top: 32px;
}
.terms-wrap-agree * {
  font-size: 16px;
  color: #222;
}

.terms-base {
  word-wrap: break-word;
  word-break: keep-all;
}
.terms-base .terms-top-area .tit-txt,
.terms-base .terms-top-area .tit-txt.ty-2 {
  margin-top: 0;
}
.terms-base .terms-top-area .tit-txt + .c-body-16 {
  margin-top: 8px;
}
.terms-base .tit-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.terms-base .tit-txt.ty-2 {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.terms-base .tit-txt.ty-2.cmgt {
  margin-top: 24px;
}
.terms-base .tit-txt.ty-2.cmgt-2 {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div) {
  padding-left: 0;
}
.terms-base .terms-order:not(p, div).ty-2 li {
  margin-top: 2px;
}
.terms-base .terms-order:not(p, div).ty-3 li.symbol-num .num-txt,
.terms-base .terms-order:not(p, div).ty-3 li.symbol-num .list-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.terms-base .terms-order:not(p, div).ty-4 {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div).ty-4 li {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div) li {
  position: relative;
  margin-top: 8px;
}
.terms-base .terms-order:not(p, div) li.symbol-num, .terms-base .terms-order:not(p, div) li.symbol-bul {
  position: relative;
  padding-left: 1.6rem;
}
.terms-base .terms-order:not(p, div) li.symbol-num .num-txt,
.terms-base .terms-order:not(p, div) li.symbol-num .bul-txt, .terms-base .terms-order:not(p, div) li.symbol-bul .num-txt,
.terms-base .terms-order:not(p, div) li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
}
.terms-base .terms-order:not(p, div) li.symbol-bul {
  padding-left: 11px;
}
.terms-base .terms-order:not(p, div) li .table-base {
  margin-left: -19px;
}
.terms-base .terms-order {
  margin-top: 8px;
  padding-left: 19px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.terms-base .terms-order.ty-2 {
  margin-top: 2px;
}
.terms-base .content-txt + .terms-order {
  margin-top: 4px;
}
.terms-base .content-txt {
  margin-top: 8px;
}
.terms-base .content-txt,
.terms-base .num-txt,
.terms-base .tit-txt,
.terms-base .list-txt {
  display: block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.terms-base .num-txt,
.terms-base .tit-txt {
  font-weight: 700;
}

.event-area.new-content-body:not(.layer-pop-btm) {
  padding-left: 0;
  padding-right: 0;
}
.event-area .event-img-area {
  position: relative;
}
.event-area .event-img-area > a {
  display: block;
}
.event-area .event-img-area img {
  display: block;
  width: 100%;
}
.event-area .event-img-slider img {
  display: block;
  width: 100%;
}
.event-area .event-section {
  padding: 0 16px;
}
.event-area .event-detail-info > div {
  margin-top: 16px;
}
.event-area .event-detail-info > div:first-child {
  margin-top: 0;
}
.event-area .event-detail-info > div dt span, .event-area .event-detail-info > div .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .event-area .event-detail-info > div dd span {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.event-area .event-detail-info > div dd {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.event-area .event-detail-info > div .event-txt-warn {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #f00;
}
.event-area .event-detail-info > div.primary-info {
  margin-top: 4rem;
}
.event-area .event-detail-info > div.primary-info:first-child {
  margin-top: 0;
}
.event-area .event-detail-info > div.primary-info dt, .event-area .event-detail-info > div.primary-info .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .event-area .event-detail-info > div.primary-info dd {
  margin-bottom: 16px;
}
.event-area .event-detail-info > div.primary-info dt.primary-info__sub-tit, .event-area .event-detail-info > div.primary-info .dealer-detail .dealer-detail__status > div dd.primary-info__sub-tit, .dealer-detail .dealer-detail__status > div .event-area .event-detail-info > div.primary-info dd.primary-info__sub-tit {
  margin: 20px 0 6px;
  font-size: 14px;
  font-weight: 700;
}
.event-area .event-detail-info > div.primary-info dt span, .event-area .event-detail-info > div.primary-info .dealer-detail .dealer-detail__status > div dd span, .dealer-detail .dealer-detail__status > div .event-area .event-detail-info > div.primary-info dd span {
  border-bottom: 2px solid #222;
}
.event-area .event-detail-info > div.primary-info .primary-info__desc {
  color: #666;
}
.event-area .event-tab-area {
  z-index: 20;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  left: 0;
  margin-top: 20px;
}
.event-area .event-tab-area > ul {
  display: table;
  width: 100%;
}
.event-area .event-tab-area__btn-area {
  display: table-cell;
  vertical-align: middle;
}
.event-area .event-tab-area__btn {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  border: 0;
  background-color: #fff;
  font-size: 16px;
  color: #999;
  padding: 10px 5px;
  text-align: center;
  line-height: 1;
  font-weight: 400;
}
.event-area .event-tab-area__btn.active {
  color: #fa0050;
  font-weight: 700;
}
.event-area .event-tab-area__btn.active:after {
  background: #fa0050;
}
.event-area .event-tab-area__btn:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  display: block;
  background: #ddd;
  content: "";
}
.event-area .swiper-pagination.ps-absolute {
  position: absolute;
  top: auto;
  bottom: 12%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.event-area .event-rdo-area {
  z-index: 10;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  right: 0;
  display: table;
}
.event-area .event-rdo-area .event-rdo-area__selection {
  display: table-cell;
  width: 50%;
  padding-top: 16%;
  background: none;
  border: 0;
  opacity: 0;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  text-decoration: none;
  outline: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

button:hover,
button:active,
button:focus {
  outline: 0;
}

/* text */
.c-title-28 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}

.c-title-24 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.c-title-24-l {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}

.c-title-20 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.c-title-20-l {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}

.c-title-18 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.c-body-18 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.c-body-16 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}

.c-body-14 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.c-body-12 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.c-body-11 {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}

.c-body-10 {
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
}

.title-cmgrl-2 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.title-cmgrl-4 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.title-cmgrl-8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.title-cmgl-2 {
  margin-left: 0.2rem;
}

.title-cmgl-4 {
  margin-left: 0.4rem;
}

.title-cmgl-8 {
  margin-left: 0.8rem;
}

.cmgt-0 {
  margin-top: 0 !important;
}

.cmgt-4 {
  margin-top: 0.4rem !important;
}

.cmgt-8 {
  margin-top: 0.8rem !important;
}

.cmgt-12 {
  margin-top: 1.2rem !important;
}

.cmgt-16 {
  margin-top: 1.6rem !important;
}

.cmgt-20 {
  margin-top: 2rem !important;
}

.cmgt-24 {
  margin-top: 2.4rem !important;
}

.cmgt-32 {
  margin-top: 3.2rem !important;
}

.cmgt-48 {
  margin-top: 4.8rem !important;
}

.cmgb-32 {
  margin-bottom: 3.2rem !important;
}

.c-222 {
  color: #222;
}

.font-w-b {
  font-weight: 700 !important;
}

.font-w-m {
  font-weight: 500 !important;
}

.font-w-l {
  font-weight: 300 !important;
}

.c-s-title {
  font-weight: 700 !important;
  margin: 24px 4px 0;
  color: #222;
}

/* icon */
.ir,
.ir-b:before,
.ir-a:after {
  display: inline-block;
  vertical-align: middle;
}

.ir-b:before,
.ir-a:after {
  content: "";
}

.ir {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 1px;
  overflow: hidden;
  text-indent: -999px;
  color: transparent;
  line-height: 0;
}

.i-g-arr::after {
  width: 24px;
  height: 24px;
  background-position: 0 0;
}

.i-check::before {
  width: 20px;
  height: 16px;
  background: url(../images/sub/icon_check_ddd.svg) no-repeat;
  background-size: cover;
}

.i-check-blue::before {
  width: 20px;
  height: 16px;
  background: url(../images/sub/icon_check_blue.svg) no-repeat;
  background-size: cover;
}

.i-del {
  width: 48px;
  height: 48px;
  background-position: -102px -232px;
}

/* array */
.col-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.col-area .item {
  text-align: right;
}
.col-area.title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.col-area.col-btn {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.col-area.col-btn > *:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.col-area.col-btn button {
  min-width: 104px;
  padding: 0 23px;
  width: auto;
}
.col-area.col-btn button.button-pd {
  padding: 0 16px;
}
.col-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem calc(constant(safe-area-inset-bottom) + 1.6rem);
  padding: 2.4rem 1.6rem calc(env(safe-area-inset-bottom) + 1.6rem);
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #fff calc(constant(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, #fff calc(env(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  z-index: 99;
}

/* from */
.from-area .title {
  margin: 0 4px 8px;
  font-weight: 500;
  color: #222;
}
.from-area .form-item + .form-item {
  margin-top: 4px;
}
.from-area .bull-list.sm {
  margin-top: 8px;
}
.from-area + .from-area {
  margin-top: 24px;
}

.c-new-input .title {
  margin: 0 4px 8px;
  font-weight: 500;
  color: #222;
}
.c-new-input .title .form-tit {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.c-new-input .title .form-tit.small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.theme-dealer .c-new-input .title .form-tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.c-new-input input, .c-new-input .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .c-new-input .ico-confirm, .c-new-input .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .c-new-input .ico-confirm {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  line-height: 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  /* Chrome, Safari, Edge */
}
.c-new-input input:disabled, .c-new-input .type-mydata .inp-box .ico-confirm:disabled, .type-mydata .inp-box .c-new-input .ico-confirm:disabled, .c-new-input .new-content-body .inp-box .ico-confirm:disabled, .new-content-body .inp-box .c-new-input .ico-confirm:disabled {
  border: 1px solid #ddd;
  color: #888;
  background-color: #eee;
  font-weight: 500;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input input::placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::-webkit-input-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::-webkit-input-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-moz-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::-moz-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::-moz-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::-moz-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::-moz-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input:-ms-input-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm:-ms-input-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm:-ms-input-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm:-ms-input-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm:-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-ms-input-placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::-ms-input-placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::-ms-input-placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::-ms-input-placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::placeholder, .c-new-input .type-mydata .inp-box .ico-confirm::placeholder, .type-mydata .inp-box .c-new-input .ico-confirm::placeholder, .c-new-input .new-content-body .inp-box .ico-confirm::placeholder, .new-content-body .inp-box .c-new-input .ico-confirm::placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input[type=number], .c-new-input .type-mydata .inp-box [type=number].ico-confirm, .type-mydata .inp-box .c-new-input [type=number].ico-confirm, .c-new-input .new-content-body .inp-box [type=number].ico-confirm, .new-content-body .inp-box .c-new-input [type=number].ico-confirm {
  -moz-appearance: textfield; /* Firefox */
}
.c-new-input input[type=number]::-webkit-outer-spin-button, .c-new-input .type-mydata .inp-box [type=number].ico-confirm::-webkit-outer-spin-button, .type-mydata .inp-box .c-new-input [type=number].ico-confirm::-webkit-outer-spin-button, .c-new-input .new-content-body .inp-box [type=number].ico-confirm::-webkit-outer-spin-button, .new-content-body .inp-box .c-new-input [type=number].ico-confirm::-webkit-outer-spin-button, .c-new-input input[type=number]::-webkit-inner-spin-button, .c-new-input .type-mydata .inp-box [type=number].ico-confirm::-webkit-inner-spin-button, .type-mydata .inp-box .c-new-input [type=number].ico-confirm::-webkit-inner-spin-button, .c-new-input .new-content-body .inp-box [type=number].ico-confirm::-webkit-inner-spin-button, .new-content-body .inp-box .c-new-input [type=number].ico-confirm::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.c-new-input .type-single-unit {
  position: relative;
}
.c-new-input .type-single-unit .inp-unit {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 2rem;
  display: block;
  max-width: 100%;
  padding: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  font-family: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-new-input .type-single-unit .inp-unit span {
  display: inline-block;
  max-width: calc(100vw - 9rem);
  opacity: 0;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  overflow-x: auto;
  margin-right: 0.5rem;
}
.c-new-input .type-single-unit.unfilled .inp-unit {
  opacity: 0;
}
.c-new-input .type-single-unit.txt-ar > input, .c-new-input .type-mydata .inp-box .type-single-unit.txt-ar > .ico-confirm, .type-mydata .inp-box .c-new-input .type-single-unit.txt-ar > .ico-confirm, .c-new-input .new-content-body .inp-box .type-single-unit.txt-ar > .ico-confirm, .new-content-body .inp-box .c-new-input .type-single-unit.txt-ar > .ico-confirm {
  text-align: right;
  padding-right: 4.5rem;
}
.c-new-input.s-large input, .c-new-input.s-large .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .c-new-input.s-large .ico-confirm, .c-new-input.s-large .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .c-new-input.s-large .ico-confirm {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  height: 5.6rem;
  line-height: 5.6rem;
  border-radius: 0.6rem;
}
.c-new-input.s-large .type-single-unit input, .c-new-input.s-large .type-single-unit .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .c-new-input.s-large .type-single-unit .ico-confirm, .c-new-input.s-large .type-single-unit .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .c-new-input.s-large .type-single-unit .ico-confirm {
  line-height: 1;
  padding-right: 4.8rem;
}
.c-new-input.s-large .type-single-unit span {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.c-new-input.s-large.font-s input, .c-new-input.s-large.font-s .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .c-new-input.s-large.font-s .ico-confirm, .c-new-input.s-large.font-s .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .c-new-input.s-large.font-s .ico-confirm {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.c-new-input.s-large.font-s .type-single-unit .inp-unit {
  right: 1.6rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.c-new-input .btn-common.type-dropdown ~ .type-dropdown {
  margin-left: 0;
}

input[type=text].is-invalid, .type-mydata .inp-box [type=text].is-invalid.ico-confirm, .new-content-body .inp-box [type=text].is-invalid.ico-confirm,
input[type=password].is-invalid,
.type-mydata .inp-box [type=password].is-invalid.ico-confirm,
.new-content-body .inp-box [type=password].is-invalid.ico-confirm,
input[type=number].is-invalid,
.type-mydata .inp-box [type=number].is-invalid.ico-confirm,
.new-content-body .inp-box [type=number].is-invalid.ico-confirm,
input[type=tel].is-invalid,
.type-mydata .inp-box [type=tel].is-invalid.ico-confirm,
.new-content-body .inp-box [type=tel].is-invalid.ico-confirm,
button.is-invalid,
select.ui-select-base.is-invalid {
  border-color: #f23f3f !important;
}

.btn-common {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  border: 1px solid #666;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  text-align: center;
  line-height: 46px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  color: #222;
}
.btn-common:disabled {
  border: 1px solid #ddd;
  color: #aaa;
}
.btn-common.type-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  position: relative;
  padding: 0 35px 0 16px;
  color: #222;
  font-weight: 700;
}
.btn-common.type-dropdown:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon/icon-select-down.png") no-repeat center;
  background-size: 100% auto;
  right: 12px;
}
.btn-common.type-dropdown:disabled {
  background-color: #eee;
  color: #aaa;
}
.btn-common:disabled {
  opacity: 1;
  cursor: default;
}
.btn-common ~ .btn-common {
  margin-left: 6px;
}
.btn-common.type-small {
  height: 36px;
  line-height: 35px;
  padding: 0 11px;
  font-weight: 500;
}
.btn-common.type-medium {
  height: 40px;
  line-height: 39px;
  font-size: 14px;
  font-weight: 500;
}
.btn-common.type-large {
  height: 56px;
  line-height: 54px;
  font-size: 18px;
  border-radius: 6px;
}
.btn-common.btn-yellow {
  background: #ffd338;
  border-color: #ffd338;
  font-weight: 700;
}
.btn-common.btn-yellow:disabled {
  border-color: #ddd;
  color: #aaa;
  background-color: #ddd;
}
.theme-dealer .btn-common.btn-yellow:not(:disabled):not(.disabled) {
  color: #fff;
  background-color: #222;
  border-color: #222;
}

.btn-black {
  color: #fff;
  background: #222;
  border: 1px solid #222;
  font-weight: 700;
}
.btn-black.disabled, .btn-black:disabled {
  color: #888;
  background: #ddd;
  border-color: #ddd;
  cursor: default;
}

.switch-item label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
}
.switch-item [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.8rem;
  height: 2rem;
  margin: 0;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 1.2rem;
}
.switch-item [type=checkbox]::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: left 250ms linear;
  transition: left 250ms linear;
}
.switch-item [type=checkbox]:checked {
  background-color: #222;
}
.switch-item [type=checkbox]:checked::before {
  background-color: white;
  left: 2rem;
}
.switch-item [type=checkbox]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item [type=checkbox]:disabled:before {
  background-color: lightgray;
}
.switch-item [type=checkbox]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

/* 체크,라디오 - 공통 */
.form-chk-radio {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  min-height: 24px;
  font-size: 0;
  vertical-align: middle;
}
.form-chk-radio input, .form-chk-radio .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .form-chk-radio .ico-confirm, .form-chk-radio .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .form-chk-radio .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-chk-radio input:checked ~ .icon, .form-chk-radio .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-chk-radio .ico-confirm:checked ~ .icon, .form-chk-radio .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.form-chk-radio input:checked ~ .icon:before, .form-chk-radio .type-mydata .inp-box .ico-confirm:checked ~ .icon:before, .type-mydata .inp-box .form-chk-radio .ico-confirm:checked ~ .icon:before, .form-chk-radio .new-content-body .inp-box .ico-confirm:checked ~ .icon:before, .new-content-body .inp-box .form-chk-radio .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.theme-dealer .form-chk-radio input:checked ~ .icon, .theme-dealer .form-chk-radio .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .theme-dealer .form-chk-radio .ico-confirm:checked ~ .icon, .theme-dealer .form-chk-radio .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .theme-dealer .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio input[disabled] ~ .icon, .form-chk-radio .type-mydata .inp-box [disabled].ico-confirm ~ .icon, .type-mydata .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon, .form-chk-radio .new-content-body .inp-box [disabled].ico-confirm ~ .icon, .new-content-body .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon, .form-chk-radio input:disabled ~ .icon, .form-chk-radio .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon, .form-chk-radio .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon {
  background: #eee;
  border-color: #ddd;
}
.form-chk-radio input[disabled] ~ .icon:before, .form-chk-radio .type-mydata .inp-box [disabled].ico-confirm ~ .icon:before, .type-mydata .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon:before, .form-chk-radio .new-content-body .inp-box [disabled].ico-confirm ~ .icon:before, .new-content-body .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon:before, .form-chk-radio input:disabled ~ .icon:before, .form-chk-radio .type-mydata .inp-box .ico-confirm:disabled ~ .icon:before, .type-mydata .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon:before, .form-chk-radio .new-content-body .inp-box .ico-confirm:disabled ~ .icon:before, .new-content-body .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-chk-radio input[disabled] ~ .txt, .form-chk-radio .type-mydata .inp-box [disabled].ico-confirm ~ .txt, .type-mydata .inp-box .form-chk-radio [disabled].ico-confirm ~ .txt, .form-chk-radio .new-content-body .inp-box [disabled].ico-confirm ~ .txt, .new-content-body .inp-box .form-chk-radio [disabled].ico-confirm ~ .txt, .form-chk-radio input:disabled ~ .txt, .form-chk-radio .type-mydata .inp-box .ico-confirm:disabled ~ .txt, .type-mydata .inp-box .form-chk-radio .ico-confirm:disabled ~ .txt, .form-chk-radio .new-content-body .inp-box .ico-confirm:disabled ~ .txt, .new-content-body .inp-box .form-chk-radio .ico-confirm:disabled ~ .txt {
  color: #aaa;
}
.form-chk-radio input:checked[disabled] ~ .icon, .form-chk-radio .type-mydata .inp-box .ico-confirm:checked[disabled] ~ .icon, .type-mydata .inp-box .form-chk-radio .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio .new-content-body .inp-box .ico-confirm:checked[disabled] ~ .icon, .new-content-body .inp-box .form-chk-radio .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio input:checked:disabled ~ .icon, .form-chk-radio .type-mydata .inp-box .ico-confirm:checked:disabled ~ .icon, .type-mydata .inp-box .form-chk-radio .ico-confirm:checked:disabled ~ .icon, .form-chk-radio .new-content-body .inp-box .ico-confirm:checked:disabled ~ .icon, .new-content-body .inp-box .form-chk-radio .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/common/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio input:checked ~ .added, .form-chk-radio .type-mydata .inp-box .ico-confirm:checked ~ .added, .type-mydata .inp-box .form-chk-radio .ico-confirm:checked ~ .added, .form-chk-radio .new-content-body .inp-box .ico-confirm:checked ~ .added, .new-content-body .inp-box .form-chk-radio .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.form-chk-radio .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/common/icon/icon-check-ddd.svg) no-repeat #fff;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-chk-radio .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/common/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.form-chk-radio .txt {
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  vertical-align: middle;
  color: #222;
}
.form-chk-radio.big {
  padding-left: 32px;
}
.form-chk-radio.big .icon {
  width: 24px;
  height: 24px;
}
.form-chk-radio.big .txt {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.form-chk-radio.form-dealer input:checked ~ .icon, .form-chk-radio.form-dealer .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .icon, .form-chk-radio.form-dealer .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio.form-dealer input:checked[disabled] ~ .icon, .form-chk-radio.form-dealer .type-mydata .inp-box .ico-confirm:checked[disabled] ~ .icon, .type-mydata .inp-box .form-chk-radio.form-dealer .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio.form-dealer .new-content-body .inp-box .ico-confirm:checked[disabled] ~ .icon, .new-content-body .inp-box .form-chk-radio.form-dealer .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio.form-dealer input:checked:disabled ~ .icon, .form-chk-radio.form-dealer .type-mydata .inp-box .ico-confirm:checked:disabled ~ .icon, .type-mydata .inp-box .form-chk-radio.form-dealer .ico-confirm:checked:disabled ~ .icon, .form-chk-radio.form-dealer .new-content-body .inp-box .ico-confirm:checked:disabled ~ .icon, .new-content-body .inp-box .form-chk-radio.form-dealer .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/common/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio.form-dealer input:checked ~ .added, .form-chk-radio.form-dealer .type-mydata .inp-box .ico-confirm:checked ~ .added, .type-mydata .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .added, .form-chk-radio.form-dealer .new-content-body .inp-box .ico-confirm:checked ~ .added, .new-content-body .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.top .form-chk-radio .icon, .form-chk-radio.top .icon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 1.5px;
}
.top .form-chk-radio.big .icon, .form-chk-radio.top.big .icon {
  top: 0.5px;
}
.form-chk-radio.simple {
  padding-left: 24px;
}
.form-chk-radio.simple .icon {
  top: 1.5px;
  background-image: url(../images/common/icon/icon-check-simple.svg);
  border: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background-size: 20px 20px;
}
.form-chk-radio.simple .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.simple input:checked ~ .icon, .form-chk-radio.simple .type-mydata .inp-box .ico-confirm:checked ~ .icon, .type-mydata .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon, .form-chk-radio.simple .new-content-body .inp-box .ico-confirm:checked ~ .icon, .new-content-body .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon {
  border: none;
  background-color: #fff;
}
.form-chk-radio.simple input:checked ~ .icon::before, .form-chk-radio.simple .type-mydata .inp-box .ico-confirm:checked ~ .icon::before, .type-mydata .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon::before, .form-chk-radio.simple .new-content-body .inp-box .ico-confirm:checked ~ .icon::before, .new-content-body .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon::before {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
.form-chk-radio.simple input:disabled ~ .icon, .form-chk-radio.simple .type-mydata .inp-box .ico-confirm:disabled ~ .icon, .type-mydata .inp-box .form-chk-radio.simple .ico-confirm:disabled ~ .icon, .form-chk-radio.simple .new-content-body .inp-box .ico-confirm:disabled ~ .icon, .new-content-body .inp-box .form-chk-radio.simple .ico-confirm:disabled ~ .icon {
  background-image: url(../images/common/icon/icon-check-simple.svg);
  background-color: #fff;
}

.form-radio-round input[type=radio], .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.form-radio-round input[type=radio] + label, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm + label, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm + label, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm + label, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm + label {
  position: relative;
  padding-left: 2.6rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-radio-round input[type=radio] + label::before, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm + label::before, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm + label::before, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm + label::before, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm + label::before {
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
}
.form-radio-round input[type=radio]:checked + label::before, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:checked + label::before, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::before, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:checked + label::before, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::before {
  border-color: #222;
  background-color: #222;
}
.form-radio-round input[type=radio]:checked + label::after, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:checked + label::after, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::after, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:checked + label::after, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::after {
  background-color: #fff;
  width: 0.8rem;
  height: 0.8rem;
  left: 0.6rem;
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}
.form-radio-round input[type=radio]:checked:disabled + label::before, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:checked:disabled + label::before, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::before, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:checked:disabled + label::before, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::before {
  border-color: #ddd;
  background-color: #ddd;
}
.form-radio-round input[type=radio]:checked:disabled + label::after, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:checked:disabled + label::after, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::after, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:checked:disabled + label::after, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::after {
  background-color: #fff;
}
.form-radio-round input[type=radio]:disabled + label::before, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:disabled + label::before, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label::before, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:disabled + label::before, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label::before {
  border-color: #ddd;
  background-color: #eee;
}
.form-radio-round input[type=radio]:disabled + label:after, .form-radio-round .type-mydata .inp-box [type=radio].ico-confirm:disabled + label:after, .type-mydata .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label:after, .form-radio-round .new-content-body .inp-box [type=radio].ico-confirm:disabled + label:after, .new-content-body .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label:after {
  background-color: #eee;
}

.check-square-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.check-square-list .check-square-item .check-square {
  position: relative;
}
.check-square-list .check-square-item .check-square-control {
  margin: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.check-square-list .check-square-item .check-square-control + .check-square-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.check-square-list .check-square-item .check-square-control:checked + .check-square-label {
  border-color: #222;
  font-weight: 700;
}
.check-square-list .check-square-item .check-square-control:disabled + .check-square-label {
  color: #aaa;
  background: #eee;
  border: 1px solid #ddd;
}

.invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #f23f3f;
  line-height: 20px;
  margin-top: 4px;
}
.invalid-txt::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon/icon_exclamation_circle.svg") no-repeat 0 0/100% auto;
}
.invalid-txt .text {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  line-height: 20px;
}
.invalid-txt.no-in {
  color: #287eff;
}
.invalid-txt.no-in::before {
  background: url("../images/common/icon/icon_valid_circle.svg") no-repeat 0 0/100% auto;
}

.input-base {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  line-height: 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  /* Chrome, Safari, Edge */
}
.input-base:disabled {
  border: 1px solid #ddd;
  color: #888;
  background-color: #eee;
  font-weight: 500;
}
.input-base::-webkit-input-placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.input-base::-webkit-input-placeholder, .input-base::placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.input-base::-webkit-input-placeholder {
  color: #888;
  font-weight: 300;
}
.input-base::-moz-placeholder {
  color: #888;
  font-weight: 300;
}
.input-base:-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.input-base::-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.input-base::placeholder {
  color: #888;
  font-weight: 300;
}
.input-base[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.input-base[type=number]::-webkit-outer-spin-button, .input-base[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-unit-area {
  position: relative;
}
.input-unit-area::after {
  content: "만원";
  display: block;
  position: absolute;
  top: 49%;
  right: 16px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  -webkit-transform: translateY(-49%);
      -ms-transform: translateY(-49%);
          transform: translateY(-49%);
  color: #222;
}
.input-unit-area .input-base {
  padding-right: 48px;
  text-align: right;
}

/* list */
.toggle-list li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.toggle-list li .title,
.toggle-list li span {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding: 0;
}
.toggle-list li.on .i-check::before {
  background: url(../images/sub/icon_check_blue.svg) no-repeat;
  background-size: cover;
}
.toggle-list li.toggle-active {
  border-bottom: 1px solid #ddd;
}
.toggle-list li.toggle-active .icon-toggle {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toggle-list li.toggle-active .toggle-header {
  border-bottom: 0;
}
.toggle-list li.toggle-active .toggle-container {
  display: block;
  padding-bottom: 16px;
}
.toggle-list .toggle-header-wrap .toggle-header {
  text-align: left;
  gap: 4px;
  padding: 16px 8px 16px 4px;
  border: 0;
  border-bottom: 1px solid #ddd;
  display: grid;
  grid-template-columns: 20px auto 12px;
  width: 100%;
  background: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toggle-list .toggle-header-wrap .toggle-header .icon-toggle {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
}
.toggle-list .toggle-header-wrap .toggle-header .icon-toggle:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 3px solid #222;
  border-right: 3px solid #222;
  -webkit-transform: rotate(135deg) scale(0.5) translate(-3px, 8px);
      -ms-transform: rotate(135deg) scale(0.5) translate(-3px, 8px);
          transform: rotate(135deg) scale(0.5) translate(-3px, 8px);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.toggle-list .toggle-header-wrap .toggle-container {
  display: none;
}

.notes-list li,
p.notes-list,
ul.guide-bul > li.notes-list {
  margin-top: 8px;
  padding-left: 24px;
  text-indent: -20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.notes-list li::before,
p.notes-list::before,
ul.guide-bul > li.notes-list::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon/bul_list.svg") center/contain no-repeat;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  content: "";
}
.notes-list li + .notes-list,
p.notes-list + .notes-list,
ul.guide-bul > li.notes-list + .notes-list {
  margin-top: 4px;
}

.notes-list {
  margin-top: 16px;
}
.notes-list li + li {
  margin-top: 4px;
}
.notes-list li::before {
  width: 14px;
  height: 14px;
}

.bull-list > li,
p.bull-list,
ul.guide-bul > li.bull-list {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  position: relative;
  padding-left: 12px;
  color: #222;
}
.bull-list > li:first-child,
p.bull-list:first-child,
ul.guide-bul > li.bull-list:first-child {
  margin-top: 0;
}
.bull-list > li:before,
p.bull-list:before,
ul.guide-bul > li.bull-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
}
.bull-list > li.sm,
p.bull-list.sm,
ul.guide-bul > li.bull-list.sm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  margin-top: 4px;
  padding-left: 14px;
}
.bull-list > li.sm:first-child,
p.bull-list.sm:first-child,
ul.guide-bul > li.bull-list.sm:first-child {
  margin-top: 0;
}
.bull-list > li.sm:before,
p.bull-list.sm:before,
ul.guide-bul > li.bull-list.sm:before {
  width: 2px;
  height: 2px;
  top: 9px;
  left: 5.5px;
}
.bull-list > li.xs,
p.bull-list.xs,
ul.guide-bul > li.bull-list.xs {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  padding-left: 6px;
  margin-top: 4px;
}
.bull-list > li.xs:before,
p.bull-list.xs:before,
ul.guide-bul > li.bull-list.xs:before {
  top: 5px;
  width: 2px;
  height: 2px;
}
.bull-list > li.ty-2,
p.bull-list.ty-2,
ul.guide-bul > li.bull-list.ty-2 {
  margin-top: 8px;
}

.bull-list.sm > li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  margin-top: 4px;
  padding-left: 14px;
}
.bull-list.sm > li:first-child {
  margin-top: 0;
}
.bull-list.sm > li:before {
  width: 2px;
  height: 2px;
  top: 9px;
  left: 5.5px;
}
.bull-list.xs > li {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  padding-left: 6px;
  margin-top: 4px;
}
.bull-list.xs > li:before {
  top: 5px;
  width: 2px;
  height: 2px;
}
.bull-list.ty-2 > li {
  margin-top: 8px;
}

.bullet-star > li,
p.bullet-star,
ul.guide-bul > li.bullet-star {
  position: relative;
  padding-left: 9px;
  margin-top: 8px;
}
.bullet-star > li:before,
p.bullet-star:before,
ul.guide-bul > li.bullet-star:before {
  font: inherit;
  color: inherit;
  position: absolute;
  top: 2px;
  left: 0;
  display: inline;
  content: "*";
}

.bullet-star {
  margin-top: 8px;
}
.bullet-star > li {
  margin-top: 3px;
}
.bullet-star > li:first-child {
  margin-top: 0;
}

.bullet-line > li,
p.bullet-line,
ul.guide-bul > li.bullet-line {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  position: relative;
  padding-left: 11px;
}
.bullet-line > li::before,
p.bullet-line::before,
ul.guide-bul > li.bullet-line::before {
  content: "-";
  position: absolute;
  top: 2px;
  left: 0;
}

.pipe-list {
  font-size: 0;
  color: #222;
}
.pipe-list dd,
.pipe-list .item {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.pipe-list dd + dd::before, .pipe-list dd + .item::before,
.pipe-list .item + dd::before,
.pipe-list .item + .item::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 8px;
  background-color: #ddd;
  vertical-align: middle;
  margin: -3px 6px 0;
}
.pipe-list dd + dd.none::before, .pipe-list dd + .item.none::before,
.pipe-list .item + dd.none::before,
.pipe-list .item + .item.none::before {
  display: none;
}
.pipe-list .item-2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}

.box-chk-list {
  display: block;
  margin-top: 0;
}
.box-chk-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 16px 4px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-chk-list li:first-child {
  padding-top: 0;
}
.box-chk-list li + li {
  border-top: 1px solid #ddd;
}

.agree-area {
  margin: 24px 20px 0 16px;
}

.agree-list-2 li {
  position: relative;
  margin-top: 16px;
  padding-right: 26px;
}
.agree-list-2 li:first-child {
  margin-top: 0;
}
.agree-list-2 li .icon16.icon-arrow-right-black, .agree-list-2 li .type-mydata .inp-box .icon-arrow-right-black.ico-confirm:after, .type-mydata .inp-box .agree-list-2 li .icon-arrow-right-black.ico-confirm:after {
  position: absolute;
  top: 50%;
  right: -8px;
  width: 32px;
  height: 32px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.agree-list-2 li .agree-sub {
  padding-left: 26px;
  margin-top: -8px;
}

/* tab */
.tab-underbar {
  position: relative;
  margin: 0 -16px;
}
.tab-underbar:after {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.tab-underbar.tab-w {
  margin: 0;
}
.tab-underbar.tab-w ul {
  padding: 0;
}
.tab-underbar.type-scroll-x ul {
  overflow-x: auto;
}
.tab-underbar.type-scroll-x ul li {
  width: auto;
}
.tab-underbar.type-scroll-x ul li + li {
  margin-left: 16px;
}
.tab-underbar.type-scroll-x ul li button {
  padding: 0 8px;
  word-break: keep-all;
}
.tab-underbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 16px;
}
.tab-underbar ul li {
  width: 100%;
  height: 56px;
}
.tab-underbar ul li button,
.tab-underbar ul li a {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 56px;
  background: transparent;
  text-align: center;
}
.tab-underbar ul li button.active,
.tab-underbar ul li a.active {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04rem;
  line-height: 56px;
}
.tab-underbar ul li button.active:after,
.tab-underbar ul li a.active:after {
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #222;
}
.tab-underbar + .tab-contents-wrap .tab-content {
  display: none;
}
.tab-underbar + .tab-contents-wrap .tab-content.active {
  display: block;
}

/* table */
.table-base.ty-2 table {
  border-spacing: 0;
  width: 100%;
  margin-top: 8px;
  border-bottom: 1px solid #ddd;
}
.table-base.ty-2 table th,
.table-base.ty-2 table td {
  padding: 14px 4px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border: 1px solid #ddd;
  vertical-align: middle;
}
.table-base.ty-2 table th small,
.table-base.ty-2 table td small {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.table-base.ty-2 table thead.line th {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.table-base.ty-2 table thead.line tr:first-child th {
  border-top: none;
}
.table-base.ty-2 table thead.narrow th {
  padding-top: 9px;
  padding-bottom: 9px;
}
.table-base.ty-2 table thead th {
  border: none;
  background-color: #f8f8f8;
  font-weight: 500;
  border-right: 1px solid #ddd;
}
.table-base.ty-2 table thead th:last-child {
  border-right: none;
}
.table-base.ty-2 table tbody.narrow td {
  padding-top: 9px;
  padding-bottom: 9px;
}
.table-base.ty-2 table tbody th,
.table-base.ty-2 table tbody td {
  border-left: none;
  border-bottom: none;
}
.table-base.ty-2 table tbody td:last-child {
  border-right: none;
}
.table-base.ty-2 + .table-base {
  margin-top: 8px;
}

/* page */
.c-mfilter-content {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.c-mfilter-content .img {
  border-radius: 4px;
  margin-bottom: 16px;
  background-color: #ddd;
  overflow: hidden;
}
.c-mfilter-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: top;
}
.c-mfilter-content .text {
  margin: 16px 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.c-mfilter-content .tit-sub + .text {
  margin-top: 4px;
}

/* box style */
.box-area-base {
  border: 1px solid #666;
  border-radius: 6px;
  padding: 16px 20px;
  color: #222;
}
.box-area-base.ty-2 {
  padding: 16px;
}
.box-area-base.box-gray {
  padding: 20px 16px;
  border: none;
  background-color: #f8f8f8;
}
.box-area-base.box-gray--ty2 {
  border-radius: 8px;
  padding: 16px;
  word-break: break-word;
}

.c-s-title + .box-gray {
  margin-top: 12px;
}

/* popup */
.pop-s-title {
  margin: 0 8px 32px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #222;
}

.masked-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masked-form input, .masked-form .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .masked-form .ico-confirm, .masked-form .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .masked-form .ico-confirm {
  width: 162px;
}
.masked-form .dash {
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  font-weight: 300;
  margin: 0 6px;
}
.masked-form .dash + input, .masked-form .type-mydata .inp-box .dash + .ico-confirm, .type-mydata .inp-box .masked-form .dash + .ico-confirm, .masked-form .new-content-body .inp-box .dash + .ico-confirm, .new-content-body .inp-box .masked-form .dash + .ico-confirm {
  width: 48px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: center;
}
.masked-form .masked-dot {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
@media (max-width: 359px) {
  .masked-form .input-base {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }
}

.cert-form {
  position: relative;
}
.cert-form input, .cert-form .type-mydata .inp-box .ico-confirm, .type-mydata .inp-box .cert-form .ico-confirm, .cert-form .new-content-body .inp-box .ico-confirm, .new-content-body .inp-box .cert-form .ico-confirm {
  padding-right: 52px;
}
.cert-form .timer {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f23f3f;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.cert-form .timer.over {
  color: #888;
  font-weight: 300;
}

.tooltip.tp03.tp03--new {
  margin: 0;
}
.tooltip.tp03.tp03--new .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tooltip.tp03.tp03--new .tip-tit {
  background-size: 14px auto;
  width: 23px;
  height: 23px;
}
.tooltip.tp03.tp03--new .tip-con {
  width: 319px;
}
.tooltip.tp03.tp03--new .tip-con .sub {
  border-radius: 4px;
  padding: 20px 50px 20px 20px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.tooltip.tp03.tp03--new .tip-con .tip-close {
  top: 20px;
  right: 20px;
}
.tooltip.tp03.tp03--new .tip-con .tip-close:after {
  position: initial;
  width: 100%;
  height: 100%;
  background: url("../images/common/icon/icon20-close-black.svg") no-repeat;
}
@media (max-width: 359px) {
  .tooltip.tp03.tp03--new .tip-con {
    width: 90vw;
  }
}

.section-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-container .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
}
.section-container .section-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 56px;
  margin-bottom: 72px;
  overflow-y: auto;
  padding: 0 16px 48px;
}
.section-container .btn-grid {
  margin-top: 0;
}

.ui-select-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0 42px 0 16px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  background: url(../images/common/icon/icon16-select-arrow.svg) no-repeat;
  background-size: 16px auto;
  background-position: right 16px center;
  color: #222;
}
.ui-select-base:disabled {
  background-color: #eee;
  color: #888;
}

.app-info-icon {
  padding-left: 32px;
  position: relative;
}
.app-info-icon::before {
  content: "";
  display: block;
  width: 176px;
  height: 180px;
  background: url(../images/temp/celebration.png) no-repeat;
  background-size: 100% auto;
  margin-bottom: 27px;
}

.chart-area-list {
  margin-top: 2.4rem;
}

.chart-area {
  margin-top: 0.8rem;
  width: 100%;
  height: 34.3rem;
  background-color: #f8f8f8;
  padding: 4.8rem 2rem 2rem;
  border-radius: 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.chart-area.chart-area--pd2 {
  padding: 4.8rem 8rem 2rem;
}
.chart-area .chart {
  height: 28rem;
}
.chart-area .chart .amcharts-AxisLabel tspan {
  font-weight: 300;
}
.chart-area .unit-label {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}

.ai-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0.4rem;
  padding: 2.4rem 0.4rem;
  border-top: 0.1rem solid #222;
  border-bottom: 0.1rem solid #222;
}
.ai-data.ai-data--cmg {
  margin: 2.4rem 0 0;
}
.ai-data dl dt, .ai-data dl .dealer-detail .dealer-detail__status > div dd, .dealer-detail .dealer-detail__status > div .ai-data dl dd {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.ai-data dl dd {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  line-height: 4rem;
}
.ai-data dl dd > strong {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}

.wrap-area.is-external .header {
  display: none;
}
.wrap-area.is-external .header + .buy {
  margin-top: 0;
}
/*# sourceMappingURL=style.css.map */