@charset "UTF-8";
.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
/* Pretendard */
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../font/Pretendard-SemiBold.woff2") format("woff2"), url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../font/Pretendard-Thin.woff2") format("woff2"), url("../font/Pretendard-Thin.woff") format("woff");
}
.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.box-white {
  overflow: hidden;
  position: relative;
  padding: 60px;
  border-radius: 20px;
  background-color: #fff;
}
.box-white.c-line:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 60px;
  bottom: 60px;
  display: block;
  width: 1px;
  background-color: #ddd;
}
.box-white .box-sub50 {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 60px;
}
.box-white .box-sub50 + .box-sub50, .box-white .box-sub50.b-right {
  float: right;
  padding: 0 0 0 60px;
}

.box-gray {
  padding: 30px;
  border-radius: 8px;
  background-color: #fafafa;
}
.box-gray:after {
  content: "";
  display: block;
  clear: both;
}
.box-gray .bk-box {
  display: block;
  min-height: 40px;
}
.box-gray .bk-box:after {
  content: "";
  display: block;
  clear: both;
}
.box-gray .bk-box + .bk-box {
  margin-top: 20px;
}
.box-gray .il-box {
  float: left;
  display: inline-block;
  vertical-align: top;
  min-height: 40px;
}
.box-gray .il-box + .il-box {
  margin-left: 90px;
}
.box-gray .tit-box {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  font-size: 16px;
  color: #666;
}
.box-gray .txar-box.cmt-tp {
  width: 100%;
}
.box-gray.search-tp01 .il-box[class*=wtp] + .il-box {
  margin-left: 0;
}
.box-gray.search-tp01 .il-box.wtp02 {
  width: 570px;
}
.box-gray.search-tp01 .tit-box.wtp02 {
  width: 76px;
}
.box-gray.cmm-il-box {
  margin-top: 135px;
  padding: 30px 30px 10px;
}
.box-gray.cmm-il-box .il-box {
  margin: 0 30px 20px 0;
}
.box-gray.cmm-il-box .il-box:last-child {
  margin-left: 0;
  margin-right: 0;
}
.box-gray.cmm-il-box .bk-box + .bk-box {
  margin-top: 0;
}

.clause-area .ch-tal {
  min-height: 24px;
  margin-bottom: 26px;
}
.clause-area .ch-list li + li {
  margin-top: 15px;
}
.clause-area .ch-list li .list {
  position: relative;
  min-height: 24px;
  padding-right: 40px;
}
.clause-area .ch-list li .list .link {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.clause-area .ch-list li .hrzt {
  padding-left: 30px;
  margin-top: 15px;
}
.clause-area .ch-list li .hrzt .cmm-in-ck {
  display: inline-block;
  margin: 0 15px 0 10px;
}
.clause-area .list.depth {
  margin-top: 10px;
  padding-left: 26px;
}
.clause-area .list.depth .inp-ch label > span, .clause-area .list.depth .inp-ch-new label > span {
  font-size: 14px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

.cor-blue {
  color: #336fc9 !important;
}

.cor-black {
  color: #222 !important;
}

.cor-white {
  color: #fff !important;
}

.ft-rg {
  font-family: normal;
}

.ft-md, .terms-sign strong, .terms-sign-area .terms-sign-util {
  font-weight: 500;
}

.ft-bd, .inp-rd-new.is-all label > span {
  font-weight: bold;
}

.ft-tn {
  font-weight: 100;
}

.ft-bk {
  font-weight: 900;
}

.ft-dl {
  font-family: 300;
}

.btn-s,
.btn-m,
.btn-l,
.btn-xl {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 60px;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.btn-s:focus,
.btn-m:focus,
.btn-l:focus,
.btn-xl:focus {
  outline: none;
}
.btn-s > span,
.btn-m > span,
.btn-l > span,
.btn-xl > span {
  display: inline-block;
  vertical-align: top;
  color: #222;
}
.btn-s.disabled,
.btn-m.disabled,
.btn-l.disabled,
.btn-xl.disabled {
  border-color: #ddd !important;
  background-color: #f1f1f1 !important;
  cursor: default;
}
.btn-s.disabled > span,
.btn-m.disabled > span,
.btn-l.disabled > span,
.btn-xl.disabled > span {
  color: #999 !important;
}
.btn-s.disabled.ck-on,
.btn-m.disabled.ck-on,
.btn-l.disabled.ck-on,
.btn-xl.disabled.ck-on {
  border-color: #ccc !important;
  background-color: #ddd !important;
}
.btn-s.disabled.ck-on > span,
.btn-m.disabled.ck-on > span,
.btn-l.disabled.ck-on > span,
.btn-xl.disabled.ck-on > span {
  color: #666 !important;
}
.btn-s.bl-blue,
.btn-m.bl-blue,
.btn-l.bl-blue,
.btn-xl.bl-blue {
  border-color: #336fc9;
  background-color: #fff;
}
.btn-s.bl-blue > span,
.btn-m.bl-blue > span,
.btn-l.bl-blue > span,
.btn-xl.bl-blue > span {
  color: #336fc9;
}
.btn-s.bl-blue.btn-m.ck-on,
.btn-m.bl-blue.btn-m.ck-on,
.btn-l.bl-blue.btn-m.ck-on,
.btn-xl.bl-blue.btn-m.ck-on {
  border-color: #336fc9;
  background-color: #336fc9;
}
.btn-s.bl-blue.btn-m.ck-on > span,
.btn-m.bl-blue.btn-m.ck-on > span,
.btn-l.bl-blue.btn-m.ck-on > span,
.btn-xl.bl-blue.btn-m.ck-on > span {
  color: #fff;
}
.btn-s.bl-blue02,
.btn-m.bl-blue02,
.btn-l.bl-blue02,
.btn-xl.bl-blue02 {
  border-color: #364f7f;
  background-color: #fff;
}
.btn-s.bl-blue02 > span,
.btn-m.bl-blue02 > span,
.btn-l.bl-blue02 > span,
.btn-xl.bl-blue02 > span {
  color: #364f7f;
}
.btn-s.bl-blue02.btn-m.ck-on,
.btn-m.bl-blue02.btn-m.ck-on,
.btn-l.bl-blue02.btn-m.ck-on,
.btn-xl.bl-blue02.btn-m.ck-on {
  border-color: #336fc9;
  background-color: #364f7f;
}
.btn-s.bl-blue02.btn-m.ck-on > span,
.btn-m.bl-blue02.btn-m.ck-on > span,
.btn-l.bl-blue02.btn-m.ck-on > span,
.btn-xl.bl-blue02.btn-m.ck-on > span {
  color: #fff;
}
.btn-s.bc-blue,
.btn-m.bc-blue,
.btn-l.bc-blue,
.btn-xl.bc-blue {
  border-color: #336fc9;
  background-color: #336fc9;
}
.btn-s.bc-blue > span,
.btn-m.bc-blue > span,
.btn-l.bc-blue > span,
.btn-xl.bc-blue > span {
  color: #fff;
}
.btn-s.bc-blue02,
.btn-m.bc-blue02,
.btn-l.bc-blue02,
.btn-xl.bc-blue02 {
  border-color: #364f7f;
  background-color: #364f7f;
}
.btn-s.bc-blue02 > span,
.btn-m.bc-blue02 > span,
.btn-l.bc-blue02 > span,
.btn-xl.bc-blue02 > span {
  color: #fff;
}
.btn-s.bc-blue03,
.btn-m.bc-blue03,
.btn-l.bc-blue03,
.btn-xl.bc-blue03 {
  border-color: #6e7da0;
  background-color: #6e7da0;
}
.btn-s.bc-blue03 > span,
.btn-m.bc-blue03 > span,
.btn-l.bc-blue03 > span,
.btn-xl.bc-blue03 > span {
  color: #fff;
}
.btn-s.bc-gray,
.btn-m.bc-gray,
.btn-l.bc-gray,
.btn-xl.bc-gray {
  border-color: #ddd;
  background-color: #ddd;
}
.btn-s.bc-gray > span,
.btn-m.bc-gray > span,
.btn-l.bc-gray > span,
.btn-xl.bc-gray > span {
  color: #222;
}
.btn-s.bc-gray02,
.btn-m.bc-gray02,
.btn-l.bc-gray02,
.btn-xl.bc-gray02 {
  border-color: #ddd;
  background-color: #f8f8f8;
}
.btn-s.bc-gray02 > span,
.btn-m.bc-gray02 > span,
.btn-l.bc-gray02 > span,
.btn-xl.bc-gray02 > span {
  color: #888;
}
.btn-s.bc-yellow,
.btn-m.bc-yellow,
.btn-l.bc-yellow,
.btn-xl.bc-yellow {
  border-color: #fcaf17;
  background-color: #fcaf17;
}
.btn-s.bc-yellow > span,
.btn-m.bc-yellow > span,
.btn-l.bc-yellow > span,
.btn-xl.bc-yellow > span {
  color: #222;
}
.btn-s.bc-yellow.type-new,
.btn-m.bc-yellow.type-new,
.btn-l.bc-yellow.type-new,
.btn-xl.bc-yellow.type-new {
  border-color: transparent;
}
.btn-s.bl-black,
.btn-m.bl-black,
.btn-l.bl-black,
.btn-xl.bl-black {
  border-color: #222;
  background-color: #fff;
}
.btn-s.bl-black > span,
.btn-m.bl-black > span,
.btn-l.bl-black > span,
.btn-xl.bl-black > span {
  color: #222;
}
.btn-s.bc-red,
.btn-m.bc-red,
.btn-l.bc-red,
.btn-xl.bc-red {
  border-color: #fd665c;
  background-color: #fd665c;
  padding: 0 10px;
}
.btn-s.bc-red > span,
.btn-m.bc-red > span,
.btn-l.bc-red > span,
.btn-xl.bc-red > span {
  color: #fff;
}
.btn-s.bc-green,
.btn-m.bc-green,
.btn-l.bc-green,
.btn-xl.bc-green {
  border-color: #10af5b;
  background-color: #10af5b;
  padding: 0 10px;
}
.btn-s.bc-green > span,
.btn-m.bc-green > span,
.btn-l.bc-green > span,
.btn-xl.bc-green > span {
  color: #fff;
}
.btn-s[class*=bi-],
.btn-m[class*=bi-],
.btn-l[class*=bi-],
.btn-xl[class*=bi-] {
  position: relative;
  padding-left: 20px;
  text-align: left !important;
}
.btn-s.bi-arrow,
.btn-m.bi-arrow,
.btn-l.bi-arrow,
.btn-xl.bi-arrow {
  padding-right: 46px;
}
.btn-s.bi-arrow:after,
.btn-m.bi-arrow:after,
.btn-l.bi-arrow:after,
.btn-xl.bi-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/btn_icon.png") no-repeat;
}
.btn-s.bi-arrow > span,
.btn-m.bi-arrow > span,
.btn-l.bi-arrow > span,
.btn-xl.bi-arrow > span {
  text-align: left;
}
.btn-s.bi-naver, .btn-s.bi-kakao, .btn-s.bi-facebook, .btn-s.bi-google,
.btn-m.bi-naver,
.btn-m.bi-kakao,
.btn-m.bi-facebook,
.btn-m.bi-google,
.btn-l.bi-naver,
.btn-l.bi-kakao,
.btn-l.bi-facebook,
.btn-l.bi-google,
.btn-xl.bi-naver,
.btn-xl.bi-kakao,
.btn-xl.bi-facebook,
.btn-xl.bi-google {
  padding-left: 0;
}
.btn-s.bi-naver > span, .btn-s.bi-kakao > span, .btn-s.bi-facebook > span, .btn-s.bi-google > span,
.btn-m.bi-naver > span,
.btn-m.bi-kakao > span,
.btn-m.bi-facebook > span,
.btn-m.bi-google > span,
.btn-l.bi-naver > span,
.btn-l.bi-kakao > span,
.btn-l.bi-facebook > span,
.btn-l.bi-google > span,
.btn-xl.bi-naver > span,
.btn-xl.bi-kakao > span,
.btn-xl.bi-facebook > span,
.btn-xl.bi-google > span {
  position: relative;
  display: block;
  padding-left: 46px;
}
.btn-s.bi-naver > span:after, .btn-s.bi-kakao > span:after, .btn-s.bi-facebook > span:after, .btn-s.bi-google > span:after,
.btn-m.bi-naver > span:after,
.btn-m.bi-kakao > span:after,
.btn-m.bi-facebook > span:after,
.btn-m.bi-google > span:after,
.btn-l.bi-naver > span:after,
.btn-l.bi-kakao > span:after,
.btn-l.bi-facebook > span:after,
.btn-l.bi-google > span:after,
.btn-xl.bi-naver > span:after,
.btn-xl.bi-kakao > span:after,
.btn-xl.bi-facebook > span:after,
.btn-xl.bi-google > span:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}
.btn-s.bi-naver > span:after,
.btn-m.bi-naver > span:after,
.btn-l.bi-naver > span:after,
.btn-xl.bi-naver > span:after {
  left: 19px;
  width: 16px;
  height: 15px;
  margin-top: -7.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -7px top;
}
.btn-s.bi-kakao > span:after,
.btn-m.bi-kakao > span:after,
.btn-l.bi-kakao > span:after,
.btn-xl.bi-kakao > span:after {
  left: 19px;
  width: 18px;
  height: 17px;
  margin-top: -8.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -23px top;
}
.btn-s.bi-facebook > span:after,
.btn-m.bi-facebook > span:after,
.btn-l.bi-facebook > span:after,
.btn-xl.bi-facebook > span:after {
  left: 22px;
  width: 9px;
  height: 19px;
  margin-top: -9.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -41px top;
}
.btn-s.bi-google > span:after,
.btn-m.bi-google > span:after,
.btn-l.bi-google > span:after,
.btn-xl.bi-google > span:after {
  left: 19px;
  width: 16px;
  height: 17px;
  margin-top: -8.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -50px top;
}
.btn-s.bi-search, .btn-s.bi-car,
.btn-m.bi-search,
.btn-m.bi-car,
.btn-l.bi-search,
.btn-l.bi-car,
.btn-xl.bi-search,
.btn-xl.bi-car {
  width: 210px;
  padding-left: 58px;
}
.btn-s.bi-search:after, .btn-s.bi-car:after,
.btn-m.bi-search:after,
.btn-m.bi-car:after,
.btn-l.bi-search:after,
.btn-l.bi-car:after,
.btn-xl.bi-search:after,
.btn-xl.bi-car:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}
.btn-s.bi-search:after,
.btn-m.bi-search:after,
.btn-l.bi-search:after,
.btn-xl.bi-search:after {
  left: 20px;
  width: 21px;
  height: 21px;
  margin-top: -10.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -66px top;
}
.btn-s.bi-car:after,
.btn-m.bi-car:after,
.btn-l.bi-car:after,
.btn-xl.bi-car:after {
  left: 17px;
  width: 30px;
  height: 19px;
  margin-top: -9.5px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -87px top;
}
.btn-s.bi-ds,
.btn-m.bi-ds,
.btn-l.bi-ds,
.btn-xl.bi-ds {
  width: 150px;
  padding-left: 53px;
}
.btn-s.bi-ds:after,
.btn-m.bi-ds:after,
.btn-l.bi-ds:after,
.btn-xl.bi-ds:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  left: 19px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -187px top;
}
.btn-s.ba-count,
.btn-m.ba-count,
.btn-l.ba-count,
.btn-xl.ba-count {
  text-align: center;
  width: 80px;
  padding: 0;
}
.btn-s.ba-count .count,
.btn-m.ba-count .count,
.btn-l.ba-count .count,
.btn-xl.ba-count .count {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  color: #2666c6;
}
.btn-s.ba-count .count .ani,
.btn-m.ba-count .count .ani,
.btn-l.ba-count .count .ani,
.btn-xl.ba-count .count .ani {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  color: transparent;
}

.btn-s {
  min-width: auto;
  height: 24px;
}
.btn-s > span {
  line-height: 22px;
  font-size: 14px;
}

.btn-m {
  height: 40px;
}
.btn-m > span {
  line-height: 38px;
  font-size: 14px;
}

.btn-l {
  height: 60px;
}
.btn-l > span {
  line-height: 58px;
  font-size: 18px;
}

.btn-xl {
  height: 70px;
}
.btn-xl > span {
  line-height: 68px;
  font-size: 20px;
}

.btn-r {
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  padding: 0 16px;
  border: 1px solid #ddd;
  border-radius: 18px;
  background-color: #fff;
}
.btn-r:focus {
  outline: none;
}
.btn-r > span {
  display: inline-block;
  vertical-align: top;
  line-height: 34px;
  color: #666;
}
.btn-r.ck-on {
  border-color: #2666c6;
  background-color: #2666c6;
}
.btn-r.ck-on > span {
  color: #fff;
}
.btn-r.ck-on > span > span {
  color: #fff;
}

.other-list .btn-r.all-other {
  position: relative;
  width: 110px !important;
  padding-left: 35px !important;
}
.other-list .btn-r.all-other::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 46px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../images/sub/ico_checked.png");
  content: "";
}
.other-list .btn-r.all-other.ck-on::before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.other-list .btn-r {
  width: 85px;
  margin: 0 0 10px 0 !important;
}

.other-list.other-list-w .btn-r {
  width: auto;
  padding: 0 20px;
  margin: 0 0 10px 0 !important;
}

.color-sel {
  margin-right: 10px;
  text-align: center;
  overflow: hidden;
}
.color-sel button {
  display: inline-block;
  float: left;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border-width: 1px;
  border-style: solid;
  margin: 0 10px 10px 0;
}
.color-sel button span {
  display: block;
  width: 80px;
  height: 80px;
  color: #fff;
  padding-top: 30px;
}
.color-sel button:focus {
  outline: none;
}
.color-sel button.ck-on {
  background-image: url("../images/sub/icon_check.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.color-sel button.ck-on span {
  padding-top: 38px;
}
.color-sel button.col-white.ck-on, .color-sel button.col-silver.ck-on, .color-sel button.col-pearl.ck-on, .color-sel button.col-yellow.ck-on {
  background-position: 0 -80px;
}
.color-sel button.col-all {
  border: none;
  background-image: url("../images/sub/bg_rainbow.png");
}
.color-sel button.col-all.ck-on {
  background-image: url("../images/sub/bg_rainbow.png");
  background-position: 0 -80px;
}
.color-sel button.col-black {
  border-color: #000;
  background-color: #000;
}
.color-sel button.col-white {
  border-color: #ddd;
  background-color: #fff;
}
.color-sel button.col-white span {
  color: #222;
}
.color-sel button.col-silver {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}
.color-sel button.col-silver span {
  color: #222;
}
.color-sel button.col-gray {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
}
.color-sel button.col-pearl {
  border-color: #ddd;
  background-color: #fefff9;
}
.color-sel button.col-pearl span {
  color: #222;
}
.color-sel button.col-red {
  border-color: #eb2a2a;
  background-color: #eb2a2a;
}
.color-sel button.col-orange {
  border-color: #e46600;
  background-color: #e46600;
}
.color-sel button.col-yellow {
  border-color: #ffd800;
  background-color: #ffd800;
}
.color-sel button.col-yellow span {
  color: #222;
}
.color-sel button.col-brown {
  border-color: #a84200;
  background-color: #a84200;
}
.color-sel button.col-green {
  border-color: #009944;
  background-color: #009944;
}
.color-sel button.col-blue {
  border-color: #324df4;
  background-color: #324df4;
}
.color-sel button.col-purple {
  border-color: #9e32b1;
  background-color: #9e32b1;
}

.area-btn {
  text-align: center;
  margin-top: 60px;
  font-size: 0;
}
.area-btn > .btn-s, .area-btn > .btn-m, .area-btn > .btn-l {
  text-align: center;
}
.area-btn > .btn-s > span, .area-btn > .btn-m > span, .area-btn > .btn-l > span {
  text-align: left;
}
.area-btn > .btn-s {
  margin: 0 2px;
}
.area-btn > .btn-m {
  margin: 0 5px;
}
.area-btn > .btn-l {
  margin: 0 5px;
}
.area-btn.ab-left {
  text-align: left;
}
.area-btn.ab-left > .btn-s {
  margin: 0 4px 0 0;
}
.area-btn.ab-left > .btn-m {
  margin: 0 10px 0 0;
}
.area-btn.ab-left > .btn-l {
  margin: 0 10px 0 0;
}
.area-btn.ab-right {
  text-align: right;
}
.area-btn.ab-right > .btn-s {
  margin: 0 0 0 4px;
}
.area-btn.ab-right > .btn-m {
  margin: 0 0 0 10px;
}
.area-btn.ab-right > .btn-l {
  margin: 0 0 0 10px;
}

.btn-line30 {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.dealer-btn {
  clear: both;
  padding-top: 10px;
}
.dealer-btn a,
.dealer-btn .role-btn {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
}
.dealer-btn a span,
.dealer-btn .role-btn span {
  font-weight: bold;
  color: #2666c6;
}
.dealer-btn a.new:after,
.dealer-btn .role-btn.new:after {
  content: "N";
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: -10px;
  right: -3px;
  border-radius: 16px;
}

.btn-box {
  overflow: hidden;
  width: 180px;
}
.btn-box a {
  display: inline-block;
  width: 80px;
  height: 40px;
  border: 1px solid #ddd;
  background: #fff;
  color: #222;
  border-radius: 4px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
  float: left;
  margin-right: 4px;
}
.btn-box a.on {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}

.btn-storage button {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #f5f5f5;
  margin-right: 30px;
  text-indent: -9999px;
  background: #f5f5f5 url("../images/sub/btn_storage.png") no-repeat 0 0;
}
.btn-storage button.interest {
  background-position: -120px 0;
}
.btn-storage button.interest.on {
  background-position: 0 0;
}
.btn-storage button.compare {
  background-position: -180px 0;
}
.btn-storage button.compare.on {
  background-position: -60px 0;
}
.btn-storage.v02 {
  vertical-align: right;
}
.btn-storage.v02 button {
  margin: 0;
}
.btn-storage.v02 button + button {
  margin: 0 0 0 30px;
}

.lc-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  background-color: #f5f5f5;
}
.lc-btn:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  background: url("../images/sub/buy-bg.png") no-repeat;
}
.lc-btn + .lc-btn {
  margin-left: 6px;
}
.lc-btn.like:after {
  width: 17px;
  height: 18px;
  background-position: -94px -110px;
}
.lc-btn.cpr:after {
  width: 18px;
  height: 18px;
  background-position: -128px -110px;
}
.lc-btn.like.ck-on:after {
  background-position: -111px -110px;
}
.lc-btn.cpr.ck-on:after {
  background-position: -147px -110px;
}

.btn-m.check {
  position: relative;
  padding: 0 0 0 32px;
}
.btn-m.check:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 9px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -367px;
  width: 20px;
  height: 20px;
}
.btn-m.check.on {
  border-color: #336fc9;
}
.btn-m.check.on:after {
  background-position: -63px -367px;
}
.btn-m.check.on span {
  color: #336fc9;
}

.btn-m.reset {
  position: relative;
  padding: 0 0 0 30px;
}
.btn-m.reset:after {
  content: "";
  position: absolute;
  left: 28px;
  top: 9px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -397px;
  width: 20px;
  height: 20px;
}

.share-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  padding-left: 34px;
}
.share-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/btn_icon.png") no-repeat -136px top;
}

.tip-btn,
.info-btn {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: url("../images/common/btn_icon.png") no-repeat -211px top;
}

.tip-btn.e-mark {
  background: url("../images/common/btn_tooltip.png") no-repeat 0 0;
}

.info-btn {
  vertical-align: middle !important;
}

.cmm-next,
.cmm-prev {
  position: relative;
  width: 200px;
  text-align: left !important;
  padding: 0 0 0 20px;
}
.cmm-next:after,
.cmm-prev:after {
  content: "";
  position: absolute;
  top: 14px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 6px;
  height: 12px;
}

.cmm-next:after {
  right: 20px;
  background-position: -33px -455px;
}

.cmm-prev {
  padding: 0 20px 0 0;
  text-align: right !important;
}
.cmm-prev:after {
  left: 20px;
  background-position: -63px -455px;
}

.btn-l.type-new,
.btn-m.type-new {
  -webkit-transition: background-color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background-color ease-in-out 0.1s, border-color ease-in-out 0.1s;
}
.btn-l.type-new.full,
.btn-m.type-new.full {
  width: 100%;
}
.btn-l.type-new.bi-arrow,
.btn-m.type-new.bi-arrow {
  padding-right: 36px;
}
.btn-l.type-new.bi-arrow:after,
.btn-m.type-new.bi-arrow:after {
  right: 14px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../images/common/icon16-arrow-right-black.svg") center/16px auto no-repeat;
}
.btn-l.type-new:hover, .btn-l.type-new:focus,
.btn-m.type-new:hover,
.btn-m.type-new:focus {
  background-color: #f2f2f2;
}
.btn-l.type-new .icon-bi,
.btn-m.type-new .icon-bi {
  margin-right: 18px;
}
.btn-l.type-new.bc-blue02,
.btn-m.type-new.bc-blue02 {
  border-color: #364f7f;
}
.btn-l.type-new.bc-blue02:after,
.btn-m.type-new.bc-blue02:after {
  background-image: url("../images/common/icon16-arrow-right-white.svg");
}
.btn-l.type-new.bc-blue02:hover, .btn-l.type-new.bc-blue02:focus,
.btn-m.type-new.bc-blue02:hover,
.btn-m.type-new.bc-blue02:focus {
  background-color: #2b4473;
  border-color: #2b4473;
}

.btn-l.type-new {
  border-radius: 12px;
  padding: 0 16px;
  cursor: pointer;
}
.btn-l.type-new > span {
  font-weight: 500;
  font-size: 16px;
}
.btn-l.type-new:disabled,
.btn-l.type-new [disabled], .btn-l.type-new.disabled {
  cursor: default;
}
.btn-l.type-new.bc-yellow:hover, .btn-l.type-new.bc-yellow:focus {
  background-color: #f4a811;
  border-color: #f4a811;
}

.btn-m.type-new {
  height: 48px;
  border-color: #aaa;
  border-radius: 12px;
  padding: 0 16px;
}
.btn-m.type-new > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 46px;
}
.btn-m.type-new.bc-yellow:hover, .btn-m.type-new.bc-yellow:focus {
  background-color: #f4a811;
  border-color: #f4a811;
}

.icon-bi {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-bi.icon-kakao {
  background-image: url("../images/common/icon-bi-kakao.svg");
}
.icon-bi.icon-naver {
  background-image: url("../images/common/icon-bi-naver.svg");
}
.icon-bi.icon-facebook {
  background-image: url("../images/common/icon-bi-facebook.svg");
}
.icon-bi.icon-google {
  background-image: url("../images/common/icon-bi-google.svg");
}
.icon-bi.icon-apple {
  background-image: url("../images/common/icon-bi-apple.svg");
}

.link-txt {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  padding: 0 8px;
}
.link-txt:hover:after, .link-txt:focus:after {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  display: block;
  height: 1px;
  background: #aaa;
  content: "";
}

.link-txt-area {
  font-size: 0;
}
.link-txt-area .link-txt:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  content: "";
}
.link-txt-area .link-txt:first-child:before {
  display: none;
}

.btn-round-x {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background: url("../images/common/icon24-round-x.svg") center/26px auto no-repeat;
  overflow: hidden;
}

.c-btn {
  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;
  min-width: 90px;
  min-height: 48px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-word;
  padding: 10px;
}
.c-btn.btn-round {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  min-height: 56px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
  padding-left: 32px;
  padding-right: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-btn.btn-outline, .c-btn.btn-outline-light {
  border: 1px solid #222;
  background-color: #fff;
}
.c-btn.btn-outline.disabled, .c-btn.btn-outline:disabled, .c-btn.btn-outline-light.disabled, .c-btn.btn-outline-light:disabled {
  color: #aaa;
  background: #eee;
  border-color: #ddd;
  cursor: default;
}
.c-btn.btn-outline.disabled--ty2, .c-btn.btn-outline.disabled--ty2:disabled, .c-btn.btn-outline-light.disabled--ty2, .c-btn.btn-outline-light.disabled--ty2:disabled {
  color: #aaa;
  background: #fff;
  border-color: #ddd;
  cursor: default;
}
.c-btn.btn-outline-light {
  border: 1px solid #ddd;
}
.c-btn.btn-small {
  min-height: 40px;
}
.c-btn.btn-medium {
  min-height: 50px;
}
.c-btn.btn-large {
  height: 56px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.c-btn.btn-large + .btn-large {
  margin-left: 8px;
}
.c-btn.btn-gray {
  background-color: #eee;
}
.c-btn.btn-yellow {
  background-color: #ffd338;
}
.c-btn.btn-yellow.disabled, .c-btn.btn-yellow:disabled {
  color: #aaa;
  background: #ddd;
  border-color: #ddd;
  cursor: default;
}
.theme-dealer .c-btn.btn-yellow:not(:disabled):not(.disabled):not(.btn-round), .c-btn.btn-yellow.theme-dealer:not(:disabled):not(.disabled):not(.btn-round) {
  color: #fff;
  background: #222;
}
.theme-dealer .c-btn.btn-yellow:disabled, .theme-dealer .c-btn.btn-yellow.disabled, .c-btn.btn-yellow.theme-dealer.disabled {
  color: #888;
  background: #ddd;
  border-color: #ddd;
}
.c-btn.btn-black {
  color: #fff;
  background: #222;
  border: 1px solid #222;
}
.c-btn.btn-black.disabled, .c-btn.btn-black:disabled {
  color: #888;
  background: #ddd;
  border-color: #ddd;
  cursor: default;
}
.c-btn .small {
  font-weight: 300;
}
.c-btn.w-full {
  width: 100%;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
[class*=inp-] + [class*=inp-],
[class*=inp-] + [class*=btn-],
[class*=inp-] + .btn-r,
[class*=inp-] + select + .select2,
[class*=inp-] + .form-t,
[class*=btn-] + [class*=inp-],
[class*=btn-] + [class*=btn-],
[class*=btn-] + .btn-r,
[class*=btn-] + select + .select2,
[class*=btn-] + .form-t,
.btn-r + [class*=inp-],
.btn-r + [class*=btn-],
.btn-r + .btn-r,
.btn-r + select + .select2,
.btn-r + .form-t,
.select2 + [class*=inp-],
.select2 + [class*=btn-],
.select2 + .btn-r,
.select2 + select + .select2,
.select2 + .form-t,
.form-t + [class*=inp-],
.form-t + [class*=btn-],
.form-t + .btn-r,
.form-t + select + .select2,
.form-t + .form-t {
  margin-left: 6px;
}

input {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::-ms-clear {
  display: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=text]::-webkit-input-placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
input[type=text]::-moz-placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
input[type=text]::-ms-input-placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
input[type=text]::placeholder {
  color: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder {
  color: #999;
}
input[type=text]::-ms-input-placeholder {
  color: #999;
}

.inp-t {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.inp-t > input {
  display: block;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 100%;
  border: 0 none;
  font-size: 16px;
  color: #222;
  background-color: transparent;
  outline: 0;
}
.inp-t.is-invalid {
  border-color: #f23f3f;
}
.inp-t.inp-money {
  padding-right: 50px;
}
.inp-t.inp-money > .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  font-weight: 500;
}
.inp-t.inp-money.ty-2 {
  padding-right: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.inp-t.inp-money.ty-2 > input {
  text-align: right;
  font-weight: 700;
  line-height: 26px;
}
.inp-t.inp-money.ty-2 > input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #888;
}
.inp-t.inp-money.ty-2 > input::-moz-placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #888;
}
.inp-t.inp-money.ty-2 > input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #888;
}
.inp-t.inp-money.ty-2 > input::-ms-input-placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #888;
}
.inp-t.inp-money.ty-2 > input::placeholder {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #888;
}
.inp-t.inp-money.ty-2 > .t-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: auto;
}
.inp-t.inp-byte {
  padding-right: 54px;
}
.inp-t.inp-byte > .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #999;
}
.inp-t.inp-time {
  padding-right: 55px;
}
.inp-t.inp-time.disabled > input::-webkit-input-placeholder, .inp-t.inp-time:disabled > input::-webkit-input-placeholder {
  font-weight: 700;
  color: #aaa;
}
.inp-t.inp-time.disabled > input::-moz-placeholder, .inp-t.inp-time:disabled > input::-moz-placeholder {
  font-weight: 700;
  color: #aaa;
}
.inp-t.inp-time.disabled > input:-ms-input-placeholder, .inp-t.inp-time:disabled > input:-ms-input-placeholder {
  font-weight: 700;
  color: #aaa;
}
.inp-t.inp-time.disabled > input::-ms-input-placeholder, .inp-t.inp-time:disabled > input::-ms-input-placeholder {
  font-weight: 700;
  color: #aaa;
}
.inp-t.inp-time.disabled > input::placeholder, .inp-t.inp-time:disabled > input::placeholder {
  font-weight: 700;
  color: #aaa;
}
.inp-t.inp-time > .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  display: none;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #f23f3f;
}
.inp-t.inp-cer {
  padding-right: 99px;
}
.inp-t.inp-cer > .t-txt {
  position: absolute;
  right: 19px;
  top: 6px;
  display: none;
  height: 26px;
  line-height: 26px;
  padding-left: 24px;
  font-size: 14px;
  color: #2666c6;
}
.inp-t.inp-cer > .t-txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("../images/common/form_icon.png") no-repeat;
}
.inp-t.inp-search {
  padding-right: 50px;
}
.inp-t.inp-search button {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 40px;
  height: 26px;
}
.inp-t.inp-search button:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 2px;
  display: block;
  width: 22px;
  height: 22px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -183px top;
}
.inp-t.inp-search button span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.inp-t.inp-mileage {
  padding-right: 39px;
}
.inp-t.inp-mileage input {
  text-align: right;
}
.inp-t.inp-mileage > .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  display: block;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  font-size: 14px;
  color: #999;
}
.inp-t.inp-date:after, .inp-t.inp-date2:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 50%;
  display: block;
  width: 19px;
  height: 19px;
  margin-top: -9px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -156px top;
}
.inp-t.inp-date input, .inp-t.inp-date2 input {
  position: relative;
  padding-right: 28px;
  z-index: 2;
}
.inp-t.readonly, .inp-t.disabled {
  background-color: #f1f1f1 !important;
}
.inp-t.readonly > input, .inp-t.disabled > input {
  cursor: default;
  outline: none;
}
.inp-t.inp-search02 {
  padding: 6px 30px 6px 10px;
}
.inp-t.inp-search02 button {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -378px 0;
}
.inp-t.size-m {
  padding: 8px 16px;
}
.inp-t.size-m > input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.inp-t.size-m > input::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-m > input::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-m > input:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-m > input::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-m > input::placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xm {
  padding: 8px 16px;
  height: 48px;
}
.inp-t.size-xm > input {
  font-weight: 700;
  line-height: 23px;
  height: 103%;
}
.inp-t.size-xm > input::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xm > input::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xm > input:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xm > input::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xm > input::placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-l {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}
.inp-t.size-l > input {
  height: 56px;
  line-height: 56px;
  border-radius: 12px;
  border: 1px solid #aaa;
  padding: 0 16px;
  -webkit-transition: border-color ease-in-out 0.1s;
  transition: border-color ease-in-out 0.1s;
}
.inp-t.size-l > input:focus {
  border-color: #fc0;
}
.inp-t.size-xl {
  padding: 16.5px 16px;
  height: 56px;
}
.inp-t.size-xl > input {
  font-weight: 700;
  line-height: 23px;
  height: 100%;
}
.inp-t.size-xl > input::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xl > input::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xl > input:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xl > input::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.size-xl > input::placeholder {
  font-weight: 300;
  color: #888;
}
.inp-t.w-full {
  width: 100%;
}

.inp-t-2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.inp-t-2 > input {
  border: none;
  width: 70px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-align: right;
  vertical-align: middle;
}
.inp-t-2 > input::-webkit-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::-moz-placeholder {
  font-weight: 300;
}
.inp-t-2 > input:-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::placeholder {
  font-weight: 300;
}
.inp-t-2 .t-txt {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  vertical-align: middle;
  margin: -1px 0 0 4px;
}

.inp-t-3 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding: 12px 16px;
  border: 1px solid #ddd;
  width: 180px;
  border-radius: 4px;
}
.inp-t-3:disabled {
  background-color: #ddd;
  color: #aaa;
}
.inp-t-3::-webkit-input-placeholder {
  font-weight: 300;
}
.inp-t-3::-moz-placeholder {
  font-weight: 300;
}
.inp-t-3:-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-3::-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-3::placeholder {
  font-weight: 300;
}
.inp-t-3.form-error {
  border-color: #f23f3f;
}
.inp-t-3.form-error::-webkit-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
.inp-t-3.form-error::-moz-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
.inp-t-3.form-error:-ms-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
.inp-t-3.form-error::-ms-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
.inp-t-3.form-error::placeholder {
  font-weight: 500;
  color: #f23f3f;
}

.inp-ch, .inp-ch-new,
.inp-ch02,
.inp-rd,
.inp-rd-new,
.inp-ch-r {
  display: inline-block;
  vertical-align: middle;
}
.inp-ch + .inp-ch, .inp-ch-new + .inp-ch, .inp-ch + .inp-ch-new, .inp-ch-new + .inp-ch-new, .inp-ch + .inp-ch02, .inp-ch-new + .inp-ch02, .inp-ch + .inp-rd, .inp-ch-new + .inp-rd, .inp-ch + .inp-rd-new, .inp-ch-new + .inp-rd-new,
.inp-ch02 + .inp-ch,
.inp-ch02 + .inp-ch-new,
.inp-ch02 + .inp-ch02,
.inp-ch02 + .inp-rd,
.inp-ch02 + .inp-rd-new,
.inp-rd + .inp-ch,
.inp-rd + .inp-ch-new,
.inp-rd-new + .inp-ch,
.inp-rd-new + .inp-ch-new,
.inp-rd + .inp-ch02,
.inp-rd-new + .inp-ch02,
.inp-rd + .inp-rd,
.inp-rd-new + .inp-rd,
.inp-rd + .inp-rd-new,
.inp-rd-new + .inp-rd-new,
.inp-ch-r + .inp-ch,
.inp-ch-r + .inp-ch-new,
.inp-ch-r + .inp-ch02,
.inp-ch-r + .inp-rd,
.inp-ch-r + .inp-rd-new {
  margin-left: 26px;
}
.inp-ch input, .inp-ch-new input,
.inp-ch02 input,
.inp-rd input,
.inp-rd-new input,
.inp-ch-r input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.inp-ch label, .inp-ch-new label,
.inp-ch02 label,
.inp-rd label,
.inp-rd-new label,
.inp-ch-r label {
  display: block;
  cursor: pointer;
}
.inp-ch label:before, .inp-ch-new label:before,
.inp-ch02 label:before,
.inp-rd label:before,
.inp-rd-new label:before,
.inp-ch-r label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url("../images/icon/checkbox_gray.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
  border-radius: 9999px;
}
.inp-ch label > span, .inp-ch-new label > span,
.inp-ch02 label > span,
.inp-rd label > span,
.inp-rd-new label > span,
.inp-ch-r label > span {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  margin-left: 10px;
  font-size: 16px;
}
.inp-ch label > span.small, .inp-ch-new label > span.small,
.inp-ch02 label > span.small,
.inp-rd label > span.small,
.inp-rd-new label > span.small,
.inp-ch-r label > span.small {
  font-size: 14px;
  font-weight: 300;
}

.inp-ch-r {
  margin: 0 20px 10px 0 !important;
}

.inp-ch label:before, .inp-ch-new label:before,
.inp-ch-r label:before {
  background: url("../images/icon/checkbox_gray.svg") no-repeat 50% 50%;
}
.inp-ch.type-blue input + label:before, .type-blue.inp-ch-new input + label:before,
.inp-ch-r.type-blue input + label:before {
  background: url("../images/icon/checkbox_blue.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #2666c6;
          box-shadow: inset 0 0 0 1px #2666c6;
  background-color: #fff;
}
.inp-ch.type-orange.checked input + label:before, .type-orange.checked.inp-ch-new input + label:before,
.inp-ch-r.type-orange.checked input + label:before {
  background: url("../images/icon/checkbox_yellow.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #ff5d16;
          box-shadow: inset 0 0 0 1px #ff5d16;
  background-color: #ff5d16;
}
.inp-ch.type-orange.checked input:checked + label:before, .type-orange.checked.inp-ch-new input:checked + label:before,
.inp-ch-r.type-orange.checked input:checked + label:before {
  background: url("../images/icon/checkbox_yellow.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #ff5d16;
          box-shadow: inset 0 0 0 1px #ff5d16;
  background-color: #ff5d16;
}
.inp-ch.type-black, .type-black.inp-ch-new,
.inp-ch-r.type-black {
  font-size: 0;
}
.inp-ch.type-black input + label > span, .type-black.inp-ch-new input + label > span,
.inp-ch-r.type-black input + label > span {
  margin-left: 6px;
}
.inp-ch.type-black.checked input:checked + label::before, .type-black.checked.inp-ch-new input:checked + label::before,
.inp-ch-r.type-black.checked input:checked + label::before {
  background: url("../images/icon/checkbox_yellow.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  background-color: #222;
}
.inp-ch.checked input + label:before, .checked.inp-ch-new input + label:before,
.inp-ch-r.checked input + label:before {
  background: url("../images/icon/checkbox_yellow.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #2666c6;
          box-shadow: inset 0 0 0 1px #2666c6;
  background-color: #2666c6;
}
.inp-ch.disabled input + label, .disabled.inp-ch-new input + label,
.inp-ch-r.disabled input + label {
  cursor: default;
}
.inp-ch.disabled input + label:before, .disabled.inp-ch-new input + label:before,
.inp-ch-r.disabled input + label:before {
  background-position: -60px top !important;
}
.inp-ch.disabled input + label > span, .disabled.inp-ch-new input + label > span,
.inp-ch-r.disabled input + label > span {
  color: #999 !important;
}

.inp-ch02 label:before {
  display: none;
}
.inp-ch02 label > span {
  line-height: 30px;
  margin: 0 23px 0 0;
  font-size: 24px;
}
.inp-ch02 label > .ic-bg {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 30px;
  margin: 0;
  border-radius: 15px;
  background-color: #999;
}
.inp-ch02 label > .ic-bg span {
  position: absolute;
  left: 6px;
  top: 5px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #fff;
}
.inp-ch02.checked input + label > .ic-bg {
  background-color: #364f7f;
}
.inp-ch02.checked input + label > .ic-bg span {
  left: 34px;
}

.inp-ch-pn {
  position: relative;
  padding: 0 10px;
  margin: 0 24px 0 -20px !important;
}
.inp-ch-pn:before {
  content: "(";
  position: absolute;
  top: 0;
  left: 0;
}
.inp-ch-pn:after {
  content: ")";
  position: absolute;
  top: 0;
  right: 0;
}
.inp-ch-pn .inp-ch-r {
  margin: 0 0 10px 0 !important;
}
.inp-ch-pn .inp-ch-r + .inp-ch-r {
  margin-left: 5px !important;
}
.inp-ch-pn .inp-ch-r span {
  margin-left: 5px;
}

.ilr-box {
  display: inline-block;
  vertical-align: middle;
}
.ilr-box + .ilr-box {
  margin-left: 26px;
}
.ilr-box .ilr-txt {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  margin-right: 19px;
  font-size: 24px;
}

.inp-rd label, .inp-rd-new label {
  position: relative;
}
.inp-rd label > span, .inp-rd-new label > span {
  color: #999;
}
.inp-rd input + label::before, .inp-rd-new input + label::before {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
}
.inp-rd.checked input + label::before, .checked.inp-rd-new input + label::before {
  background: none;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
}
.inp-rd.checked input + label:after, .checked.inp-rd-new input + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  background-color: #2666c6;
}
.inp-rd.checked input + label > span, .checked.inp-rd-new input + label > span {
  color: #222;
}
.inp-rd.disabled input + label, .disabled.inp-rd-new input + label {
  cursor: default;
}
.inp-rd.disabled input + label:before, .disabled.inp-rd-new input + label:before {
  background-position: -120px top !important;
}
.inp-rd.disabled input + label > span, .disabled.inp-rd-new input + label > span {
  color: #999 !important;
}
.inp-rd.type-chk label::after, .type-chk.inp-rd-new label::after {
  display: none;
}
.inp-rd.type-chk input + label::before, .type-chk.inp-rd-new input + label::before {
  display: inline-block;
  background: url(../images/icon/checkbox_gray.svg) no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
  background-color: #fff;
}
.inp-rd.type-chk.type-blue input + label:before, .type-chk.type-blue.inp-rd-new input + label:before {
  background: url("../images/icon/checkbox_blue.svg") no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #2666c6;
          box-shadow: inset 0 0 0 1px #2666c6;
  background-color: #fff;
}
.inp-rd.type-chk.checked input + label::before, .type-chk.checked.inp-rd-new input + label::before {
  background: url(../images/icon/checkbox_yellow.svg) no-repeat 50% 50%;
  -webkit-box-shadow: inset 0 0 0 1px #2666c6;
          box-shadow: inset 0 0 0 1px #2666c6;
  background-color: #2666c6;
}

.inp-rd-new.disabled input + label:before,
.inp-rd-new input:disabled + label:before {
  background-position: -80px top !important;
}
.inp-rd-new.disabled.checked input + label:before,
.inp-rd-new input:disabled:checked + label:before {
  background-position: -120px top !important;
}
.inp-ch-new.disabled input + label:before,
.inp-ch-new input:disabled + label:before {
  background-position: -20px top !important;
}
.inp-ch-new.disabled.checked input + label:before,
.inp-ch-new input:disabled:checked + label:before {
  background-position: -60px top !important;
}

.inp-f {
  display: inline-block;
  vertical-align: middle;
}
.inp-f label {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  width: 80px;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
.inp-f label span {
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
  font-size: 14px;
  color: #666;
}
.inp-f input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.inp-f.disabled label {
  cursor: default;
  background-color: #f1f1f1 !important;
}
.inp-f.disabled label span {
  color: #999;
}

.file-box .fb-top .file-txt {
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
  margin-left: 6px;
  color: #666;
}
.file-box .fb-top .file-txt.file-txt--add-warning {
  position: relative;
}
.file-box .fb-top .file-txt.file-txt--add-warning:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
.file-box .fb-top .file-txt.file-txt--add-warning .file-txt__type {
  font-size: 12px;
}
.file-box .fb-btm {
  overflow: hidden;
  padding-top: 30px;
  margin-left: -20px;
}
.file-box .fb-btm .img-box {
  float: left;
  position: relative;
  display: block;
  width: 180px;
  height: 137px;
  margin: 0 0 20px 20px;
}
.file-box .fb-btm .img-box > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.file-box .fb-btm .img-box .fb-del {
  position: absolute;
  right: -11px;
  top: -11px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.file-box .fb-btm .img-box .fb-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.file-box .fb-btm .img-box .fb-del > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.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: 5px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}
.switch-item [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 12px;
  width: 46px;
  height: 24px;
}
.switch-item [type=checkbox]::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  background-color: white;
  -webkit-transition: left 250ms linear;
  transition: left 250ms linear;
}
.switch-item [type=checkbox]:checked {
  background-color: #ffd338;
}
.switch-item [type=checkbox]:checked::before {
  background-color: white;
  left: 24px;
}
.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;
}
.switch-item.switch-ty-2 [type=checkbox] {
  width: 36px;
  height: 20px;
  margin: 0;
}
.switch-item.switch-ty-2 [type=checkbox]::before {
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
}
.switch-item.switch-ty-2 [type=checkbox]:checked {
  background-color: #ffd338;
}
.switch-item.switch-ty-2 [type=checkbox]:checked::before {
  background-color: white;
  left: 16px;
}
.switch-item.switch-ty-2 [type=checkbox]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item.switch-ty-2 [type=checkbox]:disabled:before {
  background-color: lightgray;
}

.txar-tp01 {
  display: block;
  width: 700px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  color: #222;
  resize: none;
  background-color: #fff;
}
.txar-tp01::-webkit-input-placeholder {
  color: #999;
}
.txar-tp01::-moz-placeholder {
  color: #999;
}
.txar-tp01:-ms-input-placeholder {
  color: #999;
}
.txar-tp01::-ms-input-placeholder {
  color: #999;
}
.txar-tp01::placeholder {
  color: #999;
}

.txar-tp01--has-max {
  max-width: 100%;
}

.txar-box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 700px;
  height: 100px;
  padding-bottom: 34px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.txar-box > [class*=txar-tp] {
  width: 100%;
  height: 100%;
  border: 0 none;
}
.txar-box .txt-count {
  position: absolute;
  right: 19px;
  bottom: 14px;
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.txar-box .cmt-btn {
  position: absolute;
  left: 19px;
  bottom: 14px;
  display: block;
  padding-left: 29px;
  line-height: 20px;
  font-size: 14px;
  color: #2666c6;
}
.txar-box .cmt-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  display: block;
  width: 19px;
  height: 17px;
  background: url("../images/common/btn_icon.png") no-repeat;
  background-position: -117px top;
}
.txar-box .name {
  position: absolute;
  left: 19px;
  right: 10px;
  top: 8px;
  line-height: 22px;
  font-size: 16px;
}
.txar-box.cmt-tp .txar-tp01 {
  padding-left: 19px;
}
.txar-box.cmt-tp02 {
  height: 140px;
  padding-top: 31px;
}
.txar-box.cmt-tp02 .txar-tp01 {
  padding-left: 19px;
}

select[class*=sel-tp] + .select2-container .select2-selection--single {
  height: 40px;
  border-color: #ddd;
  outline: none;
}
select[class*=sel-tp] + .select2-container .select2-selection--single .select2-selection__arrow {
  width: 39px;
  height: 38px;
}
select[class*=sel-tp] + .select2-container .select2-selection--single .select2-selection__arrow b {
  left: auto;
  right: 19px;
  width: 16px;
  height: 9px;
  border: 0 none;
  margin-left: 0;
  margin-top: -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -140px top;
}
select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 15px;
  padding-right: 39px;
  font-size: 16px;
  color: #222;
}
select[class*=sel-tp] + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-position: -140px -9px;
}
select[class*=sel-tp] + .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #f1f1f1;
}

select.sel-tp01 {
  width: 150px;
}

select.sel-tp02 {
  width: 180px;
}
select.sel-tp02 + .select2-container .select2-selection--single {
  border-radius: 20px;
}

select[class*=search-tp] + .select2-container .select2-selection--single {
  border-color: #ddd;
  outline: none;
}

.select2-container .select2-dropdown {
  overflow: hidden;
  border-color: #ddd;
}
.select2-container .select2-dropdown.tp01.select2-dropdown--below {
  border-radius: 0 0 4px 4px;
}
.select2-container .select2-dropdown.tp01.select2-dropdown--above {
  border-radius: 4px 4px 0 0;
}
.select2-container .select2-dropdown.tp02.select2-dropdown--below {
  border-radius: 0 0 20px 20px;
}
.select2-container .select2-dropdown.tp02.select2-dropdown--above {
  border-radius: 20px 20px 0 0;
}
.select2-container .select2-dropdown.search01.select2-dropdown--below {
  border-radius: 0 0 4px 4px;
}
.select2-container .select2-dropdown.search01.select2-dropdown--above {
  border-radius: 4px 4px 0 0;
}
.select2-container .select2-dropdown.search01 .select2-search__field {
  display: none;
}
.select2-container .select2-dropdown.search01 .select2-results__option {
  line-height: 28px;
  padding: 0 9px;
  font-size: 14px;
  color: #222;
}
.select2-container .select2-dropdown .select2-results__option {
  line-height: 38px;
  padding: 0 9px 0 15px;
  font-size: 16px;
  color: #222;
}
.select2-container.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.form-chk-radio {
  position: relative;
}
.form-chk-radio input[type=radio],
.form-chk-radio input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk-radio input[type=radio]:disabled + label,
.form-chk-radio input[type=checkbox]:disabled + label {
  color: #aaa;
  cursor: default;
}
.form-chk-radio input[type=radio]:disabled + label::before,
.form-chk-radio input[type=checkbox]:disabled + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-grey.svg);
  background-color: #ddd;
  border: solid 0.1px #ddd;
}
.form-chk-radio input[type=radio]:checked + label::before,
.form-chk-radio input[type=checkbox]:checked + label::before {
  background-color: #7d6c59;
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  border: solid 1px #7d6c59;
}
.form-chk-radio input[type=radio] + label,
.form-chk-radio input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  padding-left: 26px;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.form-chk-radio input[type=radio] + label:before,
.form-chk-radio input[type=checkbox] + label:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: url("../images/icon/icon-chk-radio-off.svg");
  background-repeat: no-repeat;
  background-color: white;
  background-position: center center;
  background-size: 12px 12px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-chk-radio.fm-black input[type=checkbox]:checked + label::before,
.form-chk-radio.fm-black input[type=radio]:checked + label::before, .theme-dealer .form-chk-radio:not(:disabled):not(.disabled):not(.ty-simple) input[type=checkbox]:checked + label::before,
.theme-dealer .form-chk-radio:not(:disabled):not(.disabled):not(.ty-simple) input[type=radio]:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}
.form-chk-radio.fm-line input[type=checkbox] + label::before,
.form-chk-radio.fm-line input[type=radio] + label::before {
  background-image: url(../images/icon/icon-chk-radio-off-black.svg);
  border-color: #222;
}
.form-chk-radio.fm-line input[type=checkbox]:checked + label::before,
.form-chk-radio.fm-line input[type=radio]:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}
.form-chk-radio.fm-line input[type=checkbox]:disabled + label::before,
.form-chk-radio.fm-line input[type=radio]:disabled + label::before {
  background-image: url(../images/icon/icon-chk-radio-off-black.svg);
  background-color: #fff;
  border-color: #222;
}
.form-chk-radio.fm-large input[type=checkbox] + label,
.form-chk-radio.fm-large input[type=radio] + label {
  padding-left: 32px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.form-chk-radio.fm-large input[type=checkbox] + label:before,
.form-chk-radio.fm-large input[type=radio] + label:before {
  width: 24px;
  height: 24px;
  background-size: 16px 16px;
  top: 1px;
}
.form-chk-radio.fm-small input[type=checkbox] + label,
.form-chk-radio.fm-small input[type=radio] + label {
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.fm-small input[type=checkbox] + label:before,
.form-chk-radio.fm-small input[type=radio] + label:before {
  width: 16px;
  height: 16px;
}
.form-chk-radio.ty-simple input[type=radio] + label,
.form-chk-radio.ty-simple input[type=checkbox] + label {
  padding-left: 24px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.ty-simple input[type=radio] + label:before,
.form-chk-radio.ty-simple input[type=checkbox] + label:before {
  border: none;
  width: 16px;
  height: 23px;
}
.form-chk-radio.ty-simple input[type=radio]:checked + label::before,
.form-chk-radio.ty-simple input[type=checkbox]:checked + label::before {
  border: none;
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: transparent;
}
.form-chk-radio.ty-simple input[type=radio]:disabled + label::before,
.form-chk-radio.ty-simple input[type=checkbox]:disabled + label::before {
  background-color: transparent;
}
.form-chk-radio.ty-simple.fm-black input[type=radio]:checked + label::before,
.form-chk-radio.ty-simple.fm-black input[type=checkbox]:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on.svg);
}
.form-chk-radio.ty-simple.ty-simple--ty2 input[type=radio] + label,
.form-chk-radio.ty-simple.ty-simple--ty2 input[type=checkbox] + label {
  font-size: 14px;
  line-height: 20px;
}
.form-chk-radio.ty-simple.ty-simple--ty2 input[type=radio] + label:before,
.form-chk-radio.ty-simple.ty-simple--ty2 input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
  background-size: 17px;
}
.form-chk-radio .inp-t-3 {
  display: inline-block;
}

.form-radio input[type=radio] {
  display: none;
  width: 0;
  height: 0;
}
.form-radio input[type=radio]:checked + label::before {
  border: solid 1px #ff5d16;
}
.form-radio input[type=radio]:checked + label:after {
  background: #ff5d16;
}
.form-radio input[type=radio] + label {
  padding-left: 23px;
  position: relative;
  background: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-radio input[type=radio] + label::before {
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 1px #ddd;
  border-radius: 100%;
}
.form-radio input[type=radio] + label::after {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 100%;
}
.form-radio.fm-black input[type=radio] + label {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-radio.fm-black input[type=radio] + label::before {
  width: 20px;
  height: 20px;
}
.form-radio.fm-black input[type=radio] + label:after {
  left: 7px;
  width: 8px;
  height: 8px;
}
.form-radio.fm-black input[type=radio]:disabled + label {
  color: #aaa;
}
.form-radio.fm-black input[type=radio]:disabled + label::before {
  background-color: #eee;
  border: 1px solid #ddd;
}
.form-radio.fm-black input[type=radio]:disabled + label:after {
  background-color: #eee;
}
.form-radio.fm-black input[type=radio]:checked + label::before {
  background-color: #222;
  border-color: #222;
}
.form-radio.fm-black input[type=radio]:checked + label:after {
  background-color: #fff;
}
.form-radio.fm-black input[type=radio]:checked:disabled + label::before {
  background-color: #ddd;
  border-color: #ddd;
}
.form-radio.fm-small input[type=radio] + label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-radio.fm-small input[type=radio] + label::before {
  width: 16px;
  height: 16px;
}
.form-radio.fm-small input[type=radio] + label:after {
  width: 6px;
  height: 6px;
  left: 6px;
}

.file-upload-box {
  width: 100%;
}
.file-upload-box input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.file-upload-box .file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.file-upload-box .file-name-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 11px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-radius: fpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
}
.file-upload-box .file-name-input:focus-visible {
  outline: none;
}
.file-upload-box .file-name-input + .btn {
  width: 88px;
}
.file-upload-box .edit-button {
  background-color: #222;
  min-width: 88px;
  height: 40px;
  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;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.form-txt[class*=mark-] {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
}
.form-txt[class*=mark-] [class*=ft-] {
  position: relative;
  padding-left: 20px;
  margin: 8px 2px 0 2px;
}
.form-txt[class*=mark-] [class*=ft-]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.form-txt[class*=mark-].mark-large [class*=ft-] {
  padding-left: 28px;
  margin: 10px 2px 0 4px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-txt[class*=mark-].mark-large [class*=ft-]::before {
  content: "";
  margin: 2px;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon/icon-error-mark.svg);
  background-size: 2.5px auto;
  background-position: center center;
}
.form-txt[class*=mark-].mark-large [class*=ft-] + [class*=ft-] {
  margin-top: 4px;
}
.form-txt.mark-error {
  display: none;
}
.form-txt.mark-error .ft-red::before {
  background-color: #f23f3f;
  background-image: url(../images/icon/icon-error-mark.svg);
  background-size: 2px auto;
}
.form-txt.mark-check .ft-blue {
  color: #287eff;
}
.form-txt.mark-check .ft-blue::before {
  background-color: #287eff;
  background-image: url(../images/icon/icon-chk-radio-on-white.svg);
  background-size: 10px auto;
}

.form-error .inp-t,
.form-error .file-name-input {
  border-color: #f23f3f;
}
.form-error select.sel-tp04 + .select2-container .select2-selection--single {
  border-color: #f23f3f;
}
.form-error + .mark-error {
  display: block;
}

.invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #fd665c;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  margin: 6px 2px 0 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.invalid-txt::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #f23f3f url(../images/icon/icon-error-mark.svg) no-repeat center center;
  background-size: 2px auto;
  border-radius: 50%;
}
.invalid-txt.invalid-large {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.invalid-txt.invalid-large::before {
  margin: 0 2px 0 0;
  width: 20px;
  height: 20px;
  background-size: 2.5px auto;
}
.invalid-txt.invalid-large.top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.invalid-txt.invalid-large.top::before {
  margin-top: 2px;
}

.valid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #287eff;
  margin: 6px 2px 0 2px;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.valid-txt::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #287eff url("../images/icon/icon-chk-radio-on-white.svg") no-repeat center;
  background-size: 10px auto;
}
.valid-txt.mark-large {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.valid-txt.mark-large::before {
  margin: 0 2px 0 0;
  width: 20px;
  height: 20px;
  background-size: 16px auto;
  background-position: center;
}
.gray-box .document-area + .valid-txt.mark-large {
  margin-top: 0;
}

.form-txt [class*=ft-] {
  display: block;
  line-height: 16px;
  margin-top: 10px;
  font-size: 14px;
}
.form-txt [class*=ft-] + .ft-list {
  margin-top: 20px;
}
.form-txt .ft-gray {
  color: #999;
}
.form-txt .ft-black {
  color: #222;
}
.form-txt .ft-red {
  color: #fd665c;
}

.ft-list > li {
  position: relative;
  line-height: 24px;
  padding-left: 10px;
  color: #666;
}
.ft-list > li > .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 10px;
  height: 24px;
  line-height: 24px;
  color: #666;
}
.ft-list.fs-16 > li {
  font-size: 16px;
}
.ft-list.fs-16 > li > .icon {
  font-size: 16px;
}
.ft-list.bul-tp > li {
  position: relative;
}
.ft-list.bul-tp > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  width: 2px;
  height: 2px;
  background-color: #666;
}

.ft-list02 > li {
  position: relative;
  line-height: 24px;
  padding-left: 20px;
  color: #666;
}
.ft-list02 > li > .bul {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 24px;
  line-height: 24px;
  color: #666;
}
.ft-list02 > li + li {
  margin-top: 6px;
}
.ft-list02.fs-16 > li {
  font-size: 16px;
}
.ft-list02.fs-16 > li > .bul {
  font-size: 16px;
}

.form-t {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 14px;
  line-height: 40px;
  font-size: 16px;
  color: #666;
}

.rp-gray {
  max-width: 1100px;
  margin: 60px 0 60px;
}
.rp-gray .txar-box {
  width: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 22px;
  padding: 0;
  border: 0 none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  background-color: transparent;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  color: #fff;
  background-color: #336fc9;
}

.ui-datepicker {
  width: 303px;
  padding: 0 7px 7px;
  margin: 27px 0 0 -11px;
  border: 1px solid #ddd;
  border-radius: 20px;
  -webkit-box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  margin: 0 20px;
  border: 0 none;
  background-color: transparent;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: -12px;
  top: 20px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background: url("../images/sub/bg_calendar_arrow.png") no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: -12px;
  top: 20px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 12px;
  margin: -6px 0 0 -3px;
  background: url("../images/sub/bg_calendar_arrow.png") no-repeat right top;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background-position: -211px top;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  border: 0;
  background: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  height: 53px;
  line-height: 53px;
  padding-top: 14px;
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
  font-size: 18px;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  vertical-align: top;
  margin: 0;
  padding: 0 35px 0 8px;
  font-size: 16px;
  border-radius: 4px;
  border-color: #ddd;
  color: #222;
  background: url("../images/common/bg_dpk_arrow.png") no-repeat right center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select::-ms-expand {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
  margin-left: 10px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  width: 105px;
  height: 37px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month {
  position: relative;
  top: -5px;
}
.ui-datepicker table {
  margin: 8px 0 0;
}
.ui-datepicker table th,
.ui-datepicker table td {
  text-align: center;
  height: 36px;
  padding: 0;
  font-weight: normal;
  font-weight: 500;
  color: #666;
}

.tag-grade {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 26px;
  height: 26px;
  border-radius: 13px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-style: normal;
  margin: -2px 0 0 12px;
}
.tag-grade.very-positive {
  background: #00a0c5;
}
.tag-grade.positive {
  background: #57b24c;
}

.bullet-info {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.4;
}
.bullet-info .icon-info {
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  background: url("../images/common/icon16-info.svg") no-repeat center/contain;
}

.inp-rd.type-new, .type-new.inp-rd-new {
  margin: 0;
}
.inp-rd.type-new label > span, .type-new.inp-rd-new label > span {
  color: #666;
}
.inp-rd.type-new input:checked + label:before, .type-new.inp-rd-new input:checked + label:before {
  background-position: -100px top;
}
.inp-rd.type-new input:checked + label > span, .type-new.inp-rd-new input:checked + label > span {
  color: #222 !important;
}
.inp-rd.type-new input:disabled + label, .type-new.inp-rd-new input:disabled + label {
  cursor: default;
}
.inp-rd.type-new input:disabled + label:before, .type-new.inp-rd-new input:disabled + label:before {
  background-position: -120px top !important;
}
.inp-rd.type-new input:disabled + label > span, .type-new.inp-rd-new input:disabled + label > span {
  color: #222 !important;
}

.inp-ch.type-new, .type-new.inp-ch-new {
  margin: 0;
}
.inp-ch.type-new label > span, .type-new.inp-ch-new label > span {
  font-weight: normal !important;
}
.inp-ch.type-new input:checked + label > span, .type-new.inp-ch-new input:checked + label > span {
  color: #222 !important;
}
.inp-ch.type-new input:checked + label:before, .type-new.inp-ch-new input:checked + label:before {
  background-position: -40px top;
}
.inp-ch.type-new input:disabled + label, .type-new.inp-ch-new input:disabled + label {
  cursor: default;
}
.inp-ch.type-new input:disabled + label:before, .type-new.inp-ch-new input:disabled + label:before {
  background-position: -60px top !important;
}
.inp-ch.type-new input:disabled + label > span, .type-new.inp-ch-new input:disabled + label > span {
  color: #222 !important;
}

.selection-area {
  text-align: left;
}
.selection-area .inp-ch.type-new, .selection-area .type-new.inp-ch-new {
  margin: 5px 10px 5px 0;
}
.selection-area .inp-ch.type-new label, .selection-area .type-new.inp-ch-new label {
  display: inline-block;
}
.selection-area .inp-rd.type-new, .selection-area .type-new.inp-rd-new {
  margin: 5px 10px 5px 0;
}
.selection-area .inp-rd.type-new label, .selection-area .type-new.inp-rd-new label {
  display: inline-block;
}
.selection-area.type-block .inp-ch.type-new, .selection-area.type-block .type-new.inp-ch-new {
  display: block;
  margin: 10px 0;
}
.selection-area.type-block .inp-ch.type-new:first-child, .selection-area.type-block .type-new.inp-ch-new:first-child {
  margin-top: 5px;
}
.selection-area.type-block .inp-rd.type-new, .selection-area.type-block .type-new.inp-rd-new {
  display: block;
  margin: 10px 0;
}
.selection-area.type-block .inp-rd.type-new:first-child, .selection-area.type-block .type-new.inp-rd-new:first-child {
  margin-top: 5px;
}

.form-area2 {
  text-align: left;
  letter-spacing: -0.025em;
  display: table;
  width: 100%;
  margin: 0 0 10px;
  table-layout: fixed;
}
.form-area2 .form-label {
  display: table-cell;
  width: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.form-area2 > .form-item {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
.form-area2 > .form-item:last-child {
  margin: 0;
}

.form-desc {
  display: block;
  font-size: 14px;
  color: #666;
}

.form-tit-area {
  display: block;
  margin-bottom: 10px;
}
.form-tit-area .form-tit {
  display: block;
  font-size: 18px;
  text-align: left;
}

.form-item {
  margin: 8px 0 0;
}
.form-item > .inp-t {
  width: 100%;
  vertical-align: middle;
  margin: 0;
}
.form-item:first-child, .form-item.first {
  margin-top: 0;
}

.form-setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  padding: 0 16px;
}
.form-setting > .label {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  width: 140px;
  -ms-flex-item-align: self-start;
      align-self: self-start;
  margin-top: 12px;
}
.form-setting > .label.label-align {
  margin-top: 0;
}
.form-setting > .label + .con {
  width: calc(100% - 164px);
}
.form-setting + .middot-list {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #ddd;
}
.form-setting + .middot-list > li + li {
  margin-top: 4px;
}

.form-birth {
  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: start;
  gap: 8px;
}
.form-birth .inp-t {
  width: 230px;
}
.form-birth .inp-t + .hyphen + .inp-t {
  width: 48px;
}

.form-certify .row {
  display: grid;
  grid-template-columns: 142px auto 135px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.form-certify .row-2 {
  display: grid;
  grid-template-columns: auto 135px 90px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  margin-top: 8px;
}
.form-certify [class*=sel-] + .select2-container {
  min-width: 142px !important;
}
.form-certify .inp-t,
.form-certify .c-btn {
  width: auto;
  margin-left: 0;
}
.form-certify .btn-outline {
  background-color: #fff;
}
.form-certify .inp-time > .t-txt {
  top: 11px;
  right: 16px;
}
.form-certify .inp-time > .t-txt.disabled {
  color: #888;
  font-weight: 300;
}
.form-certify .invalid-txt + .row-2,
.form-certify .valid-txt + .row-2 {
  margin-top: 12px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.top-location {
  position: relative;
  z-index: 2;
}
.top-location:after {
  content: "";
  display: block;
  clear: both;
}
.top-location .depth {
  float: left;
  position: relative;
  display: block;
  height: 16px;
  line-height: 16px;
  padding-right: 14px;
  margin-right: 10px;
  color: #222;
  z-index: 2;
}
.top-location .depth:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 5px;
  height: 16px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.top-location span.now {
  position: relative;
  top: -1px;
  z-index: 2;
}
.top-location .now-box {
  position: relative;
  float: left;
  width: 200px;
}
.top-location .now-box .now {
  position: relative;
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
  padding-right: 23px;
  color: #336fc9;
  z-index: 2;
  outline: none;
}
.top-location .now-box .now:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon_top_visual.png") no-repeat -5px top;
}
.top-location .now-box .now.on:after {
  background-position: -21px -16px;
}
.top-location .now-box .now.disable {
  color: #999;
  cursor: default;
}
.top-location .now-box .now.disable:after {
  background-position: -5px -16px;
}
.top-location .now-box .loc-list {
  position: absolute;
  left: -6px;
  top: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  min-width: 142px;
  padding: 8px 17px 10px 19px;
  border: 1px solid #336fc9;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 16px -8px #336fc9;
          box-shadow: 0 4px 16px -8px #336fc9;
  background-color: #fff;
  z-index: 1;
}
.top-location .now-box .loc-list ul li > * {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  font-size: 14px;
  color: #336fc9;
}
.top-location.active {
  position: fixed;
}

.fix .top-location {
  position: fixed;
  left: 0;
  top: 184px;
  width: 100%;
  height: 50px;
  padding: 18px 30px 0 190px;
  z-index: 4;
}
.fix .top-location:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
@media (min-width: 1441px) {
  .fix .top-location {
    padding-left: 220px;
    padding-right: 60px;
  }
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.cmm-basic-info {
  margin-bottom: 20px;
}
.cmm-basic-info .cmm-tit {
  float: left;
  display: inline-block;
  width: 100px;
}
.cmm-basic-info .cmm-tit span {
  display: block;
  height: 40px;
  line-height: 38px;
}
.cmm-basic-info .cmm-input-area {
  padding: 0 0 0 100px;
}
.cmm-basic-info .cmm-input-area .input-wrap {
  min-height: 40px;
  line-height: 38px;
}

.cmm-line {
  border: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
}

.cmm-content.login-content,
.common-content.content--center-block {
  width: 100%;
  background: #f5f6f9;
}
.cmm-content.login-content .login-wrap,
.common-content.content--center-block .login-wrap {
  position: relative;
  width: 980px;
  margin: 0 auto 100px;
}
.cmm-content.login-content .login-wrap.login-wrap--base,
.common-content.content--center-block .login-wrap.login-wrap--base {
  width: 895px;
}
.cmm-content.login-content .login-wrap.login-wrap--base .tv-tit01,
.common-content.content--center-block .login-wrap.login-wrap--base .tv-tit01 {
  font-weight: 200;
}
.cmm-content.login-content .login-wrap.login-wrap--base > .box-white,
.common-content.content--center-block .login-wrap.login-wrap--base > .box-white {
  width: 800px;
  margin: 0 auto;
}
.cmm-content.login-content .login-wrap .h2-tit,
.common-content.content--center-block .login-wrap .h2-tit {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 35px;
}
.cmm-content.login-content .login-wrap .cmm-top-area,
.common-content.content--center-block .login-wrap .cmm-top-area {
  position: relative;
  width: 100%;
  padding: 0 0 0 59px;
  background: #f5f6f9;
}
.cmm-content.login-content .login-wrap .cmm-top-area:before,
.common-content.content--center-block .login-wrap .cmm-top-area:before {
  display: none;
}
.cmm-content.login-content .login-wrap .top-event-banner,
.common-content.content--center-block .login-wrap .top-event-banner {
  display: none;
}
.cmm-content.login-content .login-wrap .car-search,
.common-content.content--center-block .login-wrap .car-search {
  left: 0;
}
.cmm-content.login-content .login-wrap .top-location,
.common-content.content--center-block .login-wrap .top-location {
  margin: 0 0 60px 60px;
}
.cmm-content.login-content .login-wrap .top-tit,
.common-content.content--center-block .login-wrap .top-tit {
  position: relative;
  padding-left: 64px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join01,
.common-content.content--center-block .login-wrap .top-tit.member-join01 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join01:after,
.common-content.content--center-block .login-wrap .top-tit.member-join01:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat 0px 0px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join02,
.common-content.content--center-block .login-wrap .top-tit.member-join02 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join02:after,
.common-content.content--center-block .login-wrap .top-tit.member-join02:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -37px;
  display: block;
  width: 240px;
  height: 247px;
  background: url("../images/sub/login_bg.png") no-repeat -1600px -800px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join03,
.common-content.content--center-block .login-wrap .top-tit.member-join03 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join03:after,
.common-content.content--center-block .login-wrap .top-tit.member-join03:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -39px;
  display: block;
  width: 240px;
  height: 249px;
  background: url("../images/sub/login_bg.png") no-repeat -400px -1200px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join04,
.common-content.content--center-block .login-wrap .top-tit.member-join04 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join04:after,
.common-content.content--center-block .login-wrap .top-tit.member-join04:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -46px;
  display: block;
  width: 255px;
  height: 256px;
  background: url("../images/sub/login_bg.png") no-repeat 0px -800px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join05,
.common-content.content--center-block .login-wrap .top-tit.member-join05 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join05:after,
.common-content.content--center-block .login-wrap .top-tit.member-join05:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -56px;
  display: block;
  width: 240px;
  height: 266px;
  background: url("../images/sub/login_bg.png") no-repeat 0px -1200px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join05.type-new-member-join05,
.common-content.content--center-block .login-wrap .top-tit.member-join05.type-new-member-join05 {
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join05.type-new-member-join05:after,
.common-content.content--center-block .login-wrap .top-tit.member-join05.type-new-member-join05:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -39px;
  display: block;
  width: 240px;
  height: 249px;
  background: url("../images/sub/login_bg.png") no-repeat -400px -1200px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join05.type-new-member-join05 .name,
.common-content.content--center-block .login-wrap .top-tit.member-join05.type-new-member-join05 .name {
  display: inline-block;
  margin-right: 10px;
  font-family: inherit;
}
.cmm-content.login-content .login-wrap .top-tit.member-join06,
.common-content.content--center-block .login-wrap .top-tit.member-join06 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join06:after,
.common-content.content--center-block .login-wrap .top-tit.member-join06:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -30px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat -1600px 0px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join07,
.common-content.content--center-block .login-wrap .top-tit.member-join07 {
  padding-bottom: 60px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join07:after,
.common-content.content--center-block .login-wrap .top-tit.member-join07:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat -1200px 0px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join08,
.common-content.content--center-block .login-wrap .top-tit.member-join08 {
  padding-bottom: 60px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join08:after,
.common-content.content--center-block .login-wrap .top-tit.member-join08:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -39px;
  display: block;
  width: 240px;
  height: 249px;
  background: url("../images/sub/login_bg.png") no-repeat -400px -1200px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join09,
.common-content.content--center-block .login-wrap .top-tit.member-join09 {
  padding-right: 330px;
  padding-bottom: 60px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join09:after,
.common-content.content--center-block .login-wrap .top-tit.member-join09:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -110px;
  display: block;
  width: 240px;
  height: 319px;
  background: url("../images/sub/login_bg.png") no-repeat -1200px -400px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join10,
.common-content.content--center-block .login-wrap .top-tit.member-join10 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join10:after,
.common-content.content--center-block .login-wrap .top-tit.member-join10:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -32px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat -800px -800px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join11,
.common-content.content--center-block .login-wrap .top-tit.member-join11 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join11:after,
.common-content.content--center-block .login-wrap .top-tit.member-join11:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -32px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat 0px -400px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join12,
.common-content.content--center-block .login-wrap .top-tit.member-join12 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join12:after,
.common-content.content--center-block .login-wrap .top-tit.member-join12:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -39px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat -400px -400px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join13,
.common-content.content--center-block .login-wrap .top-tit.member-join13 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join13:after,
.common-content.content--center-block .login-wrap .top-tit.member-join13:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -32px;
  display: block;
  width: 251px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat -400px -800px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join14,
.common-content.content--center-block .login-wrap .top-tit.member-join14 {
  padding-bottom: 95px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join14:after,
.common-content.content--center-block .login-wrap .top-tit.member-join14:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat -400px 0px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join15,
.common-content.content--center-block .login-wrap .top-tit.member-join15 {
  padding-bottom: 35px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join15:after,
.common-content.content--center-block .login-wrap .top-tit.member-join15:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -45px;
  display: block;
  width: 255px;
  height: 255px;
  background: url("../images/sub/login_bg.png") no-repeat -1600px -400px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join16,
.common-content.content--center-block .login-wrap .top-tit.member-join16 {
  padding-bottom: 212px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join16:after,
.common-content.content--center-block .login-wrap .top-tit.member-join16:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -30px;
  display: block;
  width: 289px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat -800px -400px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join17,
.common-content.content--center-block .login-wrap .top-tit.member-join17 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join17:after,
.common-content.content--center-block .login-wrap .top-tit.member-join17:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -30px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/login_bg.png") no-repeat -1200px -800px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join18,
.common-content.content--center-block .login-wrap .top-tit.member-join18 {
  padding-bottom: 60px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join18:after,
.common-content.content--center-block .login-wrap .top-tit.member-join18:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat -800px 0px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join19,
.common-content.content--center-block .login-wrap .top-tit.member-join19 {
  padding-bottom: 107px;
  position: relative;
}
.cmm-content.login-content .login-wrap .top-tit.member-join19:after,
.common-content.content--center-block .login-wrap .top-tit.member-join19:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -45px;
  display: block;
  width: 255px;
  height: 255px;
  background: url("../images/sub/login_bg.png") no-repeat -1490px -372px;
}
.cmm-content.login-content .login-wrap .top-tit.member-join19::after,
.common-content.content--center-block .login-wrap .top-tit.member-join19::after {
  right: 0;
  width: 240px;
  height: 248px;
  background-size: 776%;
}
.cmm-content.login-content .login-wrap .tabs-cnt,
.common-content.content--center-block .login-wrap .tabs-cnt {
  position: relative;
  margin: 80px 0 0;
}

.login-content--ty2 {
  background-color: #fff;
  width: 100%;
}
.login-content--ty2 .login-wrap {
  width: 420px;
  margin: 0 auto;
  padding: 60px 0 100px;
}
.login-content--ty2 .login-wrap .logo {
  text-align: center;
  margin-bottom: 32px;
}
.login-content--ty2 .login-wrap .logo img {
  width: 96px;
}
.login-content--ty2 .login-box {
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.login-content--ty2 .tab-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;
  background-color: #eee;
  border-radius: 12px 12px 0 0;
}
.login-content--ty2 .tab-area .item {
  width: 50%;
}
.login-content--ty2 .tab-area .item > a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 59.5px;
  padding-top: 18px;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  color: #aaa;
  font-weight: 300;
  border-radius: 12px 12px 0 0;
}
.login-content--ty2 .tab-area .item.on > a {
  color: #222;
  font-weight: 700;
  background-color: #fff;
  position: relative;
}
.login-content--ty2 .tab-area .item.on > a::before, .login-content--ty2 .tab-area .item.on > a::after {
  content: "";
  display: block;
  width: 24px;
  height: 47.5px;
  position: absolute;
  top: -1px;
}
.login-content--ty2 .tab-area .item.on > a::before {
  right: 0;
  background-color: #fff;
  border-radius: 0 12px 0 0;
  border-right: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.login-content--ty2 .tab-area .item.on > a::after {
  right: -23px;
  background: url("../images/common/login_bg.png") 0 0 no-repeat;
  background-size: contain;
  height: 12px;
  bottom: 11px;
  top: auto;
}
.login-content--ty2 .tab-area .item + .item.on > a::before {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.login-content--ty2 .tab-area .item + .item.on > a::after {
  right: auto;
  left: -17px;
  bottom: 17px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.login-content--ty2 .tab-content {
  padding: 28.5px 40px 36px;
  border-top: 1px solid #d9d9d9;
  border-radius: 12px;
  margin-top: -12px;
  background-color: #fff;
}
.login-content--ty2 .tab-content .from-label .from-col.col-2 {
  gap: 16px;
}
.login-content--ty2 .tab-content .from-label .btn-large.btn-yellow {
  border-radius: 6px;
  font-size: 18px;
  line-height: 25px;
}
.login-content--ty2 .link-txt-area {
  margin-top: 24px;
  text-align: center;
}
.login-content--ty2 .link-txt-area .link-txt {
  color: #222;
  padding: 0 12px;
}
.login-content--ty2 .link-txt-area .link-txt:hover:after, .login-content--ty2 .link-txt-area .link-txt:focus:after {
  display: none;
}
.login-content--ty2 .link-txt-area .link-txt + .link-txt::before {
  height: 13px;
  background-color: #d9d9d9;
}
.login-content--ty2 .sns-area {
  margin-top: 32px;
  text-align: center;
}
.login-content--ty2 .sns-area .sns-title {
  font-weight: 700;
}
.login-content--ty2 .sns-area .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 16px;
}
.login-content--ty2 .sns-area .sns-list > li {
  width: 40px;
  height: 40px;
  position: relative;
}
.login-content--ty2 .sns-area .sns-list > li > a, .login-content--ty2 .sns-area .sns-list > li > button {
  display: block;
  width: 100%;
  height: 100%;
}

.common-content > .login-container {
  padding-top: 0;
  padding-bottom: 128px;
  width: 762px;
  min-width: 762px;
  margin: 0;
}
.common-content > .login-container .form-gray-box {
  margin-top: 64px;
}

.common-container.login-container {
  padding-top: 163px;
  padding-bottom: 128px;
  width: 762px;
  min-width: 762px;
  margin: 0 auto;
}
.common-container.login-container .form-gray-box {
  margin-top: 64px;
}

.pw-reset {
  padding-bottom: 90px;
  position: relative;
}
.pw-reset:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/login_bg.png") no-repeat -400px 0px;
}

.cmm-basic-info .cmm-tit {
  float: left;
  display: inline-block;
  width: 100px;
}
.cmm-basic-info .cmm-tit span {
  display: block;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
}
.cmm-basic-info .cmm-tit span.tp02 {
  line-height: 1.4;
}
.cmm-basic-info .cmm-input-area {
  padding: 0 0 0 100px;
}
.cmm-basic-info .cmm-read-area {
  height: 40px;
  line-height: 38px;
  font-weight: 500;
  font-size: 16px;
}

.bl-point {
  position: relative;
  color: #999;
  padding: 0 0 0 17px;
}
.bl-point:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.member-guide-list li {
  margin-bottom: 5px;
}

.member-status {
  width: 980px;
  padding: 60px;
  border-radius: 15px;
  border: 1px solid #ddd;
}

.flex-status {
  position: relative;
}
.flex-status:before {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  content: "";
}
.flex-status .member-box {
  position: relative;
  width: 50%;
  padding-left: 60px;
}
.flex-status .member-box .tit {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 100;
}
.flex-status .member-box .txt {
  font-size: 16px;
  color: #666;
}
.flex-status .member-box .cor-blue {
  font-size: 18px;
}
.flex-status .member-box .txt-type {
  color: #222;
  font-size: 18px;
}
.flex-status .member-box:first-child {
  padding-left: 0px;
}

.member-sign-complete {
  text-align: center;
}
.member-sign-complete .ex-tit {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
}
.member-sign-complete > p {
  font-size: 18px;
  margin-bottom: 60px;
}
.member-sign-complete .ex-txt {
  font-size: 16px;
}
.member-sign-complete .ex-txt span {
  font-size: 16px;
}

.deposit-flex dt {
  font-size: 18px;
  margin-right: 45px;
}
.deposit-flex dd p {
  margin-bottom: 6px;
}

.pos-wrap {
  width: 410px;
  margin: 0 auto;
  text-align: center;
}
.pos-wrap .deposit-flex dt {
  text-align: left;
  margin-right: 0px;
  width: 155px;
}
.pos-wrap .deposit-flex dd p {
  font-size: 18px;
}

.form-area {
  padding: 0 60px;
}
.form-area dt {
  padding-top: 10px;
  font-size: 16px;
}
.form-area .input-type .input-text {
  vertical-align: middle;
  border-radius: 3px;
  padding: 10px 10px 9px;
  border: 1px solid #ddd;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-area .input-type .input-text::-webkit-input-placeholder {
  color: #999;
}
.form-area .input-type .input-text::-moz-placeholder {
  color: #999;
}
.form-area .input-type .input-text:-ms-input-placeholder {
  color: #999;
}
.form-area .input-type .input-text::-ms-input-placeholder {
  color: #999;
}
.form-area .input-type .input-text::placeholder {
  color: #999;
}
.form-area .input-type .btn-notice {
  vertical-align: middle;
}
.form-area .cor-red {
  margin-top: 5px;
  margin-bottom: 10px;
}
.form-area .list li {
  margin-bottom: 3px;
  color: #666;
}
.form-area .list li span {
  display: inline-block;
  width: 53px;
  color: #666;
}

.event-banner {
  width: 100%;
  max-width: 1480px;
  border-top: 1px solid #ddd;
  padding: 60px 0px;
  position: relative;
}
.event-banner .banner-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 148px;
}
.event-banner .banner-area > a {
  display: block;
  padding: 20px 15px;
  text-decoration: none;
  border-radius: 10px;
  min-height: 115px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.event-banner .banner-area > a > strong {
  display: block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 25px;
}
.event-banner .banner-area > a > .arr {
  position: relative;
  display: inline-block;
  color: #fff;
  padding-right: 10px;
}
.event-banner .banner-area > a > .arr:after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 10px;
  height: 12px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0px 0px;
  content: "";
}
.event-banner .banner-area.inquiryType {
  margin-bottom: 0px;
  padding: 0px;
}
.event-banner .banner-area.inquiryType > a {
  width: 480px;
  min-height: 110px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  background-image: url("../images/sub/bg_banner_event01.png");
  background-position: 90% 20px;
  background-repeat: no-repeat;
}
.event-banner .banner-area.inquiryType > a > strong {
  color: #222;
  font-size: 18px;
  margin-bottom: 30px;
}
.event-banner .banner-area.inquiryType > a > .arr {
  color: #3366cc;
  padding-right: 17px;
}
.event-banner .banner-area.inquiryType > a > .arr:after {
  top: 4px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0px 0px;
  content: "";
}
.event-banner .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;
}
.event-banner .banner-area.product-area > a > strong {
  color: #222;
  font-size: 14px;
  margin-bottom: 8px;
}
.event-banner .banner-area.product-area > a > strong .big {
  font-size: 18px;
}
.event-banner .banner-area.product-area > a > .arr {
  color: #3366cc;
  padding-right: 10px;
}
.event-banner .banner-area.product-area > a > .arr:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -160px -25px;
  background-size: 500px;
  content: "";
}
.event-banner .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;
}
.event-banner .banner-area.bg02 > a {
  background-color: #6e7da0;
  background-image: url("../images/sub/bg_util_event01.png");
  background-position: calc(100% - 15px) calc(100% - 20px);
  background-repeat: no-repeat;
  background-size: 116px auto;
}
.event-banner .btn-user-wrap {
  display: inline-block;
  vertical-align: middle;
}
.event-banner .btn-user-wrap .ico,
.event-banner .btn-user-wrap .ico2 {
  position: relative;
  display: inline-block;
  padding-left: 46px;
  font-size: 18px;
  height: 34px;
  margin-right: 15px;
}
.event-banner .btn-user-wrap .ico:before,
.event-banner .btn-user-wrap .ico2:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 34px;
  height: 34px;
  background: url("../images/sub/ico_membership_03.png") no-repeat 0 0;
  content: "";
}
.event-banner .btn-user-wrap .ico2:before {
  background: url("../images/sub/ico_car.png") no-repeat 0 0;
}

.login-wrapper {
  width: 300px;
}
.login-wrapper.dealer .sns-wrap {
  display: none;
}
.login-wrapper .login-flex-tnb {
  margin-top: 10px;
}
.login-wrapper .login-flex-tnb .inp-ch label > span, .login-wrapper .login-flex-tnb .inp-ch-new label > span {
  color: #222;
  font-size: 14px;
}
.login-wrapper .login-flex-tnb .find-acc-box ul {
  padding-top: 2px;
  font-size: 0px;
}
.login-wrapper .login-flex-tnb .find-acc-box ul li {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  margin-left: 8px;
}
.login-wrapper .login-flex-tnb .find-acc-box ul li:first-child {
  padding-left: 0px;
  margin-left: 0px;
}
.login-wrapper .login-flex-tnb .find-acc-box ul li:first-child:after {
  display: none;
}
.login-wrapper .login-flex-tnb .find-acc-box ul li:after {
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  width: 1px;
  height: 10px;
  background-color: #666;
  content: "";
}
.login-wrapper .login-flex-tnb .find-acc-box ul li a {
  font-size: 14px;
  font-weight: 400;
}
.login-wrapper .login-btn {
  margin-top: 24px;
}
.login-wrapper .login-btn > a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-wrapper .sns-wrap {
  margin-top: 60px;
}
.login-wrapper .sns-wrap .sns-tit {
  display: block;
  margin-bottom: 30px;
}
.login-wrapper .sns-wrap .sns-content ul li {
  margin-bottom: 10px;
}
.login-wrapper .sns-wrap .sns-content ul li:last-child {
  margin-bottom: 0px;
}
.login-wrapper .sns-wrap .sns-content ul li > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-wrapper .sns-wrap .sns-content .ico {
  position: relative;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 500;
}
.login-wrapper .sns-wrap .sns-content .ico:before {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  content: "";
}
.login-wrapper .sns-wrap .sns-content .naver:before {
  background-image: url("../images/sub/ico_naver.png");
}
.login-wrapper .sns-wrap .sns-content .kacao:before {
  background-image: url("../images/sub/ico_kacao.png");
}
.login-wrapper .sns-wrap .sns-content .facebook:before {
  background-image: url("../images/sub/ico_facebook.png");
}
.login-wrapper .sns-wrap .sns-content .google:before {
  background-image: url("../images/sub/ico_google.png");
}

.the-tab-wrap {
  padding-left: 60px;
  margin-bottom: 80px;
}
.the-tab-wrap ul {
  font-size: 0px;
}
.the-tab-wrap ul li {
  display: inline-block;
  margin-right: 48px;
}
.the-tab-wrap ul li a {
  display: block;
  font-size: 18px;
  padding-bottom: 20px;
}
.the-tab-wrap ul li a.active {
  font-weight: 900;
  color: #2666c6;
  border-bottom: 2px solid #2666c6;
}

.membership-wrap {
  margin-top: 130px;
}
.membership-wrap li {
  margin-bottom: 30px;
}
.membership-wrap li a {
  display: block;
}
.membership-wrap li a .ico {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #364f7f;
  padding-left: 40px;
}
.membership-wrap li a .ico:before {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 25px;
  height: 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
}
.membership-wrap li a .ico.type01:before {
  background-image: url("../images/sub/ico_membership_01.png");
}
.membership-wrap li a .ico.type02:before {
  background-image: url("../images/sub/ico_membership_02.png");
}
.membership-wrap li:last-child {
  margin-bottom: 0px;
}

.with-reason {
  padding: 0 30px;
}
.with-reason .tit {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 25px;
}
.with-reason .tit span {
  font-size: 18px;
  font-weight: 300;
}
.with-reason .s-list span {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.with-reason .s-list span .round-box {
  padding: 0 20px;
  height: 36px;
  line-height: 35px;
}
.with-reason .s-list span input[type=checkbox]:checked + .round-box {
  background-color: #2666c6;
  color: #fff;
  border: 1px solid #2666c6;
}
.with-reason .s-list span input[type=radio]:checked + .round-box {
  background-color: #2666c6;
  color: #fff;
  border: 1px solid #2666c6;
}
.with-reason .s-list span input[type=radio]:checked + .round-box .tit {
  color: #fff;
}

.txt-s-info {
  font-size: 18px;
}

.info-s-list {
  margin-top: 50px;
}
.info-s-list li {
  margin-bottom: 3px;
  font-size: 18px;
}
.info-s-list li span {
  display: inline-block;
  font-size: 18px;
  width: 72px;
}

.car-level-choice ul .lv-box {
  overflow: hidden;
  width: 250px;
  height: 450px;
  border-radius: 15px;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.car-level-choice ul .lv-box.bg01 {
  border: 2px solid #2666c6;
  background-color: #2666c6;
}
.car-level-choice ul .lv-box.bg01 .ico {
  background-image: url("../images/sub/ico_level_01.png");
}
.car-level-choice ul .lv-box.bg02 {
  border: 2px solid #a3adce;
  background-color: #a3adce;
}
.car-level-choice ul .lv-box.bg02 .ico {
  background-image: url("../images/sub/ico_level_02.png");
}
.car-level-choice ul .lv-box.bg03 {
  border: 2px solid #fe6b62;
  background-color: #fe6b62;
}
.car-level-choice ul .lv-box.bg03 .ico {
  background-image: url("../images/sub/ico_level_03.png");
}
.car-level-choice ul .lv-box.bg04 {
  border: 2px solid #a29b93;
  background-color: #a29b93;
}
.car-level-choice ul .lv-box.bg04 .ico {
  background-image: url("../images/sub/ico_level_04.png");
}
.car-level-choice ul .lv-box .ico {
  display: block;
  text-align: center;
  margin-top: 170px;
  padding-top: 70px;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  background-repeat: no-repeat;
  background-position: 50% 0px;
}
.car-level-choice ul .lv-box .ico .result {
  margin-top: 60px;
}
.car-level-choice ul .lv-box .ico .result span {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}
.car-level-choice ul .lv-box .ico .result span em {
  display: block;
}
.car-level-choice ul .lv-box .lv-content {
  display: none;
  margin-top: 60px;
  height: 330px;
}
.car-level-choice ul .lv-box .lv-content .detail-list li {
  padding-left: 20px;
}
.car-level-choice ul .lv-box .lv-content .detail-list li .inp-ch, .car-level-choice ul .lv-box .lv-content .detail-list li .inp-ch-new {
  margin-bottom: 32px;
}
.car-level-choice ul .lv-box .lv-content .detail-list li .inp-ch span em, .car-level-choice ul .lv-box .lv-content .detail-list li .inp-ch-new span em {
  font-size: 16px;
  display: block;
}
.car-level-choice ul .lv-box .lv-content .detail-list li ul {
  display: none;
}
.car-level-choice ul .lv-box .lv-content .detail-list li ul li {
  padding-left: 32px;
}
.car-level-choice ul .lv-box .lv-content .detail-list li.on ul {
  display: block;
}
.car-level-choice ul .lv-box .lv-content .custome-input {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
.car-level-choice ul .lv-box .lv-content .custome-input .inp-ch, .car-level-choice ul .lv-box .lv-content .custome-input .inp-ch-new {
  padding-top: 10px;
  float: left;
}
.car-level-choice ul .lv-box .lv-content .custome-input .inp-t {
  float: right;
  width: 190px;
}
.car-level-choice ul .lv-box .lv-content .custome-input .inp-t > input {
  text-align: right;
}
.car-level-choice ul .lv-box .lv-content .km-list {
  margin-top: 15px;
}
.car-level-choice ul .lv-box .lv-content .km-list li {
  margin-bottom: 20px;
  padding-left: 20px;
}
.car-level-choice ul .lv-box.on {
  width: 350px;
  background-color: #fff !important;
}
.car-level-choice ul .lv-box.on .ico {
  margin-top: 25px;
  padding-top: 0px;
  color: #222;
  background: none;
}
.car-level-choice ul .lv-box.on .ico .result {
  display: none;
}
.car-level-choice ul .lv-box.on .lv-content {
  display: block;
}

.top-tit .tv-detail {
  position: relative;
}
.top-tit .tv-detail .ft-tn {
  font-weight: 100;
}
.top-tit .tv-detail .cor-blue {
  font-size: 18px;
}
.top-tit .tv-detail .tit {
  display: block;
  font-size: 50px;
  margin-bottom: 10px;
  padding: 0 80px 0 0;
}
.top-tit .tv-detail .date {
  font-size: 14px;
  color: #999;
}
.top-tit .tv-detail .answered {
  position: absolute;
  right: 0px;
  top: 25px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  border-radius: 100%;
  border: 2px solid #336fc9;
}
.top-tit.est-box {
  padding-bottom: 140px;
  position: relative;
}
.top-tit.est-box:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -52px;
  display: block;
  width: 246px;
  height: 292px;
  background: url("../images/sub/my_bg.png") no-repeat 0px 0px;
}
.top-tit.survey-box {
  padding-bottom: 80px;
  position: relative;
}
.top-tit.survey-box:after {
  content: "";
  position: absolute;
  right: 30px;
  top: -17px;
  display: block;
  width: 285px;
  height: 245px;
  background: url("../images/sub/my_bg.png") no-repeat 0px -400px;
}

.c-wrapper .contents .notice-flex-info {
  margin-top: 30px;
  padding-top: 60px;
  padding-bottom: 100px;
  border-top: 1px solid #ddd;
}
.c-wrapper .qustions-area {
  margin-top: 30px;
}
.c-wrapper .area-btn {
  margin-bottom: 100px;
}
.c-wrapper .car-level-choice {
  margin-bottom: 100px;
}

.tnb-info .tit-inline-box {
  margin-right: 34px;
}
.tnb-info .tit-inline-box .txt-info-vertical {
  display: block;
  height: 40px;
}

.nothing-est {
  font-size: 18px;
  margin-top: 60px;
}

.txt-flex-wrap {
  width: 920px;
  margin-top: 50px;
}
.txt-flex-wrap .nothing-est {
  margin-top: 10px;
}

.garage-info {
  overflow: hidden;
}
.garage-info .tit-wrap {
  position: relative;
  padding-right: 270px;
  float: left;
}
.garage-info .tit-wrap em {
  display: block;
  font-size: 16px;
}
.garage-info .tit-wrap strong {
  display: block;
  font-size: 30px;
}
.garage-info .tit-wrap span {
  display: block;
  font-size: 16px;
}
.garage-info .tit-wrap .car-image {
  position: absolute;
  right: 0px;
  top: 0px;
}
.garage-info .detail-flex-garage {
  float: left;
  margin-left: 50px;
  margin-bottom: 60px;
}
.garage-info .detail-flex-garage .info-box {
  margin-top: 45px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ddd;
}
.garage-info .detail-flex-garage .info-box.last {
  border-right: none;
}
.garage-info .detail-flex-garage .info-box strong {
  font-size: 18px;
}
.garage-info .detail-flex-garage .info-box p {
  margin-top: 5px;
  font-size: 18px;
}
.garage-info .detail-flex-garage .btn-box {
  padding-top: 60px;
}

.garage-sign-info {
  overflow: hidden;
  margin-bottom: 60px;
  max-width: 1280px;
  width: 100%;
}
.garage-sign-info .ft-tn {
  font-weight: 100;
}
.garage-sign-info .tit {
  float: left;
  font-size: 50px;
  line-height: 1.1;
}
.garage-sign-info .tit em {
  font-size: 50px;
}
.garage-sign-info .tit strong {
  font-size: 50px;
}
.garage-sign-info .tv-carSel {
  float: right;
}
.garage-sign-info.garage-sign-info--full {
  max-width: 100%;
}

.w1920 .driving-distance .parking-find {
  padding-top: 20px;
  margin-left: 0px;
}

.w1280 .driving-distance .parking-find {
  padding-top: 20px;
  margin-left: 0px;
}

.terms-state-area {
  position: relative;
  padding: 40px 130px 40px 40px;
  background-color: #f6f8f9;
  border-radius: 12px;
}
.terms-state-area .state-progress {
  position: relative;
}
.terms-state-area .state-progress .state-progress-txt-area {
  padding-bottom: 8px;
}
.terms-state-area .state-progress .state-progress-txt-area li {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #666;
}
.terms-state-area .state-progress .state-progress-txt-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.terms-state-area .state-progress .state-progress-bar-area {
  overflow: hidden;
  border-radius: 9px;
}
.terms-state-area .state-progress .state-progress-bar-area li {
  float: left;
  height: 18px;
}
.terms-state-area .state-progress .state-progress-bar-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.terms-state-area .state-progress .icon-graph-arrow {
  position: absolute;
  bottom: -12px;
  margin-left: -12px;
  background: url("../images/sub/icon-graph-arrow.svg") no-repeat center/contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.terms-state-area .qr-code {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #eee;
  width: 72px;
  height: 72px;
}
.terms-state-area .qr-code img {
  width: 100%;
}

.terms-sign-area {
  display: table;
  width: 100%;
  margin-top: 24px;
}
.terms-sign-area .terms-sign-util {
  font-size: 18px;
  display: table-cell;
  white-space: nowrap;
  text-align: right;
  vertical-align: bottom;
  padding-left: 16px;
}

.terms-sign {
  font-size: 18px;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
}
.terms-sign strong {
  text-decoration: underline;
}

.login-wrap.type-new .login-btn {
  margin-top: 8px;
}
.login-wrap.type-new .box-white {
  position: relative;
  padding: 60px;
}
.login-wrap.type-new .box-white .tabs-area {
  z-index: 1;
  position: absolute;
  top: 60px;
  left: 60px;
  width: 300px;
}
.login-wrap.type-new .member-area:after {
  display: block;
  clear: both;
  content: "";
}
.login-wrap.type-new .member-area .login-wrapper {
  width: 300px;
}
.login-wrap.type-new .member-box {
  float: left;
  width: 300px;
  min-height: 360px;
  padding: 70px 0 5px;
}
.login-wrap.type-new .member-box.added {
  margin-left: 130px;
  padding-left: 80px;
  border-left: 1px solid #ccc;
  width: 380px;
}
.login-wrap.type-new .member-box.pd-t0 {
  padding-top: 0 !important;
}
.login-wrap.type-new .tabs-cnt {
  margin-top: 0 !important;
}
.login-wrap.type-new .login-wrapper {
  width: 100%;
}

.sns-area .inner-tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #222;
}
.sns-area .btn-m {
  display: block;
  width: 100%;
  margin: 0 0 8px;
}
.sns-area .btn-m:last-child {
  margin-bottom: 0;
}

.login-added {
  font-size: 0;
}
.login-added > .item {
  display: inline-block;
  vertical-align: bottom;
  width: 280px;
}
.login-added > .item.size-l {
  width: 300px;
  margin-left: 12px;
}
.login-added .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.login-added .desc {
  font-size: 14px;
  color: #222;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.main-wrap {
  background: #fff;
}
.main-wrap * {
  font-weight: 400;
}
.main-wrap .main-container:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.main-wrap .main-container .cmm-content {
  padding: 124px 0 0 161px;
}
.main-wrap .tit-wrap h2.tit {
  font-size: 24px;
  font-weight: 400;
  font-weight: 100;
  padding: 0 0 35px;
}
.main-wrap .like-car {
  padding: 50px 0 10px 59px;
  overflow: visible;
}
.main-wrap .like-car .like-car__list {
  position: relative;
  overflow: visible;
  margin: 0 -0.85%;
  padding-top: 15%;
  overflow: visible;
}
.main-wrap .like-car .like-car__list-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  overflow: hidden;
  font-size: 0;
}
.main-wrap .like-car .like-car__list-item {
  position: relative;
  display: inline-block;
  width: 12.5%;
  padding: 0 0.85%;
  vertical-align: top;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.main-wrap .like-car .like-car__item-circle {
  position: relative;
  width: 100%;
  margin-bottom: 32%;
  padding: 100% 0 0 0;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.main-wrap .like-car .like-car__image-block {
  position: absolute;
  right: -15%;
  top: 15%;
  display: inline-block;
  width: 100%;
  padding: 75% 0 0 0;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.main-wrap .like-car .like-car__image-block img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: bicubic;
}
.main-wrap .like-car .like-car__item-name {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0 5.85%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.main-wrap .like-car .like-car__item-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
  overflow: hidden;
}
.main-wrap .like-car .like-car__list.over .like-car__list-item {
  width: 11.87%;
}
.main-wrap .like-car .like-car__list.over .like-car__item-circle {
  margin-top: 4.1%;
  margin-bottom: 36.05%;
}
.main-wrap .like-car .like-car__list.over .like-car__list-item.on {
  width: 16%;
  margin-top: -2%;
}
.main-wrap .like-car .like-car__list.over .like-car__list-item.on .like-car__item-circle {
  background: transparent !important;
  border-radius: 0;
  margin-bottom: 9.5%;
}
.main-wrap .like-car .like-car__list.over .like-car__list-item.on .like-car__image-block {
  right: 0;
}
.main-wrap .like-car .like-car__list.over .like-car__list-item.on .like-car__item-name {
  font-size: 20px;
  font-weight: bold;
}
.main-wrap .like-car .btn-add {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 120px;
  height: 120px;
  margin: 10px 30px 0 0;
  border: 1px solid #ddd;
  border-radius: 120px;
  vertical-align: top;
}
.main-wrap .like-car .btn-add:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -242px 0;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
}
.main-wrap .like-car.more-list {
  height: auto;
  padding: 50px 50px 50px 59px;
}
.main-wrap .like-car.more-list .cmm-like-list ul {
  min-width: 1200px;
  padding-left: 0;
  overflow: visible;
}
.main-wrap .like-car.more-list .cmm-like-list li {
  width: 170px;
  height: 210px;
  margin: 0;
}
.main-wrap .like-car.more-list .cmm-like-list li.on {
  width: 200px;
}
.main-wrap .like-car.on .cmm-like-list .like-car ul {
  padding: 0 100px 0 0;
}
.main-wrap .like-car.on .cmm-like-list li {
  margin-right: 38px;
}
.main-wrap .like-car.on .cmm-like-list li a:hover .img {
  background: #fff !important;
}
.main-wrap .like-car.on.more-list .cmm-like-list ul {
  min-width: 1200px;
  padding-left: 0;
}
.main-wrap .like-car.on.more-list .cmm-like-list li {
  width: 165px;
  margin: 0;
}
.main-wrap .like-car.on.more-list .cmm-like-list li.on {
  width: 200px;
}
.main-wrap .like-car.on.more-list .cmm-like-list li.on .img {
  left: -23px;
}
.main-wrap .banner-area {
  margin-bottom: 80px;
  padding: 0 0 0 59px;
}
.main-wrap .banner-area .banner-com a {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.main-wrap .banner-area .banner-com a img {
  position: relative;
  border-radius: 15px;
  max-width: 100%;
}
.main-wrap .my-buy-sell {
  margin-bottom: 100px;
  padding: 0 0 0 59px;
}
.main-wrap .my-buy-sell .swiper-container {
  padding: 0 0 43px;
}
.main-wrap .my-buy-sell .my-buy-scroll {
  width: 1250px;
}
.main-wrap .my-buy-sell .swiper-slide {
  float: left;
  width: 280px;
  height: 420px;
  margin-right: 20px;
  background: #9cd5c2;
  border-radius: 30px;
  overflow: hidden;
}
.main-wrap .my-buy-sell .swiper-slide a {
  position: relative;
  display: block;
  height: 100%;
  padding: 40px 0 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-wrap .my-buy-sell .swiper-slide a .tit {
  display: block;
  font-size: 40px;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 25px;
}
.main-wrap .my-buy-sell .swiper-slide a .txt {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}
.main-wrap .my-buy-sell .swiper-slide a:after {
  content: "";
  position: absolute;
  left: 40px;
  top: 232px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -45px;
  width: 50px;
  height: 50px;
}
.main-wrap .my-buy-sell .swiper-slide:nth-child(2n) {
  background: #7491b4;
}
.main-wrap .my-buy-sell .swiper-slide:nth-child(3n) {
  background: #6e7da0;
}
.main-wrap .my-buy-sell .swiper-slide:nth-child(4n) {
  background: #6bb3b0;
}
.main-wrap .my-buy-sell .scroll-wrap {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 13px;
  z-index: 2;
  -webkit-overflow-scrolling: touch;
}
.main-wrap .my-buy-sell .scroll-wrap > * {
  -webkit-transform: translateZ(0px);
}
.main-wrap .my-buy-sell .swiper-container-horizontal > .swiper-scrollbar {
  width: 680px;
  background: #ddd;
  left: 0;
}
.main-wrap .my-buy-sell .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 40px;
}
.main-wrap .my-buy-sell .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 4px;
}
.main-wrap .my-buy-sell .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 0;
}
.main-wrap .my-buy-sell .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin: 0;
  height: 4px;
  border-radius: 4px;
}
.main-wrap .my-buy-sell .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
.main-wrap .car-input-price {
  position: relative;
  height: 285px;
  border-radius: 30px;
  margin: 0 0 100px 59px;
  padding: 60px;
  background: #f6e6f7;
}
.main-wrap .car-input-price strong {
  display: block;
  margin-bottom: 55px;
  font-size: 24px;
  font-weight: bold;
}
.main-wrap .car-input-price .txt {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.main-wrap .car-input-price .car-input {
  position: relative;
  width: 480px;
  border-bottom: 1px solid #222;
}
.main-wrap .car-input-price .car-input input[type=text] {
  font-size: 40px;
  font-weight: 600;
  border: 0;
  background: none;
}
.main-wrap .car-input-price .car-input button {
  position: absolute;
  right: 0;
  top: 0;
  width: 58px;
  height: 56px;
}
.main-wrap .car-input-price .car-input button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -35px;
  width: 30px;
  height: 22px;
  margin: -11px 0 0 -15px;
}
.main-wrap .car-input-price:after {
  content: "";
  position: absolute;
  right: 65px;
  bottom: -20px;
  background: url("../images/main/bg_car_input.png") no-repeat right bottom;
  width: 530px;
  height: 260px;
}
.main-wrap .life-area {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 0 0 59px;
}
.main-wrap .life-area .tit-wrap {
  position: absolute;
  left: 60px;
  top: 0;
}
.main-wrap .life-area__list {
  position: relative;
  padding: 0 0 95px 0;
}
.main-wrap .life-area__list .life-area__list-block {
  position: relative;
  font-size: 0;
}
.main-wrap .life-area__list .owl-item {
  width: 25%;
}
.main-wrap .life-area__list .life-area__item {
  position: relative;
  width: 100%;
  max-width: 280px;
  display: block;
  white-space: normal;
}
.main-wrap .life-area__list .life-area__item-image-box {
  position: relative;
  width: 100%;
  padding-top: 75%;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .life-area__list .life-area__item-image-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-wrap .life-area__list .life-area__item-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .life-area__list .life-area__item-text {
  margin-top: 15px;
}
.main-wrap .life-area__list .life-area__item-name {
  display: block;
  height: 46px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-wrap .life-area__list .life-area__item-price {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
}
.main-wrap .life-area__list .life-area__item-pay {
  margin-top: 4px;
  font-size: 0;
}
.main-wrap .life-area__list .life-area__item-pay-price {
  display: inline-block;
  margin: 4px 4px 0 0;
  border: 1px solid #fd665c;
  height: 18px;
  font-size: 12px;
  line-height: 1.15;
  border-radius: 26px;
  padding: 1px 10px 0 10px;
  color: #fd665c;
}
.main-wrap .life-area__list .life-area__item-pay-price:last-child {
  margin-right: 0;
}
.main-wrap .life-area__list .life-area__item-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.main-wrap .life-area__list .owl-nav button.owl-next,
.main-wrap .life-area__list .owl-nav button.owl-prev {
  position: absolute;
  top: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 34px;
  height: 34px;
  z-index: 2;
}
.main-wrap .life-area__list .owl-nav button.owl-next span,
.main-wrap .life-area__list .owl-nav button.owl-prev span {
  display: none;
}
.main-wrap .life-area__list .owl-nav button.owl-next.disabled,
.main-wrap .life-area__list .owl-nav button.owl-prev.disabled {
  opacity: 0.35;
}
.main-wrap .life-area__list .owl-nav button.owl-next,
.main-wrap .life-area__list .owl-nav button.owl-prev {
  top: 4px;
}
.main-wrap .life-area__list .owl-nav button.owl-prev {
  left: 886px;
  background-position: -329px 0;
}
.main-wrap .life-area__list .owl-nav button.owl-next {
  left: 930px;
  background-position: -363px 0;
}
.main-wrap .car-matched {
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
  padding: 0 0 30px 59px;
}
.main-wrap .car-matched .tit-wrap {
  position: absolute;
  left: 60px;
  top: 60px;
}
.main-wrap .car-matched .owl-carousel,
.main-wrap .car-matched .swiper-container {
  padding: 125px 0 0;
}
.main-wrap .car-matched .list-area {
  position: relative;
  margin: 0 -10px;
}
.main-wrap .car-matched .list-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.main-wrap .car-matched .list-area .owl-item {
  min-width: 400px !important;
}
.main-wrap .car-matched .list-area .item,
.main-wrap .car-matched .list-area .swiper-slide {
  width: 400px;
  padding: 10px;
}
.main-wrap .car-matched .list-area .rud-box-type {
  width: 380px;
  height: 713px;
  border-radius: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  background: #fff;
}
.main-wrap .car-matched .list-area .rud-box-type .big-img {
  width: 100%;
}
.main-wrap .car-matched .list-area .rud-box-type .big-img img {
  width: 100%;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list {
  position: relative;
  padding: 24px 20px 47px;
  background: #fff;
  border-radius: 0 0 30px 30px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list.first {
  height: 224px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list h3.tit {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .tag-area {
  margin-bottom: 35px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .tag-area a {
  color: #10a8e5;
  font-weight: 500;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul {
  margin-bottom: 50px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li {
  margin-bottom: 20px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a {
  display: block;
  height: 76px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .img {
  float: left;
  width: 100px;
  height: 76px;
  border-radius: 7px;
  overflow: hidden;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .img img {
  width: 100%;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .txt-info {
  height: 75px;
  padding: 15px 0 0 120px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .txt-info > span {
  display: block;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .txt-info .car-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  margin: 0 0 3px 0;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list ul li a .txt-info .car-price {
  font-size: 16px;
  font-weight: bold;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .more {
  position: absolute;
  left: 20px;
  bottom: 40px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .more a {
  font-size: 16px;
  color: #2666c6;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .first-car-list .img {
  position: relative;
  width: 130px;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .first-car-list .img img {
  position: absolute;
  bottom: 0;
  width: auto;
}
.main-wrap .car-matched .list-area .rud-box-type .s-list .first-car-list .txt-info {
  padding: 15px 0 0 150px;
}
.main-wrap .car-matched .list-area .more-list {
  width: 380px;
  margin-right: 20px;
  width: 380px;
  height: 713px;
  border-radius: 30px;
  padding: 55px 20px 40px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
}
.main-wrap .car-matched .list-area .more-list h3.tit {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  font-weight: 400;
}
.main-wrap .car-matched .list-area .more-list .blue-txt {
  color: #10a8e5;
  font-weight: 500;
}
.main-wrap .car-matched .list-area .more-list .car-top {
  padding: 57px 0 0;
}
.main-wrap .car-matched .list-area .more-list .car-top li {
  margin-bottom: 20px;
}
.main-wrap .car-matched .list-area .more-list .car-top a {
  display: table;
}
.main-wrap .car-matched .list-area .more-list .car-top a > div {
  display: table-cell;
}
.main-wrap .car-matched .list-area .more-list .car-top a .img {
  width: 100px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .car-matched .list-area .more-list .car-top a .img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .car-matched .list-area .more-list .car-top a .txt-cnt {
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.main-wrap .car-matched .list-area .more-list .car-top a .txt-cnt * {
  display: block;
  margin: 0;
}
.main-wrap .car-matched .list-area .more-list .car-top a .txt-cnt .car-price {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.main-wrap .car-matched .list-area .more-list .car-top a .txt-cnt .car-price-origin {
  display: inline-block;
  margin-left: 2px;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.main-wrap .car-matched .list-area .more-list .more {
  position: absolute;
  left: 20px;
  bottom: 35px;
}
.main-wrap .car-matched .list-area .more-list .more a {
  color: #2666c6;
  font-size: 16px;
}
.main-wrap .car-matched .list-area .more-list .video-area {
  position: relative;
  margin: 57px 0 18px;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .car-matched .list-area .more-list .video-area a {
  display: block;
  position: relative;
  z-index: 2;
}
.main-wrap .car-matched .list-area .more-list .video-area a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -105px;
  width: 49px;
  height: 49px;
  margin: -25px 0 0 -25px;
  z-index: 0;
}
.main-wrap .car-matched .list-area .more-list .link-car {
  display: table;
  margin-bottom: 20px;
}
.main-wrap .car-matched .list-area .more-list .link-car > div {
  display: table-cell;
}
.main-wrap .car-matched .list-area .more-list .link-car .img {
  width: 100px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .car-matched .list-area .more-list .link-car .img img {
  width: 100%;
}
.main-wrap .car-matched .list-area .more-list .link-car .info-txt {
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.main-wrap .car-matched .list-area .more-list .link-car .info-txt * {
  display: block;
}
.main-wrap .car-matched .list-area .more-list .link-car .info-txt .car-price {
  font-size: 16px;
  font-weight: bold;
}
.main-wrap .car-matched .ad-area {
  float: left;
  width: 380px;
  height: 713px;
  overflow: hidden;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
}
.main-wrap .car-matched .ad-area img {
  width: 100%;
}
.main-wrap .car-matched .ad-area .w-1280 {
  display: none;
}
.main-wrap .car-matched .more-list .tabs-area > ul > li a {
  color: #999;
}
.main-wrap .car-matched .more-list .tabs-area > ul > li.on a {
  color: #222;
}
.main-wrap .car-matched .more-list .tabs-area > ul > li.on a:after {
  background: #222;
}
.main-wrap .car-matched .more-list .tabs-area > ul > li + li {
  margin-left: 18px;
}
.main-wrap .car-matched .more-list.age-tab-list .car-top {
  padding: 41px 0 0;
}
.main-wrap .car-matched .owl-nav button.owl-prev,
.main-wrap .car-matched .owl-nav button.owl-next,
.main-wrap .car-matched .swiper-button-prev,
.main-wrap .car-matched .swiper-button-next {
  top: 74px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 34px;
  height: 34px;
  z-index: 2;
}
.main-wrap .car-matched .owl-nav button.owl-prev,
.main-wrap .car-matched .owl-nav button.owl-next {
  position: absolute;
  top: 54px;
}
.main-wrap .car-matched .owl-nav button.owl-prev span,
.main-wrap .car-matched .owl-nav button.owl-next span {
  display: none;
}
.main-wrap .car-matched .owl-nav button.owl-prev.disabled,
.main-wrap .car-matched .owl-nav button.owl-next.disabled {
  opacity: 0.35;
}
.main-wrap .car-matched .owl-nav button.owl-prev,
.main-wrap .car-matched .swiper-button-prev {
  left: 886px;
  background-position: -329px 0;
}
.main-wrap .car-matched .owl-nav button.owl-next,
.main-wrap .car-matched .swiper-button-next {
  left: 930px;
  background-position: -363px 0;
}
.main-wrap .matched-vehicle {
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
  padding: 0 0 30px 59px;
}
.main-wrap .matched-vehicle .content-wrap {
  position: relative;
  margin: 0 -10px;
}
.main-wrap .matched-vehicle__list {
  position: relative;
  overflow: visible;
}
.main-wrap .matched-vehicle__item {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
}
.main-wrap .matched-vehicle__item-box {
  position: relative;
  width: 100%;
  padding-top: 187.63%;
  border-radius: 30px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2);
  background: #fff;
  overflow: hidden;
}
.main-wrap .matched-vehicle__item-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main-wrap .matched-vehicle__banner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.main-wrap .matched-vehicle__banner-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .matched-vehicle__item-hero {
  display: block;
  width: 100%;
  height: auto;
}
.main-wrap .matched-vehicle__item-content {
  padding: 24px 20px;
}
.main-wrap .matched-vehicle__item-head {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
}
.main-wrap .matched-vehicle__item-head a {
  font: inherit;
}
.main-wrap .matched-vehicle__item-head.item-head--one-line {
  height: 33px;
  -webkit-line-clamp: 1;
}
.main-wrap .matched-vehicle__item-head.item-head--two-lines {
  height: 66px;
}
.main-wrap .matched-vehicle__item-tag-box {
  display: block;
  height: 19px;
  margin: 4.41% 0 11.03% 0;
  padding: 0;
  font-size: 0;
}
.main-wrap .matched-vehicle__item-tag {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  color: #10a8e5;
  font-weight: 500;
}
.main-wrap .matched-vehicle__item-tag:last-child {
  margin-right: 0;
}
.main-wrap .matched-vehicle__item-title {
  display: block;
  font-size: 14px;
  color: #10a8e5;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-wrap .matched-vehicle__item-content.item-content--list {
  padding-top: 42%;
}
.main-wrap .matched-vehicle__item-content-top {
  position: absolute;
  left: 0;
  top: 7.75%;
  width: 100%;
  height: 14.65%;
  padding: 0 20px;
}
.main-wrap .matched-vehicle__item-video {
  position: relative;
  padding-top: 44.5%;
  margin-bottom: 11.25%;
  border-radius: 8px;
  overflow: hidden;
}
.main-wrap .matched-vehicle__item-video-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.main-wrap .matched-vehicle__item-video-link:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -105px;
  width: 49px;
  height: 49px;
  margin: -25px 0 0 -25px;
  z-index: 0;
}
.main-wrap .matched-vehicle__item-video-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .matched-vehicle__item-tab {
  margin: 2% 0 0 -20px;
}
.main-wrap .matched-vehicle__item-tab-list {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
.main-wrap .matched-vehicle__item-tab-item {
  display: inline-block;
}
.main-wrap .matched-vehicle__item-tab-link {
  position: relative;
  display: block;
  padding: 0 20px;
}
.main-wrap .matched-vehicle__item-tab-text {
  position: relative;
  display: inline-block;
  padding: 0 1px;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.38;
}
.main-wrap .matched-vehicle__item-tab-link.on .matched-vehicle__item-tab-text {
  color: #222;
  font-weight: bold;
}
.main-wrap .matched-vehicle__item-tab-link.on .matched-vehicle__item-tab-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222;
}
.main-wrap .matched-vehicle__item-tab-content {
  display: none;
}
.main-wrap .matched-vehicle__item-tab-content.on {
  display: block;
}
.main-wrap .matched-vehicle__goods {
  position: relative;
}
.main-wrap .matched-vehicle__goods-item {
  position: relative;
  padding-top: 22.06%;
  margin-top: 5.88%;
}
.main-wrap .matched-vehicle__goods-item:first-child {
  margin-top: 0;
}
.main-wrap .matched-vehicle__goods-block,
.main-wrap .matched-vehicle__goods-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main-wrap .matched-vehicle__goods-link {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 2;
}
.main-wrap .matched-vehicle__goods-image-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 29.42%;
  height: 100%;
  border-radius: 7px;
  overflow: hidden;
}
.main-wrap .matched-vehicle__goods-image-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.main-wrap .matched-vehicle__goods-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .matched-vehicle__goods-info {
  position: relative;
  float: right;
  width: 65%;
  height: 100%;
  font-size: 0;
}
.main-wrap .matched-vehicle__goods-info:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.main-wrap .matched-vehicle__goods-info-text {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.main-wrap .matched-vehicle__goods-info-text .goods-name {
  display: block;
  width: 100%;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-wrap .matched-vehicle__goods-info-text .goods-price {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-wrap .matched-vehicle__goods-info-text .goods-price__origin {
  display: inline-block;
  margin-left: 2px;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.main-wrap .matched-vehicle__goods.goods--model .matched-vehicle__goods-image-box {
  width: 32%;
}
.main-wrap .matched-vehicle__goods.goods--model .matched-vehicle__goods-info {
  width: 63%;
}
.main-wrap .matched-vehicle__goods.goods--model .matched-vehicle__goods-info-text .goods-name {
  font-size: 16px;
  -webkit-line-clamp: 1;
}
.main-wrap .matched-vehicle__goods.goods--model .matched-vehicle__goods-info-text .goods-price {
  font-size: 18px;
  margin-top: 2px;
}
.main-wrap .matched-vehicle__item-bottom {
  position: absolute;
  right: 0;
  bottom: 5.5%;
  left: 0;
  padding: 0 20px;
}
.main-wrap .matched-vehicle__item-more {
  font-size: 16px;
  color: #2666c6;
}
.main-wrap .first-exp {
  position: relative;
  margin-bottom: 95px;
  padding: 103px 0 0 60px;
  overflow: hidden;
}
.main-wrap .first-exp .tit-wrap {
  position: absolute;
  left: 60px;
}
.main-wrap .first-exp .owl-nav button.owl-prev,
.main-wrap .first-exp .owl-nav button.owl-next,
.main-wrap .first-exp .swiper-button-prev,
.main-wrap .first-exp .swiper-button-next {
  top: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 34px;
  height: 34px;
  z-index: 2;
}
.main-wrap .first-exp .owl-nav button.owl-prev,
.main-wrap .first-exp .owl-nav button.owl-next {
  position: absolute;
  top: 0;
}
.main-wrap .first-exp .owl-nav button.owl-prev span,
.main-wrap .first-exp .owl-nav button.owl-next span {
  display: none;
}
.main-wrap .first-exp .owl-nav button.owl-prev.disabled,
.main-wrap .first-exp .owl-nav button.owl-next.disabled {
  opacity: 0.35;
}
.main-wrap .first-exp .owl-nav button.owl-prev,
.main-wrap .first-exp .swiper-button-prev {
  left: 886px;
  background-position: -329px 0;
}
.main-wrap .first-exp .owl-nav button.owl-next,
.main-wrap .first-exp .swiper-button-next {
  left: 930px;
  background-position: -363px 0;
}
.main-wrap .first-exp__list {
  position: relative;
}
.main-wrap .first-exp__list .owl-item {
  width: 20%;
}
.main-wrap .first-exp__list .first-exp__item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main-wrap .first-exp__list .first-exp__image-box {
  position: relative;
  width: 75%;
  border-radius: 8px;
  padding-top: 56.25%;
  overflow: hidden;
}
.main-wrap .first-exp__list .first-exp__image-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.main-wrap .first-exp__list .first-exp__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .first-exp__list .first-exp__text {
  margin-top: 20px;
}
.main-wrap .first-exp__list .first-exp__tit {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-wrap .first-exp__list .first-exp__comment {
  display: -webkit-box;
  height: 38px;
  margin-top: 15px;
  padding: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-wrap .first-exp__list .first-exp__user-info {
  margin-top: 17px;
  font-size: 0;
}
.main-wrap .first-exp__list .first-exp__user-name {
  color: #999;
  font-size: 14px;
  margin-right: 10px;
}
.main-wrap .first-exp__list .first-exp__user-way {
  display: inline-block;
  padding: 0 8px;
  height: 26px;
  border-radius: 26px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
}
.main-wrap .first-exp__list .user-way--buy {
  background: #2666c6;
}
.main-wrap .first-exp__list .user-way--sell {
  background: #fd665c;
}
.main-wrap .first-exp__list .first-exp__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.main-wrap .car-more-lise {
  margin-bottom: 95px;
  padding: 0 0 0 60px;
}
.main-wrap .car-more-lise .car-more-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.main-wrap .live-area {
  padding: 0 0 0 60px;
}
.main-wrap .live-area .tit-wrap {
  position: relative;
}
.main-wrap .live-area .tit-wrap h2.tit {
  display: inline-block;
}
.main-wrap .live-area .tit-wrap .tag-txt {
  position: absolute;
  left: 113px;
  top: 13px;
  font-size: 20px;
  font-weight: 600;
}
.main-wrap .live-area .live-swipe {
  position: relative;
}
.main-wrap .live-area .live-swipe .tit-wrap {
  float: left;
  width: 180px;
}
.main-wrap .live-area .live-swipe .tit-wrap .tit {
  font-size: 24px;
}
.main-wrap .live-area .live-swipe .owl-carousel,
.main-wrap .live-area .live-swipe .swiper-area {
  margin-bottom: 60px;
  padding-left: 200px;
}
.main-wrap .live-area .live-swipe .owl-carousel .item,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-slide,
.main-wrap .live-area .live-swipe .swiper-area .item,
.main-wrap .live-area .live-swipe .swiper-area .swiper-slide {
  width: 180px;
  height: 180px;
}
.main-wrap .live-area .live-swipe .owl-carousel .item .img,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-slide .img,
.main-wrap .live-area .live-swipe .swiper-area .item .img,
.main-wrap .live-area .live-swipe .swiper-area .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.main-wrap .live-area .live-swipe .owl-carousel .item .img .txt,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-slide .img .txt,
.main-wrap .live-area .live-swipe .swiper-area .item .img .txt,
.main-wrap .live-area .live-swipe .swiper-area .swiper-slide .img .txt {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}
.main-wrap .live-area .live-swipe .owl-carousel .item .img:after,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-slide .img:after,
.main-wrap .live-area .live-swipe .swiper-area .item .img:after,
.main-wrap .live-area .live-swipe .swiper-area .swiper-slide .img:after {
  content: "";
  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: 0;
}
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae {
  position: absolute;
  left: 0;
  top: 115px;
}
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-prev,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-next,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-prev,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-next {
  position: relative;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 20px;
  margin: 0;
  background: none;
}
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-prev:after,
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-next:after,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-prev:after,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  margin: -5px 0 0 -3px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-prev:after,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-prev:after {
  background-position: -272px -30px;
}
.main-wrap .live-area .live-swipe .owl-carousel .swiper-btn-arae .swiper-button-next:after,
.main-wrap .live-area .live-swipe .swiper-area .swiper-btn-arae .swiper-button-next:after {
  background-position: -279px -30px;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-prev,
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-prev,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next {
  position: relative;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  background: none;
  border: 1px solid #222;
  border-radius: 20px;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-prev:after,
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next:after,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-prev:after,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  margin: -5px 0 0 -3px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-prev span,
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next span,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-prev span,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next span {
  display: none;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-prev.disabled,
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next.disabled,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-prev.disabled,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next.disabled {
  opacity: 0.35;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next {
  left: 20px;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-prev:after,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-prev:after {
  background-position: -272px -30px;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav button.owl-next:after,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav button.owl-next:after {
  background-position: -279px -30px;
}
.main-wrap .live-area .live-swipe .owl-carousel .owl-nav,
.main-wrap .live-area .live-swipe .swiper-area .owl-nav {
  position: absolute;
  bottom: 50px;
  left: 0;
}
.main-wrap .live-area .live-swipe .total-area {
  display: inline-block;
  position: absolute;
  left: 37px;
  bottom: 50px;
  margin: 0;
}
.main-wrap .live-area .live-swipe .total-area > * {
  font-size: 12px;
}
.main-wrap .live-area .live-swipe .swiper-btn-arae {
  position: absolute;
  left: 0;
  bottom: 0;
}

.w1280 .main-container .cmm-content {
  width: 1280px;
}
.w1280 .main-container .cmm-content .car-search {
  left: 480px;
}
.w1280 .main-container .cmm-content .like-car ul {
  width: 850px;
  overflow: hidden;
  margin: 0;
}
.w1280 .main-container .cmm-content .like-car ul li {
  margin-left: 20px;
}
.w1280 .main-container .cmm-content .like-car ul li:first-child {
  margin-left: 0;
}
.w1280 .main-container .cmm-content .like-car ul li:nth-child(n+7) {
  display: none;
}
.w1280 .main-container .cmm-content .banner-area {
  width: 1035px;
}
.w1280 .main-container .cmm-content .banner-area .swiper-slide:after {
  right: 40px;
}
.w1280 .main-container .cmm-content .my-buy-sell .swiper-slide {
  width: 230px;
}
.w1280 .main-container .cmm-content .car-input-price {
  width: 980px;
}
.w1280 .main-container .cmm-content .car-input-price:after {
  right: -20px;
}
.w1280 .main-container .cmm-content .life-area .swiper-button-prev,
.w1280 .main-container .cmm-content .first-exp .swiper-button-prev {
  left: 900px;
}
.w1280 .main-container .cmm-content .life-area .swiper-button-next,
.w1280 .main-container .cmm-content .first-exp .swiper-button-next {
  left: 946px;
}
.w1280 .main-container .cmm-content .car-matched {
  padding: 55px 0 40px 59px;
}
.w1280 .main-container .cmm-content .car-matched .list-area .rud-box-type {
  width: 480px;
  margin-bottom: 20px;
}
.w1280 .main-container .cmm-content .car-matched .ad-area {
  width: 480px;
}
.w1280 .main-container .cmm-content .car-matched .ad-area .w-1280 {
  display: block;
}
.w1280 .main-container .cmm-content .car-matched .ad-area .w-1980 {
  display: none;
}
.w1280 .main-container .cmm-content .car-more-lise .car-more-area .more-list {
  width: 280px;
}
.w1280 .main-container .cmm-content .car-more-lise .car-more-area .more-list.last {
  width: 380px;
}
.w1280 .car-list li {
  width: 312px;
}
.w1280 .car-list li a .img {
  height: 234px;
}
.w1280 .car-list li a .img img {
  height: 234px;
}
.w1280 .car-list li a .txt-info {
  height: 153px;
  padding: 12px 30px 0;
}

/* 2020.03.09 추가 */
.usedCarPurchase {
  padding: 50px 0 50px 59px;
}

.usedCarPurchase__link {
  overflow: hidden;
}

.usedCarPurchase__link-banner {
  position: relative;
  display: block;
  width: 100%;
  height: 170px;
  border-radius: 15px;
  background: #f9f9f9 url("../images/main/certificated_used_car_bg.jpg") no-repeat right center;
}

.usedCarPurchase__link-text {
  display: block;
  width: 100%;
  height: 170px;
  text-indent: -9999em;
  overflow: hidden;
  background: url("../images/main/certificated_used_car_text_2.png") no-repeat 83px center;
}

.main-wrap .matched-car.main-container__rolling {
  position: relative;
  padding: 50px 0;
  background: #ccc;
}
.main-wrap .matched-car.main-container__rolling .matched-car__list {
  position: relative;
  margin-right: -1%;
  white-space: nowrap;
}
.main-wrap .matched-car.main-container__rolling .matched-car__list-item {
  position: relative;
  display: inline-block;
  width: 24%;
  margin-right: 1%;
  padding-top: 50%;
  border-radius: 20px;
  overflow: hidden;
}
.main-wrap .matched-car.main-container__rolling .matched-car__list-item.image-banner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-wrap .matched-car.main-container__rolling .matched-car__list-item-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
}

/* 2020.06.08 수정 */
@media (min-width: 1441px) {
  .infoItem {
    height: 255px !important;
  }
}
.infoItem {
  height: 250px !important;
  padding: 25px 1.8vw 0 !important;
}
.infoItem .matching {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #fd665c;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}
.infoItem .matching:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../images/main/icon_matching.png") no-repeat;
  width: 14px;
  height: 14px;
}
.infoItem .data-line li {
  font-size: 12px;
  margin-left: 19px;
}
.infoItem .infoItem__price {
  margin-top: 20px;
}
.infoItem .infoItem__price .pay {
  font-size: 24px;
  color: #2666c6;
  font-weight: bold;
}
.infoItem .infoItem__price .rud-pay {
  border: none !important;
  color: #999 !important;
}
.infoItem .infoItem__price .rud-pay > span {
  display: inline-block;
  height: 22px;
  color: #fff;
  background: #2666c6;
  line-height: 22px;
  border-radius: 22px;
  padding: 0 7px;
  font-size: 12px;
  margin-right: 7px;
}

.corItem {
  position: absolute;
  left: 1.8vw;
  bottom: 20px;
}
.corItem a {
  display: inline-block;
  height: 24px;
  margin-right: 3px;
  padding: 0 7px;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 12px;
  line-height: 23px;
  font-weight: 600;
}
.corItem .cor-blue {
  border-color: #2666c6;
}
.corItem .cor-red {
  border-color: #fd665c;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.cmm-table {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #999;
}
.cmm-table thead th {
  height: 59px;
  background: #f0f0f0;
  font-size: 16px;
  font-weight: 100;
  color: #666;
  padding: 0 10px;
  text-align: center;
}
.cmm-table thead th:hover {
  color: #666;
}
.cmm-table tbody tr td {
  color: #222;
  border-top: 1px solid #ddd;
  height: 80px;
  padding: 9px 10px;
  font-weight: normal;
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
}
.cmm-table tbody tr td:hover {
  color: #222;
}
.cmm-table tbody tr.end td,
.cmm-table tbody tr.end a {
  color: #999;
}
.cmm-table tbody tr.end td:first-child {
  color: #222;
}
.cmm-table tbody tr.saving .cor {
  color: #336fc9;
}
.cmm-table tbody tr.balance .cor {
  color: #fd665c;
}
.cmm-table tbody tr.important td {
  background: #fafafa;
}
.cmm-table tbody tr .new {
  position: relative;
}
.cmm-table tbody tr .new:after {
  content: "";
  position: relative;
  display: inline-block;
  margin-left: 5px;
  top: 4px;
  width: 18px;
  height: 18px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -154px;
}
.cmm-table .no-data {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0;
  text-align: center;
}
.cmm-table.table-l thead th,
.cmm-table.table-l tbody td {
  text-align: left;
  padding: 0 30px;
}
.cmm-table.table-l thead th.txt-cnt,
.cmm-table.table-l tbody td.txt-cnt {
  text-align: center;
}
.cmm-table.table-l thead.tp02 th {
  height: 30px;
}
.cmm-table.table-l thead.tp02 .fs-14 {
  font-size: 14px !important;
}
.cmm-table.table-l tbody td {
  padding: 30px;
  font-size: 16px;
}
.cmm-table.table-l tbody td.v-top {
  vertical-align: top;
}
.cmm-table.table-l tbody td.bd-left {
  border-left: 1px solid #ddd;
}
.cmm-table.table-l tbody td.tb-one-line {
  white-space: nowrap;
}
.cmm-table.table-l tbody td .link {
  position: relative;
  color: #336fc9;
}
.cmm-table.table-l tbody td .link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #336fc9;
}
.cmm-table.table-l.table-cor-gray tbody td {
  height: 60px;
  padding: 20px 0 20px 30px;
}
.cmm-table.table-l.table-cor-gray tbody td + td {
  color: #666;
}
.cmm-table.table-l02 {
  margin-top: 17px;
}
.cmm-table.table-l02 th,
.cmm-table.table-l02 td {
  text-align: left;
  height: 59px;
  padding: 10px 10px 10px 30px;
}
.cmm-table.table-l02 th.txt-cnt,
.cmm-table.table-l02 td.txt-cnt {
  text-align: center !important;
  padding: 0 20px !important;
}
.cmm-table.table-l02 th.txt-right,
.cmm-table.table-l02 td.txt-right {
  text-align: right !important;
  padding: 0 30px 0 10px;
}
.cmm-table.table-l02 th.ptb-20,
.cmm-table.table-l02 td.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cmm-table.table-l02 th.bd-left,
.cmm-table.table-l02 td.bd-left {
  border-left: 1px solid #ddd;
}
.cmm-table.table-l02 th .tb-txt,
.cmm-table.table-l02 td .tb-txt {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  margin-right: 5px;
}
.cmm-table.table-l02 th {
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: normal;
  color: #222;
  background: #f0f0f0;
}
.cmm-table.table-l02 th.th-tp02 {
  padding-left: 20px;
  padding-right: 5px;
}
.cmm-table.table-l02 th.th-vt {
  vertical-align: top;
  padding-top: 19px;
}
.cmm-table.table-l02 td {
  font-size: 16px;
  color: #666;
}
.cmm-table.table-l02 td * {
  font-size: 16px;
  color: #666;
}
.cmm-table.table-l02 thead.tp-bd-none th {
  border: 0 none;
}
.cmm-table.table-l02 tbody th {
  border-top: 1px solid #ddd;
}
.cmm-table.table-l02.tp02 th,
.cmm-table.table-l02.tp02 td {
  padding-left: 20px;
  padding-right: 5px;
}
.cmm-table.table-l02.tp02 .t-fst {
  padding-left: 30px;
}
.cmm-table.table-l02.thead-no {
  border-top: 0 none;
}
.cmm-table.table-l02.ct-line tr > * + * {
  border-left: 1px solid #ddd;
}
.cmm-table.table-l02.td-ptb-15 td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.cmm-table.table-l02 .bg-blue01,
.cmm-table.table-l02 .bg-blue02 {
  border: 0 none !important;
  color: #fff;
}
.cmm-table.table-l02 .bg-blue01 {
  background-color: #336fc9;
}
.cmm-table.table-l02 .bg-blue02 {
  background-color: #364f7f;
}
.cmm-table.table-l02 .t-none {
  text-align: center;
}
.cmm-table.table-l02 .r-txt01 {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 5px;
  padding: 0 12px;
  border-radius: 11px;
  font-size: 13px;
  color: #fff;
  background-color: #4c4c4c;
}
.cmm-table.table-l02 .r-txt02 {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  margin-right: 5px;
  padding: 0 11px;
  border-radius: 11px;
  border: 1px solid #336fc9;
  font-size: 13px;
  color: #336fc9;
  background-color: #fff;
}
.cmm-table.table-l02 .bar-list li {
  position: relative;
  line-height: 24px;
  padding-left: 10px;
  font-size: 16px;
  color: #666;
}
.cmm-table.table-l02 .bar-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  width: 5px;
  height: 1px;
  background-color: #666;
}
.cmm-table.table-l02 .bar-list li + li {
  margin-top: 6px;
}
.cmm-table.table-l02 .tip-wrap .bar-list li {
  color: #fff;
}
.cmm-table.table-l02 .tip-wrap .bar-list li:after {
  background-color: #fff;
}
.cmm-table.table-l02 .ft-md, .cmm-table.table-l02 .terms-sign-area .terms-sign-util, .terms-sign-area .cmm-table.table-l02 .terms-sign-util, .cmm-table.table-l02 .terms-sign strong, .terms-sign .cmm-table.table-l02 strong {
  font-weight: 500;
}
.cmm-table .bl-dash-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-table .bl-dash-area .bl-dash {
  float: left;
}
.cmm-table .bl-dash-area .bl-dash dt,
.cmm-table .bl-dash-area .bl-dash dd {
  position: relative;
  padding: 0 0 0 10px;
  font-size: 16px;
  color: #222;
}
.cmm-table .bl-dash-area .bl-dash dt {
  margin-bottom: 10px;
}
.cmm-table .bl-dash-area .bl-dash dt:after {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.cmm-table.table-border {
  overflow: hidden;
  margin-left: -1px;
}
.cmm-table.table-border th {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.cmm-table.table-border td {
  border-left: 1px solid #ddd;
}

.tb-top-txt {
  line-height: 24px;
  color: #666;
}

.progress-rud {
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  line-height: 29px;
  border-radius: 30px;
  background: #2666c6;
  color: #fff;
}
.progress-rud.red {
  background: #fd665c;
  color: #fff;
}
.progress-rud.gray {
  background: #999;
  color: #fff;
}
.progress-rud.w84 {
  width: 84px;
}

.paginate {
  height: 30px;
  line-height: 28px;
  text-align: center;
}
.paginate.type-new-paginate {
  font-size: 0;
}
.paginate.type-new-paginate a,
.paginate.type-new-paginate span {
  width: 26px;
  height: 26px;
  margin: 0 10px;
  line-height: 26px;
  font-size: 14px;
  color: #222;
}
.paginate.type-new-paginate strong span {
  font-weight: bold;
  background-color: #ddd;
}
.paginate.type-new-paginate .first:after,
.paginate.type-new-paginate .prev:after,
.paginate.type-new-paginate .next:after,
.paginate.type-new-paginate .last:after {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.paginate.type-new-paginate .first:after {
  background: url(../images/icon/ico-paginate-first.svg) no-repeat 0 0;
}
.paginate.type-new-paginate .prev:after {
  background: url(../images/icon/ico-paginate-prev.svg) no-repeat 0 0;
}
.paginate.type-new-paginate .next:after {
  background: url(../images/icon/ico-paginate-next.svg) no-repeat 0 0;
}
.paginate.type-new-paginate .last:after {
  background: url(../images/icon/ico-paginate-last.svg) no-repeat 0 0;
}
.paginate a,
.paginate span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  font-weight: 600;
  color: #999;
  vertical-align: top;
  text-align: center;
}
.paginate strong span {
  background: #364f7f;
  border-radius: 30px;
  overflow: hidden;
  line-height: 28px;
  color: #fff;
}
.paginate .first,
.paginate .last,
.paginate .prev,
.paginate .next {
  text-indent: -999em;
}
.paginate .first:after,
.paginate .last:after,
.paginate .prev:after,
.paginate .next:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -4px;
}
.paginate .prev:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.paginate .next:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.paginate.align-r {
  text-align: right;
}

.qa-tb td {
  font-size: 16px;
}
.qa-tb .reply-tp01 .rp-td {
  text-align: left;
}
.qa-tb .reply-tp01 .rp-td .rp-box {
  padding: 16px 0;
}
.qa-tb .reply-tp01 .rp-td .rp-box .tit {
  line-height: 24px;
  font-size: 18px;
}
.qa-tb .reply-tp01 .rp-td .rp-box .tit .car {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
}
.qa-tb .reply-tp01 .rp-td .rp-box .txt {
  line-height: 24px;
  margin-top: 14px;
  font-size: 18px;
}
.qa-tb .reply-tp01 .rp-td .rp-box .reply-btn {
  position: relative;
  display: inline-block;
  line-height: 23px;
  padding-left: 38px;
  margin-top: 20px;
  color: #2666c6;
}
.qa-tb .reply-tp01 .rp-td .rp-box .reply-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 27px;
  height: 23px;
  background: url("../images/common/btn_icon.png") no-repeat -160px top;
}
.qa-tb .reply-tp02 {
  display: none;
  background-color: #fafafa;
}
.qa-tb .reply-tp02 .rp-td {
  text-align: left;
  padding-top: 25px;
  padding-bottom: 25px;
}
.qa-tb .reply-tp02 .rp-td .rp-box {
  position: relative;
  padding: 0 0 20px 30px;
}
.qa-tb .reply-tp02 .rp-td .rp-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit {
  overflow: hidden;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit .tit {
  float: left;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  margin-right: 30px;
  font-size: 16px;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit .rp-btn {
  float: left;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit .rp-btn > button {
  position: relative;
  line-height: 24px;
  color: #336fc9;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit .rp-btn > button + button {
  margin-left: 23px;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-tit .rp-btn > button + button:after {
  content: "";
  position: absolute;
  left: -12px;
  top: 6px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #336fc9;
}
.qa-tb .reply-tp02 .rp-td .rp-box .rp-con {
  line-height: 24px;
  margin-top: 8px;
  font-size: 16px;
}
.qa-tb .reply-tp02 .rp-td .rp-box .data-line {
  margin-top: 5px;
}
.qa-tb .reply-tp02 .rp-td .rp-box .txar-box {
  margin: 10px 0 0 -30px;
}
.qa-tb .reply-tp02 .rp-td .rp-reg {
  padding-top: 4px;
}
.qa-tb .reply-tp02 .rp-td .rp-reg .txt {
  line-height: 22px;
  margin-top: 15px;
}
.qa-tb .reply-tp02 .rp-td .txar-box {
  width: 900px;
}

.cmm-row-table {
  border-top: 1px solid #ddd;
}
.cmm-row-table th {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 30px;
  font-weight: 100;
  font-size: 16px;
  vertical-align: top;
}
.cmm-row-table td {
  border-bottom: 1px solid #ddd;
  padding: 30px;
  font-size: 16px;
}
.cmm-row-table td .bl-dash-list dt {
  margin-bottom: 10px;
}
.cmm-row-table td .bl-dash-list dd {
  font-size: 16px;
  margin: 0;
}

.pc-cost {
  border-top: none;
}
.pc-cost tbody tr td {
  font-size: 16px;
  height: 60px;
}
.pc-cost tbody tr td.fc-blue {
  color: #336fc9;
}
.pc-cost tbody tr td:first-child {
  text-align: left;
}
.pc-cost tbody tr td:last-child {
  text-align: right;
}
.pc-cost tbody tr.bg-clr td {
  background: #f0f0f0;
  font-weight: 500;
}

.service-obj-table {
  border-top: none;
  border-bottom: none;
}
.service-obj-table tbody tr td {
  border-bottom: 1px solid #ddd;
  border-top: none;
  height: 60px;
  font-size: 16px;
}
.service-obj-table tbody tr td.lft-line {
  border-left: 1px solid #ddd;
}

.cmm-in-table {
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.cmm-in-table .tit-wrap {
  margin-bottom: 20px;
}
.cmm-in-table .tit-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-in-table .tit-wrap .f-l {
  float: left;
}
.cmm-in-table .tit-wrap .f-r {
  float: right;
}
.cmm-in-table th,
.cmm-in-table td {
  font-size: 12px;
  text-align: center !important;
  padding: 0 5px !important;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.tv-tit01 {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-size: 50px;
  font-weight: 100;
}
.tv-tit01.cor-white > * {
  color: #fff;
}
.tv-tit01 + .tv-tit02 {
  margin-top: 34px;
}
.tv-tit01 > * {
  line-height: 60px;
  font-size: 50px;
}
.tv-tit01 > small {
  display: block;
  font-size: 25px;
  line-height: 1.5;
  font-weight: normal;
}
.tv-tit01 > small.small--ty2 {
  margin-top: 9px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 300;
}
.tv-tit01 .link-arrow {
  font-weight: normal;
}
.tv-tit01 .sale-hour {
  display: inline-block;
  font-weight: bold;
  font-size: 50px;
  color: #fd665c;
}

.tv-tit02 {
  display: block;
  line-height: 30px;
  font-size: 18px;
}

.tv-tit03 {
  display: block;
  line-height: 48px;
  font-size: 36px;
  font-weight: 100;
}

.tv-tit03-m {
  display: block;
  line-height: 48px;
  font-size: 36px;
  font-weight: 500;
}

.tv-sel-box {
  margin-top: 23px;
}

.tv-app-con {
  position: relative;
  margin-top: 56px;
}
.tv-app-con .sorting-area {
  margin-bottom: 26px;
}
.tv-app-con .info-list {
  overflow: hidden;
  width: 600px;
}
.tv-app-con .info-list > dl {
  float: left;
}
.tv-app-con .info-list > dl > * {
  float: left;
  line-height: 36px;
  font-size: 16px;
}
.tv-app-con .info-list > dl dt {
  position: relative;
  width: 75px;
  font-weight: 300;
  color: #666;
}
.tv-app-con .info-list > dl dt:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 12px;
  display: block;
  width: 1px;
  height: 14px;
  background-color: #ddd;
}
.tv-app-con .info-list > dl dd {
  width: 225px;
  font-weight: 500;
}
.tv-app-con .info-list > dl.tp02 dt {
  width: 110px;
}
.tv-app-con .info-list > dl.tp02 dd {
  width: 190px;
}
.tv-app-con .date {
  position: absolute;
  right: 0;
  bottom: 6px;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  color: #666;
}

.tv-coin {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.tv-coin .coin-tit,
.tv-coin .coin-num {
  float: left;
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  color: #222;
  font-weight: bold;
}
.tv-coin .coin-tit {
  font-size: 24px;
}
.tv-coin .coin-num {
  position: relative;
  font-size: 36px;
  margin-left: 20px;
  padding-right: 37px;
}
.tv-coin .coin-num:after {
  content: "C";
  position: absolute;
  right: 0;
  top: 6px;
  display: block;
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  font-size: 18px;
  background-color: #ffbc00;
}
.tv-coin.tp02 .coin-tit,
.tv-coin.tp02 .coin-num {
  float: none;
  margin: 0;
}
.tv-coin.tp02 .coin-tit {
  display: block;
  margin-bottom: 8px;
}

.tv-coin02 {
  width: 330px;
  display: inline-block;
  vertical-align: top;
}
.tv-coin02 .coin-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-height: 30px;
  line-height: 30px;
  margin: 0 0 22px;
  padding-right: 36px;
  font-size: 24px;
  color: #336fc9;
  font-weight: 300;
}
.tv-coin02 .coin-link.btm {
  margin: 22px 0 0;
}
.tv-coin02 .coin-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  display: block;
  width: 17px;
  height: 12px;
  background: url("../images/common/icon_top_visual.png") no-repeat -21px top;
}
.tv-coin02 > dl.conin-box {
  overflow: hidden;
}
.tv-coin02 > dl.conin-box > * {
  display: block;
  min-height: 22px;
  line-height: 22px;
  color: #222;
}
.tv-coin02 > dl.conin-box > dt {
  float: left;
  font-size: 16px;
}
.tv-coin02 > dl.conin-box > dd {
  float: right;
  position: relative;
  display: block;
  padding-right: 30px;
  font-size: 18px;
  font-weight: 600;
}
.tv-coin02 > dl.conin-box > dd:after {
  content: "C";
  position: absolute;
  right: 0;
  top: 1px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  background-color: #ffbc00;
}
.tv-coin02 > dl.conin-box + dl.conin-box {
  margin-top: 14px;
}

.tv-banner {
  position: relative;
  width: 360px;
  min-height: 130px;
  padding: 16px 20px;
  border-radius: 18px;
  background-color: #8697bf;
}
.tv-banner:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 27px;
  display: block;
  width: 66px;
  height: 72px;
  background: url("../images/sub/mycar-bg.png") no-repeat;
}
.tv-banner .bn-tit {
  display: block;
  line-height: 28px;
  font-size: 24px;
  color: #fff;
}
.tv-banner .bn-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  margin-top: 20px;
  padding-right: 17px;
  font-size: 16px;
  color: #fff;
}
.tv-banner .bn-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
  width: 7px;
  height: 12px;
  background: url("../images/common/icon_top_visual.png") no-repeat -38px top;
}

.tv-talLink {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  padding-right: 17px;
  font-size: 16px;
  color: #222;
}
.tv-talLink:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
  width: 7px;
  height: 12px;
  background: url("../images/common/icon_top_visual.png") no-repeat -45px top;
}

.link-arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #2666c6;
}
.link-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  width: 6px;
  height: 12px;
  background: url("../images/sub/mycar-bg.png") no-repeat -137px top;
}

.data-line {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.data-line.fs-16 > span {
  font-size: 16px;
}
.data-line.cor-dgray > span {
  color: #666;
}
.data-line .data-in {
  overflow: hidden;
}
.data-line > span,
.data-line > li,
.data-line .data-in > span,
.data-line .data-in > li {
  position: relative;
  float: left;
  height: 24px;
  line-height: 24px;
  margin-left: 22px;
  font-size: 14px;
  color: #999;
}
.data-line > span:after,
.data-line > li:after,
.data-line .data-in > span:after,
.data-line .data-in > li:after {
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  display: block;
  width: 1px;
  height: 13px;
  margin-top: -6px;
  background-color: #999;
}
.data-line > span:first-child,
.data-line > li:first-child,
.data-line .data-in > span:first-child,
.data-line .data-in > li:first-child {
  margin-left: 0;
}
.data-line > span:first-child:after,
.data-line > li:first-child:after,
.data-line .data-in > span:first-child:after,
.data-line .data-in > li:first-child:after {
  display: none;
}
.data-line > span.hit,
.data-line > li.hit,
.data-line .data-in > span.hit,
.data-line .data-in > li.hit {
  margin-left: 38px;
}
.data-line > span.hit:after,
.data-line > li.hit:after,
.data-line .data-in > span.hit:after,
.data-line .data-in > li.hit:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  display: block;
  width: 15px;
  height: 11px;
  margin-top: -5px;
  background: url("../images/common/icon_top_visual.png") no-repeat -144px top;
}
.data-line > span.cor-black:after,
.data-line > li.cor-black:after,
.data-line .data-in > span.cor-black:after,
.data-line .data-in > li.cor-black:after {
  background-color: #222;
}
.data-line.tp02 > span,
.data-line.tp02 > li,
.data-line.tp02 .data-in > span,
.data-line.tp02 .data-in > li {
  margin: 0 22px 0 0;
}
.data-line.tp02 > span:after,
.data-line.tp02 > li:after,
.data-line.tp02 .data-in > span:after,
.data-line.tp02 .data-in > li:after {
  left: auto;
  right: -11px;
}
.data-line.tp02 > span:first-child:after,
.data-line.tp02 > li:first-child:after,
.data-line.tp02 .data-in > span:first-child:after,
.data-line.tp02 .data-in > li:first-child:after {
  display: block;
}
.data-line.tp02 > span.hit,
.data-line.tp02 > li.hit,
.data-line.tp02 .data-in > span.hit,
.data-line.tp02 .data-in > li.hit {
  margin: 0 0 0 38px;
}
.data-line.tp02 > span.hit:after,
.data-line.tp02 > li.hit:after,
.data-line.tp02 .data-in > span.hit:after,
.data-line.tp02 .data-in > li.hit:after {
  left: -20px;
  right: auto;
}
.data-line.tp02 > span.last,
.data-line.tp02 > li.last,
.data-line.tp02 .data-in > span.last,
.data-line.tp02 .data-in > li.last {
  margin: 0;
}
.data-line.tp02 > span.last:after,
.data-line.tp02 > li.last:after,
.data-line.tp02 .data-in > span.last:after,
.data-line.tp02 .data-in > li.last:after {
  display: none;
}
.data-line.tp03 {
  display: block;
}
.data-line.tp03 .first,
.data-line.tp03 .data-in > span,
.data-line.tp03 .data-in > li {
  height: 20px;
  line-height: 20px;
}
.data-line.tp03 .first {
  display: block;
  font-size: 14px;
  color: #999;
}

.tv-dealer {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.tv-dealer .pic,
.tv-dealer .con,
.tv-dealer .ck-wrap {
  float: left;
}
.tv-dealer .pic {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 40px;
  border: 1px solid #ddd;
}
.tv-dealer .pic > img {
  display: block;
  width: 100%;
  height: 100%;
}
.tv-dealer .con {
  padding-top: 2px;
  margin-left: 30px;
}
.tv-dealer .con .name {
  display: block;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
.tv-dealer .con .txt {
  display: block;
  line-height: 16px;
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}
.tv-dealer .ck-wrap {
  margin-left: 20px;
  padding-top: 10px;
}
.tv-dealer .ck-wrap button {
  padding: 0 15px;
}

.tv-car-info {
  display: inline-block;
  vertical-align: top;
}
.tv-car-info .tit {
  line-height: 48px;
  font-size: 36px;
  font-weight: bold;
  color: #222;
}
.tv-car-info .info {
  overflow: hidden;
  margin-top: 10px;
}
.tv-car-info .info .txt {
  float: left;
  position: relative;
  line-height: 16px;
  padding-left: 24px;
  font-size: 14px;
  color: #666;
}
.tv-car-info .info .txt:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 3px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #666;
}
.tv-car-info .info .txt:first-child {
  padding-left: 0;
}
.tv-car-info .info .txt:first-child:after {
  display: none;
}
.tv-car-info .money {
  line-height: 34px;
  margin-top: 50px;
  font-size: 30px;
  font-weight: 900;
  color: #336fc9;
}

.info-bar {
  overflow: hidden;
  margin-top: 10px;
}
.info-bar .txt {
  float: left;
  position: relative;
  line-height: 16px;
  padding-left: 24px;
  font-size: 14px;
  color: #666;
}
.info-bar .txt:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 3px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #666;
}
.info-bar .txt:first-child {
  padding-left: 0;
}
.info-bar .txt:first-child:after {
  display: none;
}

.tv-star-box {
  width: 370px;
}
.tv-star-box + .tv-star-box {
  margin-top: 30px;
}
.tv-star-box .star-score {
  overflow: hidden;
}
.tv-star-box .star-score .tit {
  float: left;
  display: block;
  line-height: 17px;
  font-size: 16px;
  color: #222;
}
.tv-star-box .star-score .star-area {
  float: right;
}
.tv-star-box .star-btn {
  overflow: hidden;
  margin-top: 10px;
}
.tv-star-box .star-btn > button {
  float: left;
  width: 70px;
  padding: 0;
}
.tv-star-box .star-btn > button + button {
  margin-left: 5px;
}

.container.cw1400 .tv-carSel .pic {
  width: 190px;
  margin: 10px 0 0 10px;
}

.tv-carSel {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.tv-carSel .con {
  float: left;
}
.tv-carSel .con .cpy {
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.tv-carSel .con .name {
  display: block;
  line-height: 40px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: 500;
  color: #222;
}
.tv-carSel .con .model {
  overflow: hidden;
  margin-top: 14px;
}
.tv-carSel .con .model > * {
  float: left;
}
.tv-carSel .con .model .txt {
  display: block;
  line-height: 24px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.tv-carSel .con .info {
  overflow: hidden;
  margin-top: 5px;
}
.tv-carSel .con .info .txt {
  float: left;
  position: relative;
  line-height: 16px;
  padding-left: 24px;
  font-size: 14px;
  color: #666;
}
.tv-carSel .con .info .txt:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 3px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #666;
}
.tv-carSel .con .info .txt:first-child {
  padding-left: 0;
}
.tv-carSel .con .info .txt:first-child:after {
  display: none;
}
.tv-carSel .con .car-sel {
  margin-top: 20px;
}
.tv-carSel .con .car-sel select {
  width: auto;
  min-width: 280px;
}
.tv-carSel .pic {
  float: right;
  width: 330px;
  margin: 10px 0 0 20px;
}
.tv-carSel .pic > img {
  display: block;
  width: 100%;
  height: auto;
}

.tv-carLife {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.tv-carLife .cl-logo {
  text-align: right;
}
.tv-carLife .cl-logo > img {
  display: inline-block;
  vertical-align: top;
}
.tv-carLife .cl-btn {
  text-align: right;
  margin-top: 25px;
}
.tv-carLife .cl-btn button {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 40px;
  background: #336fc9;
  border-radius: 4px;
}
.tv-carLife .cl-btn button span {
  color: #fff;
}

.tv-garage {
  position: relative;
  overflow: hidden;
  width: 400px;
  z-index: 1;
}
.tv-garage + .tv-garage {
  margin-top: 70px;
}
.tv-garage .gar-tit {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
.tv-garage .gar-tit > * {
  float: left;
  display: block;
  line-height: 26px;
}
.tv-garage .gar-tit .tit {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.tv-garage .gar-tit .date {
  margin-left: 10px;
  padding: 0 7px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #9676a0;
}
.tv-garage .item {
  height: 120px;
  padding: 28px 210px 0 0;
  background-color: #fff;
}
.tv-garage .item .gar-name {
  line-height: 24px;
  font-size: 16px;
  color: #222;
}
.tv-garage .item .gar-img {
  position: absolute;
  right: 0;
  top: 14px;
  height: 100px;
}
.tv-garage .item .gar-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tv-garage .item .gar-img.no-img {
  height: 90px;
}
.tv-garage .item .gar-img-size {
  position: absolute;
  right: 0;
  top: 14px;
  height: 100px;
}
.tv-garage .item .gar-img-size img {
  width: auto;
  height: auto;
  max-width: 210px;
  max-height: 100px;
}
.tv-garage .item .gar-img-size.no-img {
  height: 90px;
}
.tv-garage .owl-nav {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 50px;
  z-index: 2;
}
.tv-garage .owl-nav > button {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 10px;
  border: 1px solid #222 !important;
  background: #fff !important;
  left: auto;
  right: auto;
  top: auto;
}
.tv-garage .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 11px;
  height: 7px;
  margin-top: -3px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.tv-garage .owl-nav > button.owl-prev {
  float: left;
}
.tv-garage .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -5px;
  background-position: -52px top;
}
.tv-garage .owl-nav > button.owl-next {
  float: right;
}
.tv-garage .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -5px;
  background-position: -63px top;
}
.tv-garage .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.tv-garage .owl-nav > button.disabled.owl-prev:after {
  background-position: -52px -7px;
}
.tv-garage .owl-nav > button.disabled.owl-next:after {
  background-position: -63px -7px;
}
.tv-garage .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.tv-gift {
  position: relative;
  overflow: hidden;
  width: 410px;
  height: 261px;
  overflow: hidden;
  z-index: 2;
}
.tv-gift .tv-gift-banner {
  float: right;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.tv-gift .item {
  background-color: #fff !important;
}
.tv-gift .item .gift-img {
  height: 178px;
  padding: 0 64px;
}
.tv-gift .item .gift-img > a {
  display: block;
}
.tv-gift .item .gift-img > a > img {
  display: block;
  width: 100%;
  hegith: 100%;
}
.tv-gift .item .gift-tit {
  width: 410px;
  margin-top: 23px;
  padding: 0 64px;
}
.tv-gift .item .gift-tit > a {
  display: block;
}
.tv-gift .item .gift-tit > a > * {
  display: block;
  line-height: 30px;
}
.tv-gift .item .gift-tit > a .txt01 {
  font-size: 18px;
  color: #222;
}
.tv-gift .item .gift-tit > a .txt02 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.tv-gift .owl-nav > button {
  position: absolute;
  top: 72px;
  width: 34px;
  height: 34px;
  margin: 0;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.tv-gift .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.tv-gift .owl-nav > button.owl-prev {
  left: 0;
}
.tv-gift .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.tv-gift .owl-nav > button.owl-next {
  right: 0;
}
.tv-gift .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.tv-gift .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.tv-gift .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.tv-gift .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.tv-gift .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.tv-subCar {
  position: relative;
  overflow: hidden;
  width: 508px;
  padding: 30px 64px 0;
  margin: 0;
}
.tv-subCar .owl-carousel {
  border-radius: 8px;
  background-color: #fff !important;
}
.tv-subCar .item {
  position: relative;
  height: 380px;
}
.tv-subCar .item .sub-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 40px;
}
.tv-subCar .item .sub-link .subCar-tit > * {
  display: block;
}
.tv-subCar .item .sub-link .subCar-tit .cpy {
  line-height: 18px;
  font-size: 16px;
  font-weight: 500;
}
.tv-subCar .item .sub-link .subCar-tit .car {
  margin-top: 10px;
  line-height: 34px;
  font-size: 30px;
  font-weight: bold;
}
.tv-subCar .item .sub-link .subCar-tit .info {
  margin-top: 12px;
}
.tv-subCar .item .sub-link .subCar-tit .info > * {
  display: block;
}
.tv-subCar .item .sub-link .subCar-tit .info .txt01 {
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.tv-subCar .item .sub-link .subCar-img {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  text-align: center;
  padding: 0 15px;
}
.tv-subCar .item .sub-link .subCar-img img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
}
.tv-subCar .item .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.tv-subCar .item .btn-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.tv-subCar .item .btn-close > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tv-subCar .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  text-align: center;
  width: auto;
  height: 10px;
}
.tv-subCar .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  background-color: transparent;
}
.tv-subCar .owl-dots .owl-dot + .owl-dot {
  margin-left: 5px;
}
.tv-subCar .owl-dots .owl-dot.active {
  background-color: #fff;
}
.tv-subCar .owl-nav > button {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.tv-subCar .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.tv-subCar .owl-nav > button.owl-prev {
  left: -64px;
}
.tv-subCar .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.tv-subCar .owl-nav > button.owl-next {
  right: -64px;
}
.tv-subCar .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.tv-subCar .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.tv-subCar .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.tv-subCar .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.tv-subCar .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.int-lat-area {
  text-align: center;
  padding-top: 62px;
}
.int-lat-area .int-lat {
  display: inline-block;
  vertical-align: top;
}
.int-lat-area .int-lat + .int-lat {
  margin-left: 226px;
}
.int-lat-area .int-lat .il-tit {
  text-align: center;
  line-height: 28px;
  margin-bottom: 27px;
  font-size: 24px;
}
.int-lat-area .int-lat [class*=swiper-area] {
  width: 370px;
}
.int-lat-area .int-lat [class*=swiper-area] .item .il-img {
  display: block;
  width: 180px;
  height: 135px;
  margin: 0 auto;
}
.int-lat-area .int-lat [class*=swiper-area] .item .il-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.int-lat-area .int-lat [class*=swiper-area] .item .il-txt {
  text-align: center;
  margin-top: 22px;
}
.int-lat-area .int-lat [class*=swiper-area] .item .il-txt .txt01 {
  display: inline-block;
  vertical-align: top;
  height: 72px;
  line-height: 36px;
  font-size: 24px;
}
.int-lat-area .int-lat [class*=swiper-area] .item .il-txt .txt02 {
  display: block;
  text-align: center;
  margin-top: 17px;
  line-height: 28px;
  font-size: 24px;
  font-weight: bold;
  color: #2666c6;
}
.int-lat-area .int-lat [class*=swiper-area] .item .graph-wrap {
  margin-top: 30px;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button {
  position: absolute;
  top: 40px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.owl-prev {
  left: 0;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.owl-next {
  right: 0;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.int-lat-area .int-lat [class*=swiper-area] .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.int-lat-area .int-lat [class*=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;
}
.int-lat-area .int-lat .no-txt {
  margin: 20px 0 35px;
  font-size: 24px;
  font-weight: 100;
}

.graph-wrap {
  position: relative;
  padding: 4px 40px 25px;
}
.graph-wrap .graph-box {
  position: relative;
  height: 4px;
  border-radius: 2px;
  background-color: #ddd;
}
.graph-wrap .graph-box .g-bar {
  position: absolute;
  top: 0;
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: #336fc9;
}
.graph-wrap .graph-box .g-point {
  position: absolute;
  top: -4px;
  display: block;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #336fc9;
}
.graph-wrap .graph-box .g-point:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
}
.graph-wrap .g-min,
.graph-wrap .g-max {
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
  width: 80px;
  height: 18px;
  line-height: 18px;
}
.graph-wrap .g-min {
  left: 0;
}
.graph-wrap .g-max {
  right: 0;
}

.sw-ins {
  padding: 0 50px;
}
.sw-ins .owl-stage-outer {
  padding: 15px 0;
}
.sw-ins .owl-stage-outer .item {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 8px;
  background-color: #2666c6;
}
.sw-ins .owl-stage-outer .item .wn-line {
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
  text-align: center;
}
.sw-ins .owl-stage-outer .item .wn-line .wn-box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  padding: 0 17px 0 32px;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #fd665c;
}
.sw-ins .owl-stage-outer .item .wn-line .wn-box:after {
  content: "!";
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  font-size: 16px;
  color: #fd665c;
  background-color: #fff;
}
.sw-ins .owl-stage-outer .item .tb-wrap {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.sw-ins .owl-stage-outer .item .tb-wrap .tb-sel {
  display: table-cell;
  vertical-align: middle;
}
.sw-ins .owl-stage-outer .item .tb-wrap .tb-sel [class*=txt] {
  display: block;
  text-align: center;
  color: #fff;
}
.sw-ins .owl-stage-outer .item .tb-wrap .tb-sel [class*=txt] + .txt02 {
  margin-top: 15px;
}
.sw-ins .owl-stage-outer .item .tb-wrap .tb-sel .txt01 {
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
}
.sw-ins .owl-stage-outer .item .tb-wrap .tb-sel .txt02 {
  line-height: 20px;
  font-size: 18px;
  font-weight: 300;
}
.sw-ins .owl-nav > button {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.sw-ins .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.sw-ins .owl-nav > button.owl-prev {
  left: -50px;
}
.sw-ins .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.sw-ins .owl-nav > button.owl-next {
  right: -50px;
}
.sw-ins .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.sw-ins .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.sw-ins .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.sw-ins .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.sw-ins .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bbadge {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  letter-spacing: -0.25px;
  text-align: center;
}

.bbadge-category,
.bbadge-category--vertical {
  color: #070d26;
  line-height: 1.1;
  font-weight: 700;
  background-color: #ffcc02;
}

.bbadge-category {
  padding: 0 6px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 20px;
}

.bbadge-category--vertical {
  width: 50px;
  border-radius: 12px;
  padding: 6px 0 5px 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
}

.bbadge-category__prefix {
  font: inherit;
  padding: 2px 0;
}
.bbadge-category--vertical .bbadge-category__prefix {
  display: block;
  font-size: 17px;
}
.bbadge-category--vertical .bbadge-category__prefix.prefix-brand {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.05em;
}

.bbadge-service,
.bbadge-service-small {
  margin: 0;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 2;
  vertical-align: middle;
}

.bbadge-service-small {
  font-size: 11px;
  line-height: 1.5;
  padding: 0 3px;
  border-radius: 4px;
}

.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-kbcare {
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding-left: 26px;
  color: #222;
}
.bbadge-kbcare:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 100%;
  background: url(../images/common/icon20-kbcare.svg) center/14px auto no-repeat #fc0;
  content: "";
}

.guide-item__icon .bbadge {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.certified-vehicle-item .bbadge,
.sale-box__item-thumb .bbadge {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}

.list-kb .bbadge {
  position: absolute;
  right: 45px;
  bottom: 41px;
  z-index: 2;
}

.gallery_view .bbadge-category--vertical-img.badge-diag-plus {
  background-image: url("../images/common/badge-kb-diag-plus-big-ani-bg.svg");
}
.gallery_view .bbadge-category--vertical-img.badge-diag-plus:after {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  bottom: 11px;
  right: 7px;
  background: url("../images/common/badge-kb-diag-plus-big-ani-icon.svg") center/contain no-repeat;
  -webkit-transform: rotate3d(0, 1, 0, 300deg) scale(0.5);
          transform: rotate3d(0, 1, 0, 300deg) scale(0.5);
  -webkit-animation: aniRotatePlus ease-in-out 3s infinite;
          animation: aniRotatePlus ease-in-out 3s infinite;
  content: "";
}
.gallery_view .bbadge {
  position: absolute;
  top: 20px;
  left: 20px;
}
.gallery_view .bbadge ~ .new-bedge-area {
  position: absolute;
  top: 20px;
  left: 80px;
}
.gallery_view .new-bedge-area {
  position: absolute;
  top: 16px;
  left: 16px;
}
.gallery_view .new-bedge-area .new-bedge [class^=txt] {
  display: inline-block;
  height: 24px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 2px 6px;
  background-color: #ffd338;
}
.gallery_view .new-bedge-area .new-bedge [class^=txt] + [class^=txt] {
  margin-left: 4px;
}
.gallery_view .new-bedge-area .new-bedge [class^=txt].txt-white {
  background-color: #fff;
}

.cs-list02 .area .bbadge-category {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 3;
}
.cs-list02 .area .bbadge-service,
.cs-list02 .area .bbadge-service-small {
  font-weight: normal;
}
.cs-list02.small-tp .area .bbadge-category.badge-diag-normal {
  width: 42px;
  height: 24px;
  background-image: url("../images/common/badge-kb-diag-list-sm.svg");
}
.cs-list02.small-tp .area .bbadge-category.badge-diag-plus {
  width: 42px;
  height: 24px;
  background-image: url("../images/common/badge-kb-diag-plus-list-sm.svg");
}
.cs-list02.small-tp .area .bbadge-category {
  left: 12px;
  top: 12px;
}
.cs-list02 .list-in .area .con .item .cor-btn span.bbadge {
  border-radius: 6px;
}

.bbadge-diagnosis {
  width: 53px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: transparent url("../images/common/badge-diagnosis@2x.png") no-repeat;
  background-size: 53px auto;
  text-indent: -9999em;
  overflow: hidden;
  border-radius: 0;
}

.bbadge-category.badge-diag-normal {
  width: 53px;
  height: 30px;
  padding: 0;
  background: url("../images/common/badge-kb-diag-list.svg") center/contain no-repeat;
  font-size: 1px;
  color: transparent;
}
.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-s {
  width: 42px;
  height: 24px;
  background-image: url("../images/common/badge-kb-diag-list-sm.svg");
}

.bbadge-category--vertical-img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  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;
  }
}

.cs-list02.wd-change .bbadge-category.badge-diag-plus {
  background-image: url("../images/common/badge-kb-diag-plus-list-ani-bg.svg");
}
.cs-list02.wd-change .bbadge-category.badge-diag-plus:after {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  bottom: 11px;
  right: 4px;
  background: url("../images/common/badge-kb-diag-plus-list-ani-icon.svg") center/contain no-repeat;
  -webkit-transform: rotate3d(0, 1, 0, 300deg) scale(0.5);
          transform: rotate3d(0, 1, 0, 300deg) scale(0.5);
  -webkit-animation: aniRotatePlus ease-in-out 3s infinite;
          animation: aniRotatePlus ease-in-out 3s infinite;
  content: "";
}

@-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);
  }
}
.cs-list .hide-list {
  overflow: hidden;
  height: 380px;
  margin-left: -20px;
}
.cs-list .hide-list .item {
  float: left;
  width: 280px;
  height: 380px;
  margin-left: 20px;
}
.cs-list.line02 .hide-list {
  height: 840px;
  margin-top: -40px;
}
.cs-list.line02 .item {
  margin-top: 40px;
}
.cs-list.line-free .hide-list {
  height: auto !important;
  margin-top: -40px;
}
.cs-list.line-free .hide-list .item {
  margin-top: 40px;
}
.cs-list.magazine-tp .hide-list {
  height: 352px;
}
.cs-list.magazine-tp .hide-list .item {
  height: 352px;
}
.cs-list.magazine-tp .hide-list .item .car-box .tit {
  min-height: 56px;
}
.cs-list.magazine-tp .hide-list.tp02,
.cs-list.magazine-tp .owl-carousel.tp02 {
  height: 311px;
}
.cs-list.magazine-tp .hide-list.tp02 .item,
.cs-list.magazine-tp .owl-carousel.tp02 .item {
  height: 311px;
}
.cs-list.magazine-tp.line-free .hide-list {
  height: auto !important;
  margin-top: -40px;
}
.cs-list.magazine-tp.line-free .hide-list .item {
  margin-top: 40px;
}
.cs-list.dti-tp .hide-list {
  height: 314px;
}
.cs-list.dti-tp .hide-list .item {
  height: 314px;
}
.cs-list.dti-tp .hide-list .item .car-box .tit {
  min-height: 56px;
  margin-top: 14px;
}
.cs-list.dti-tp .hide-list .item .car-box .pay {
  margin-top: 10px;
  color: #222;
  font-weight: 900;
}
.cs-list .owl-carousel .item {
  width: 280px;
}
.cs-list .car-box .thumnail {
  display: block;
  width: 280px;
  height: 210px;
  border-radius: 10px;
  overflow: hidden;
}
.cs-list .car-box .thumnail img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list .car-box .tit {
  display: block;
  line-height: 28px;
  margin-top: 12px;
  font-size: 18px;
  color: #222;
}
.cs-list .car-box .tit02 {
  display: block;
  line-height: 26px;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 900;
  color: #222;
}
.cs-list .car-box .data-line {
  display: block;
  margin-top: 9px;
}
.cs-list .car-box .pay {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 9px;
  font-size: 18px;
  color: #336fc9;
}
.cs-list .car-box .pay del {
  font-size: 14px;
  color: #999;
}
.cs-list .car-box.overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.cs-list .car-box.overlay .pay {
  color: #999;
}
.cs-list .cor-btn {
  overflow: hidden;
  margin-top: 9px;
}
.cs-list .cor-btn > span {
  float: left;
  display: inline-block;
  min-width: 60px;
  text-align: center;
  height: 26px;
  line-height: 24px;
  border-radius: 13px;
  font-size: 12px;
  margin-right: 5px;
}
.cs-list .cor-btn > span.cor-red {
  border: 1px solid #fd665c;
}
.cs-list .cor-btn > span.cor-blue {
  border: 1px solid #2666c6;
}
.cs-list .owl-nav > button {
  position: absolute;
  top: -68px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.cs-list .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.cs-list .owl-nav > button.owl-prev {
  right: 44px;
}
.cs-list .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.cs-list .owl-nav > button.owl-next {
  right: 0;
}
.cs-list .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.cs-list .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.cs-list .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.cs-list .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.cs-list .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.container.w1280 .cs-list02.wd-change .area {
  width: 310px !important;
  height: 500px;
}
.container.w1280 .cs-list02.wd-change .area .thumnail,
.container.w1280 .cs-list02.wd-change .area .thumnail .item > img {
  height: 231px;
}
.container.w1280 .cs-list02.wd-change .area .con,
.container.w1280 .cs-list02.wd-change .area .con .item {
  height: 269px;
}
.container.w1280 .cs-list02.wd-change .owl-item {
  width: 310px !important;
}

.cs-list02 {
  margin-bottom: 80px;
}
.cs-list02 .list-in {
  overflow: hidden;
  margin-left: -20px;
}
.cs-list02 .list-in .area {
  float: left;
  position: relative;
  width: 290px;
  height: 484px;
  margin: 0 0 20px 20px;
}
.cs-list02 .list-in .area .thumnail {
  overflow: hidden;
  position: relative;
  border-radius: 30px 30px 0 0;
  border: 1px solid #ddd;
  border-bottom: 0 none;
}
.cs-list02 .list-in .area .thumnail .owl-nav {
  display: block;
}
.cs-list02 .list-in .area .thumnail .item {
  position: relative;
  display: block;
  width: 100%;
}
.cs-list02 .list-in .area .thumnail .item > img {
  display: block;
  width: 100%;
  height: 224px;
}
.cs-list02 .list-in .area .thumnail .item .time-txt {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 1;
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fd665c;
  background-color: rgba(0, 0, 0, 0.5);
}
.cs-list02 .list-in .area .vehicle-item__time-block {
  position: relative;
  height: 32px;
  left: 1px;
  top: -32px;
  margin-bottom: -32px;
}
.cs-list02 .list-in .area .vehicle-item__time {
  position: relative;
  display: inline-block;
  height: 100%;
  padding: 8px 15px;
  background: #fff;
  z-index: 3;
}
.cs-list02 .list-in .area .vehicle-item__time .vehicle-item__time-icon {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 18px;
  margin-right: 6px;
  padding-top: 18px;
  background: url("../images/sub/buy-bg.png") no-repeat -75px -110px;
  vertical-align: middle;
  overflow: hidden;
}
.cs-list02 .list-in .area .vehicle-item__time .vehicle-item__time-countdown {
  display: inline-block;
  line-height: 1;
}
.cs-list02 .list-in .area .con {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-top: 0 none;
  border-radius: 0 0 30px 30px;
}
.cs-list02 .list-in .area .con:hover .owl-nav {
  display: block;
}
.cs-list02 .list-in .area .con .item {
  position: relative;
  width: 100%;
  height: 258px;
  padding-bottom: 53px;
}
.cs-list02 .list-in .area .con .item.mid-tp {
  padding-bottom: 0;
}
.cs-list02 .list-in .area .con .item.mid-tp .link {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 29px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link.bg-blue {
  background-color: #2666c6;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .mid-box {
  display: table-cell;
  vertical-align: middle;
}
.cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] {
  position: relative;
  padding-left: 66px;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] + [class*=sp-rd-] {
  margin-top: 20px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md, .cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-area .terms-sign-util, .terms-sign-area .cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-util, .cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign strong, .terms-sign .cs-list02 .list-in .area .con .item.mid-tp .link [class*=sp-rd-] strong {
  display: inline-block;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-rd-img .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-rd-img .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-rd-acc .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 30px;
  font-weight: 500;
  color: #2666c6;
  background-color: #fff;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list {
  overflow: hidden;
  display: block;
  width: 205px;
  margin: 0 auto;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list + .sp-txt01 {
  margin-top: 11px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list > ul {
  overflow: hidden;
  margin: -10px 0 0 -5px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list > ul > li {
  float: left;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 10px 0 0 5px;
  border-radius: 18px;
  font-size: 14px;
  color: #fff;
  background-color: #ddd;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list > ul > li:after {
  content: "제외";
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on {
  background-color: #2666c6;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on:after {
  display: none;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt01 {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue.ft-bd, .cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt01 .inp-rd-new.is-all label > span.cor-blue, .inp-rd-new.is-all .cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt01 label > span.cor-blue {
  font-weight: bold;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt02 {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt02 + .sp-txt01 {
  margin-top: 6px;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt02 .cor-blue {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.cs-list02 .list-in .area .con .item.mid-tp .link .sp-txt02 .money {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
}
.cs-list02 .list-in .area .con .item .link {
  display: block;
  padding: 23px 29px 0;
}
.cs-list02 .list-in .area .con .item .link .tit {
  display: block;
  height: 48px;
  line-height: 1.5;
  font-size: 16px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02 .list-in .area .con .item .link .data-line {
  display: block;
  margin-top: 10px;
}
.cs-list02 .list-in .area .con .item .link .pay {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 12px;
  font-size: 18px;
  color: #336fc9;
}
.cs-list02 .list-in .area .con .item .link .pay del {
  font-size: 14px;
  color: #999;
}
.cs-list02 .list-in .area .con .item .link .pay .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #fd665c;
  margin-left: 5px;
  height: 26px;
  border-radius: 26px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
}
.cs-list02 .list-in .area .con .item .link .cor-btn {
  overflow: hidden;
  margin-top: 9px;
}
.cs-list02 .list-in .area .con .item .link .cor-btn span {
  float: left;
  display: inline-block;
  min-width: 60px;
  text-align: center;
  height: 26px;
  line-height: 24px;
  border-radius: 13px;
  font-size: 12px;
  margin-right: 5px;
}
.cs-list02 .list-in .area .con .item .link .cor-btn span.cor-red {
  border: 1px solid #fd665c;
}
.cs-list02 .list-in .area .con .item .link .cor-btn span.cor-blue {
  border: 1px solid #2666c6;
}
.cs-list02 .list-in .area .con .item .link .cor-btn span.cor-gray {
  border: 1px solid #999;
}
.cs-list02 .list-in .area .con .item .sort-wrap {
  overflow: hidden;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 19px;
}
.cs-list02 .list-in .area .con .item .sort-wrap .time,
.cs-list02 .list-in .area .con .item .sort-wrap .sale {
  display: block;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  font-size: 16px;
  font-weight: 500;
}
.cs-list02 .list-in .area .con .item .sort-wrap .time {
  position: relative;
  float: left;
  padding: 0 10px 0 36px;
  background-color: #f5f5f5;
}
.cs-list02 .list-in .area .con .item .sort-wrap .time:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  display: block;
  width: 19px;
  height: 18px;
  background: url("../images/sub/buy-bg.png") no-repeat -75px -110px;
}
.cs-list02 .list-in .area .con .item .sort-wrap .sale {
  float: right;
  padding: 0 17px;
  color: #fff;
  background-color: #2666c6;
}
.cs-list02 .list-in .area .link-img {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.cs-list02 .list-in .area .ol-bg {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  border-radius: 30px;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  z-index: 1;
}
.cs-list02 .list-in .area .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cs-list02 .list-in .area .overlay .ol-in {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
.cs-list02 .list-in .area .overlay .ol-in .txt01 {
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 36px;
  color: #fff;
}
.cs-list02 .list-in .area .overlay .ol-in .txt02 {
  display: block;
  text-align: center;
  line-height: 26px;
  margin-top: 12px;
  font-size: 20px;
  color: #fff;
}
.cs-list02 .list-in .area .cmm-real-car {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #10a8e5;
  height: 26px;
  padding: 0 12px;
  color: #fff;
  line-height: 26px;
  border-radius: 26px;
  font-size: 12px;
  z-index: 2;
  font-weight: 500;
}
.cs-list02 .list-in .area .cmm-real-car.certification {
  background: none;
  padding: 0;
}
.cs-list02 .list-in .owl-nav {
  display: none;
}
.cs-list02 .list-in .owl-nav > button {
  position: absolute;
  bottom: 20px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.cs-list02 .list-in .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.cs-list02 .list-in .owl-nav > button.owl-prev {
  right: 63px;
}
.cs-list02 .list-in .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.cs-list02 .list-in .owl-nav > button.owl-next {
  right: 20px;
}
.cs-list02 .list-in .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.cs-list02 .list-in .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.cs-list02 .list-in .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.cs-list02 .list-in .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.cs-list02 .list-in .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cs-list02 .list-in.small-tp .area .link-img {
  width: 100%;
  height: auto;
}
.cs-list02 .list-more {
  position: relative;
  margin-top: 50px;
  text-align: center;
}
.cs-list02 .list-more-button {
  color: #fff;
  font-size: 0;
  display: inline-block;
  width: auto;
  min-width: 350px;
  height: 60px;
  padding: 0 60px;
  border-color: #364f7f;
  background-color: #364f7f;
  border-radius: 30px;
}
.cs-list02 .more-icon,
.cs-list02 .more-text {
  display: inline-block;
  vertical-align: middle;
}
.cs-list02 .more-icon {
  width: 30px;
  height: 19px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../../resources/images/common/btn_icon.png") no-repeat;
  background-position: -87px top;
}
.cs-list02 .more-text {
  color: #fff;
  font-size: 18px;
}
.cs-list02.small-tp {
  margin-bottom: 40px;
}
.cs-list02.small-tp .area {
  width: 180px;
  height: 372px;
  margin-bottom: 60px;
}
.cs-list02.small-tp .area .thumnail {
  border-radius: 8px;
}
.cs-list02.small-tp .area .thumnail .item > img {
  height: 136px;
}
.cs-list02.small-tp .area .con {
  border: 0 none;
  border-radius: 0;
}
.cs-list02.small-tp .area .con .item {
  height: 236px;
  padding-bottom: 34px;
}
.cs-list02.small-tp .area .con .item .link {
  padding: 15px 0 0;
}
.cs-list02.small-tp .area .con .item .link .tit {
  display: block;
  height: 42px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02.small-tp .area .con .item .link .data-line {
  margin-top: 8px;
}
.cs-list02.small-tp .area .con .item .link .pay {
  margin-top: 14px;
  font-size: 16px;
}
.cs-list02.small-tp .area .con .item .link .cor-btn {
  margin-top: 7px;
}
.cs-list02.small-tp .area .con .item.mid-tp .link {
  padding: 0 20px 34px;
}
.cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] {
  padding-left: 60px;
  min-height: 50px;
  line-height: 25px;
  font-size: 16px;
  color: #222;
}
.cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md, .cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-area .terms-sign-util, .terms-sign-area .cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-util, .cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign strong, .terms-sign .cs-list02.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] strong {
  line-height: 25px;
  font-size: 16px;
  color: #2666c6;
}
.cs-list02.small-tp .area .con .item.mid-tp .link .sp-rd-acc .num {
  color: #fff;
  background-color: #2666c6;
}
.cs-list02.small-tp .area .con .item .sort-wrap {
  left: 0;
  right: auto;
  bottom: 0;
}
.cs-list02.small-tp .area .cmm-real-car {
  left: 10px;
  top: 10px;
}
.cs-list02.small-tp .owl-nav > button {
  bottom: 0;
}
.cs-list02.small-tp .owl-nav > button.owl-prev {
  right: 44px;
}
.cs-list02.small-tp .owl-nav > button.owl-next {
  right: 0;
}

.cs-list02.cs-list02--ratio {
  margin-bottom: 80px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cs-list02.cs-list02--ratio.new-list-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.cs-list02.cs-list02--ratio.new-list-wrap ~ .new-list-wrap {
  margin-top: 48px;
}
.type-new-banner + .cs-list02.cs-list02--ratio.new-list-wrap {
  margin-top: 32px;
}
.cs-list02.cs-list02--ratio .list-in {
  overflow: hidden;
  margin-left: 0;
  margin-right: -1.33%;
}
.cs-list02.cs-list02--ratio .list-in .area {
  float: left;
  position: relative;
  width: 32%;
  height: auto;
  margin: 0 1.33% 2.66% 0;
}
.cs-list02.cs-list02--ratio .list-in .area.has-banner {
  overflow: hidden;
  height: 100%;
  border-radius: 6px;
  background-color: #d9d9d9;
}
.cs-list02.cs-list02--ratio .list-in .area.has-banner .overlay {
  top: auto;
  height: 191px;
}
.cs-list02.cs-list02--ratio .list-in .area.has-banner .overlay .ol-in {
  display: block;
  padding: 44px 16px 0 16px;
}
.cs-list02.cs-list02--ratio .list-in .area.has-banner .ol-bg {
  top: auto;
  border-radius: 0;
  height: 191px;
  background: rgba(255, 255, 255, 0.19);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  opacity: 1;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge {
  top: 8px;
  left: 8px;
  font-size: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt] {
  display: inline-block;
  height: 20px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  padding: 2px 6px;
  background-color: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt] + [class^=txt] {
  margin-left: 4px;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt].txt-white {
  background-color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail {
  overflow: hidden;
  position: relative;
  border-radius: 30px 30px 0 0;
  border: 1px solid #ddd;
  border-bottom: 0 none;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item {
  position: relative;
  display: block;
  width: auto;
  padding-top: 75%;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .item__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .item__img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .time-txt {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 1;
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fd665c;
  background-color: rgba(0, 0, 0, 0.5);
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .contract {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  height: 100%;
  border-radius: 6px 0 0 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .contract::before {
  width: 64px;
  height: 64px;
}
.cs-list02.cs-list02--ratio .list-in .area .con {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-top: 0 none;
  border-radius: 0 0 30px 30px;
}
.cs-list02.cs-list02--ratio .list-in .area .con:hover .owl-nav {
  display: block;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item {
  position: relative;
  width: 100%;
  height: 258px;
  padding-bottom: 53px;
  overflow: hidden;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp {
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 29px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link.bg-blue {
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .mid-box {
  display: table-cell;
  vertical-align: middle;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] {
  position: relative;
  padding-left: 66px;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] + [class*=sp-rd-] {
  margin-top: 20px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md, .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-area .terms-sign-util, .terms-sign-area .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-util, .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign strong, .terms-sign .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] strong {
  display: inline-block;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-rd-img .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-rd-img .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-rd-acc .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 30px;
  font-weight: 500;
  color: #2666c6;
  background-color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list {
  overflow: hidden;
  display: block;
  width: 205px;
  margin: 0 auto;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list + .sp-txt01 {
  margin-top: 11px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul {
  overflow: hidden;
  margin: -10px 0 0 -5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li {
  float: left;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 10px 0 0 5px;
  border-radius: 18px;
  font-size: 14px;
  color: #fff;
  background-color: #ddd;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li:after {
  content: "제외";
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on {
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on:after {
  display: none;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue.ft-bd, .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 .inp-rd-new.is-all label > span.cor-blue, .inp-rd-new.is-all .cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 label > span.cor-blue {
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 + .sp-txt01 {
  margin-top: 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 .cor-blue {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 .money {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link {
  display: block;
  padding: 20px 20px 0 20px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .tit {
  display: block;
  height: 48px;
  line-height: 1.5;
  font-size: 16px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line {
  display: block;
  margin-top: 10px;
  white-space: nowrap;
  font-size: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span {
  float: none;
  font-size: 12px;
  margin-left: 15px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span:after {
  left: -8px;
  height: 10px;
  margin-top: -5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay {
  position: relative;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 12px;
  font-size: 18px;
  color: #336fc9;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay del {
  font-size: 12px;
  color: #999;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #fd665c;
  margin-left: 5px;
  height: 26px;
  border-radius: 26px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn {
  overflow: hidden;
  margin-top: 9px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span {
  float: left;
  display: inline-block;
  min-width: 60px;
  text-align: center;
  height: 26px;
  line-height: 24px;
  border-radius: 13px;
  font-size: 12px;
  margin-right: 5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-red {
  border: 1px solid #fd665c;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-blue {
  border: 1px solid #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-gray {
  border: 1px solid #999;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap {
  overflow: hidden;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 19px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time,
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .sale {
  display: block;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  font-size: 12px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time {
  position: relative;
  float: left;
  padding: 0 10px 0 36px;
  background-color: #f5f5f5;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  display: block;
  width: 19px;
  height: 18px;
  background: url("../images/sub/buy-bg.png") no-repeat -75px -110px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .sale {
  float: right;
  padding: 0 17px;
  color: #fff;
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .link-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.cs-list02.cs-list02--ratio .list-in .area .ol-bg {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  border-radius: 30px;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  z-index: 1;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in .txt01 {
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 36px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in .txt02 {
  display: block;
  text-align: center;
  line-height: 26px;
  margin-top: 12px;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .cmm-real-car {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #10a8e5;
  height: 26px;
  padding: 0 12px;
  color: #fff;
  line-height: 26px;
  border-radius: 26px;
  font-size: 12px;
  z-index: 2;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .cmm-real-car.certification {
  background: none;
  padding: 0;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav {
  display: none;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button {
  position: absolute;
  bottom: 20px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-prev {
  right: 63px;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-next {
  right: 20px;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cs-list02.cs-list02--ratio .list-in .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
  padding: 0 16px;
}
.cs-list02.cs-list02--ratio .list-in .tag {
  display: inline-block;
  height: 19px;
  line-height: 17px;
  padding: 0 6px;
  border-radius: 2px;
  border: 1px solid #97897a;
  font-size: 10px;
  font-weight: 500;
  color: #7d6c59;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet {
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding-left: 3px;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #f8f8f8;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.blackColor-ty-2::before {
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.beigeColor:before {
  background-color: #b0986a;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.brownColor-ty-2::before {
  background-color: #7d6c59;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.grayColor-ty-2:before {
  background-color: #888;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.orangeColor-ty-2:before {
  background-color: #ff5d16;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.whiteColor:before {
  background-color: #fff;
  border-color: #eee;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.redColor-ty-2:before {
  background-color: #f23f3f;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.greenColor-ty-2:before {
  background-color: #00a596;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.blueColor-ty-2:before {
  background-color: #287eff;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.yellowColor-ty-2:before {
  background-color: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons {
  margin-top: 3px;
  white-space: nowrap;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-compare {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 0 0 auto;
  padding: 6px 0 6px 22px;
  min-height: 22px;
  line-height: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  color: #222;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-compare::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(../images/icon/icon-compare.svg) no-repeat 0 0;
  background-size: 100%;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-compare.is-active::after {
  background: url(../images/icon/icon-compare-active.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-like {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 4px;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 0;
  min-height: 22px;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-like::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/icon/icon-like.svg) no-repeat 0 0;
  background-size: 100%;
}
.cs-list02.cs-list02--ratio .list-in .util-buttons .btn-like.is-active::after {
  background: url(../images/icon/icon-like-active.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in.small-tp .area .link-img {
  width: 100%;
  height: auto;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -1.25%;
  margin-bottom: -32px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .type-new-banner {
  float: none;
  clear: both;
  min-width: 98.75%;
  margin: 0 1.25% 32px 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area {
  width: 23.75%;
  margin: 0 1.25% 32px 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumnail {
  border-radius: 6px 6px 0 0;
  border: none;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumnail .item {
  padding-top: 63.058%;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom {
  height: 28px;
  background: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom .txt {
  height: 100%;
  padding: 0 16px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .link-img {
  border-radius: 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button {
  width: 20px;
  height: 20px;
  bottom: 0;
  border-radius: 0;
  border: none !important;
  background: rgba(0, 0, 0, 0.3) !important;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.disabled::after {
  opacity: 0.3;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-prev {
  right: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-prev::after {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background: url(../images/icon/icon-owl-prev.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-next {
  right: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-next::after {
  width: 12px;
  height: 12px;
  margin-right: -6px;
  background: url(../images/icon/icon-owl-next.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con {
  border-radius: 0 0 6px 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item {
  height: 190px;
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link {
  padding: 16px 16px 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .tit {
  max-height: 46px;
  height: auto;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line {
  margin-top: 2px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span {
  margin-left: 11px;
  line-height: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span:after {
  left: -6px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .sort-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  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: 31px;
  padding: 0 16px 16px 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .consultation {
  font-size: 20px;
  font-weight: 700;
  font-weight: bold;
  line-height: 28px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .txt-lease {
  margin-top: 1px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .price .unit {
  margin-top: auto;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay del {
  margin: 3px 0 0 2px;
  font-size: 14px;
  font-weight: 300;
  font-weight: 100;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-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;
  margin-right: 0;
  margin-bottom: -1.226%;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .type-new-banner {
  min-width: 100%;
  margin: calc(-1.225% + 32px) 0 32px 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49.1187%;
  height: 145px;
  margin: 0 0 1.225% 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .check-bedge.new-bedge {
  top: 6px;
  left: 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35.9375%;
          flex: 0 0 35.9375%;
  height: 145px;
  border-radius: 6px 0 0 6px;
  border: none;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumnail .item {
  padding-top: 0;
  height: 100%;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumbnail-bottom {
  height: 28px;
  background: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumbnail-bottom .txt {
  height: 100%;
  padding: 0 16px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con {
  height: 100%;
  border-radius: 0 6px 6px 0;
  border: 1px solid #ddd;
  border-left: none;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item {
  height: 100%;
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link {
  padding: 16px 20px 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .tit {
  height: auto;
  max-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line {
  margin-top: 4px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span {
  margin-left: 11px;
  line-height: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span:after {
  left: -6px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .tags {
  margin-top: 4px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .sort-wrap {
  bottom: 16px;
  left: 0;
  right: 0;
  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: 24px;
  padding: 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .consultation {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .txt-lease {
  margin-top: 1px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .price .unit {
  margin-top: auto;
  margin-left: 2px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay del {
  margin: 2px 0 0 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 100;
}
.cs-list02.cs-list02--ratio .list-more {
  position: relative;
  margin-top: 50px;
  text-align: center;
}
.cs-list02.cs-list02--ratio .list-more-button {
  color: #fff;
  font-size: 0;
  display: inline-block;
  width: auto;
  min-width: 350px;
  height: 60px;
  padding: 0 60px;
  border-color: #364f7f;
  background-color: #364f7f;
  border-radius: 30px;
}
.cs-list02.cs-list02--ratio .more-icon,
.cs-list02.cs-list02--ratio .more-text {
  display: inline-block;
  vertical-align: middle;
}
.cs-list02.cs-list02--ratio .more-icon {
  width: 30px;
  height: 19px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../../resources/images/common/btn_icon.png") no-repeat;
  background-position: -87px top;
}
.cs-list02.cs-list02--ratio .more-text {
  color: #fff;
  font-size: 18px;
}
.cs-list02.cs-list02--ratio.small-tp {
  margin-right: -1.5%;
  margin-bottom: 40px;
}
.cs-list02.cs-list02--ratio.small-tp .area {
  width: 23.5%;
  margin-right: 1.5%;
  margin-bottom: 3%;
}
.cs-list02.cs-list02--ratio.small-tp .area .thumnail {
  border-radius: 8px;
}
.cs-list02.cs-list02--ratio.small-tp .area .thumnail .item > img {
  height: 136px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con {
  border: 0 none;
  border-radius: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item {
  height: 236px;
  padding-bottom: 34px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link {
  padding: 15px 0 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .tit {
  display: block;
  height: 42px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .data-line {
  margin-top: 8px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .data-line .data-in {
  font-size: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .pay {
  margin-top: 14px;
  font-size: 16px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .cor-btn {
  margin-top: 7px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link {
  padding: 0 20px 34px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] {
  padding-left: 60px;
  min-height: 50px;
  line-height: 25px;
  font-size: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md, .cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-area .terms-sign-util, .terms-sign-area .cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign-util, .cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .terms-sign strong, .terms-sign .cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] strong {
  line-height: 25px;
  font-size: 16px;
  color: #2666c6;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link .sp-rd-acc .num {
  color: #fff;
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .sort-wrap {
  left: 0;
  right: auto;
  bottom: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .cmm-real-car {
  left: 10px;
  top: 10px;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button {
  bottom: 0;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button.owl-prev {
  right: 44px;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button.owl-next {
  right: 0;
}
.cs-list02.cs-list02--ratio.premium-area .csTitleArea .tip-wrap {
  z-index: 9999;
}
.cs-list02.cs-list02--ratio.premium-area .csTitleArea .tip-wrap .tip-btn {
  margin-top: -4px;
}
@media (min-width: 1465px) {
  .cs-list02.cs-list02--ratio .list-in {
    margin-right: -1.5%;
  }
  .cs-list02.cs-list02--ratio .list-in .area {
    width: 23.5%;
    margin: 0 1.5% 3% 0;
  }
  .cs-list02.cs-list02--ratio.small-tp {
    margin-right: -1%;
  }
  .cs-list02.cs-list02--ratio.small-tp .area {
    width: 19%;
    margin: 0 1% 2% 0;
  }
}

.cs-list02 .area.vehicle-item--visited .thumnail:before, .cs-list02 .area.vehicle-item--visited .thumnail:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
}
.cs-list02 .area.vehicle-item--visited .thumnail:before {
  left: 0;
  bottom: 0;
  width: 53.7%;
  height: 65%;
  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%);
  opacity: 0.7;
}
.cs-list02 .area.vehicle-item--visited .thumnail:after {
  left: 17px;
  bottom: 20px;
  width: 24px;
  height: 24px;
  background: url("../images/common/visited.png") no-repeat;
  opacity: 0.8;
}
.cs-list02 .area.vehicle-item--visited.vehicle-item--timesale .thumnail:after {
  left: 12px;
  bottom: 41px;
}
.cs-list02.generalRegist .area.vehicle-item--visited .thumnail:after {
  left: 10px;
  bottom: 10px;
  width: 16px;
  height: 16px;
  background-position: -24px top;
}
.cs-list02.generalRegist .area.vehicle-item--visited.vehicle-item--timesale .thumnail:after {
  left: 12px;
  bottom: 41px;
}

.banner-com {
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}
.banner-com .banner-com__left,
.banner-com .banner-com__right {
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: #ccc;
  background-size: 150%;
  opacity: 0.5;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="5");
}
.banner-com .banner-com__left {
  left: 0;
  background-position: left center;
}
.banner-com .banner-com__right {
  right: 0;
  background-position: right center;
}
.banner-com .item {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.banner-com .item img {
  position: relative;
  border-radius: 15px;
  max-width: 100%;
}
.banner-com .item .txt {
  position: relative;
  font-size: 30px;
  z-index: 2;
}
.banner-com .item .txt p {
  font-size: 18px;
  color: #ff0000;
}
.banner-com .item .txt .ico {
  display: inline-block;
  vertical-align: middle;
  width: 123px;
  height: 20px;
  margin-left: 16px;
}
.banner-com .owl-nav > button {
  position: absolute;
  bottom: 27px;
  width: 16px;
  height: 16px;
}
.banner-com .owl-nav > button:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  display: block;
  width: 6px;
  height: 10px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.banner-com .owl-nav > button.owl-prev {
  left: 64px;
}
.banner-com .owl-nav > button.owl-prev:after {
  background-position: -272px -30px;
}
.banner-com .owl-nav > button.owl-next {
  left: 142px;
}
.banner-com .owl-nav > button.owl-next:after {
  background-position: -279px -30px;
}
.banner-com .owl-nav > button.disabled {
  cursor: default;
}
.banner-com .owl-nav > button.disabled.owl-prev, .banner-com .owl-nav > button.disabled.owl-next {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}
.banner-com .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.banner-com .sp-info {
  position: absolute;
  left: 80px;
  bottom: 27px;
  text-align: center;
  width: 62px;
  height: 16px;
  line-height: 15px;
  z-index: 1;
}
.banner-com .sp-btn {
  position: absolute;
  left: 167px;
  bottom: 27px;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.banner-com .sp-btn .sp-stop,
.banner-com .sp-btn .sp-play {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.banner-com .sp-btn .sp-stop:after,
.banner-com .sp-btn .sp-play:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 4px;
  display: block;
  width: 5px;
  height: 8px;
  background: url("../images/common/icon_top_visual.png") no-repeat -159px top;
}
.banner-com .sp-btn .sp-play {
  display: none;
}
.banner-com .sp-btn .sp-play:after {
  width: 6px;
  height: 8px;
  background-position: -164px top;
}

.ques-box {
  padding-left: 42px;
}
.ques-box .tit {
  position: relative;
  display: block;
  line-height: 24px;
  font-size: 18px;
}
.ques-box .tit:after {
  content: "";
  position: absolute;
  left: -38px;
  top: 1px;
  display: block;
  width: 27px;
  height: 23px;
  background: url("../images/sub/mycar-bg.png") no-repeat -143px top;
}
.ques-box .tit .name {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
}
.ques-box .con {
  display: block;
  line-height: 24px;
  margin-top: 14px;
  font-size: 16px;
}
.ques-box .data-line {
  display: block;
  margin-top: 11px;
}
.ques-box .link-arrow {
  margin-top: 25px;
}

.ci-list {
  overflow: hidden;
}
.ci-list .ci-ls {
  overflow: hidden;
  float: left;
  display: block;
  border-radius: 8px;
  width: 150px;
  height: 113px;
}
.ci-list .ci-ls + .ci-ls {
  margin-left: 10px;
}
.ci-list .ci-ls img {
  display: block;
  width: 100%;
  height: 100%;
}
.ci-list .ci-ls.par-box {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #fff;
}
.ci-list .ci-ls.par-box .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 111px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}

.survey-box .tit .link {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
}
.survey-box .day {
  display: block;
  line-height: 20px;
  margin-top: 13px;
  font-size: 16px;
}
.survey-box .day .d-day {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fd665c;
}
.survey-box .ci-list {
  margin-top: 37px;
}
.survey-box .link-arrow {
  margin-top: 30px;
}

.response-box {
  position: relative;
  padding-left: 110px;
}
.response-box .d-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border-radius: 40px;
  width: 80px;
  height: 80px;
}
.response-box .d-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.response-box .tit {
  margin-top: 11px;
}
.response-box .tit .link {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
}
.response-box .money {
  line-height: 24px;
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}
.response-box .star-area {
  margin-top: 15px;
}
.response-box .con {
  margin-top: 32px;
  line-height: 24px;
  font-size: 18px;
}
.response-box .ci-list {
  margin-top: 16px;
}
.response-box .link-arrow {
  margin-top: 30px;
}

.product-box {
  overflow: hidden;
}
.product-box li {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 8px;
  width: 280px;
  height: 280px;
}
.product-box li + li {
  margin-left: 20px;
}
.product-box li .filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.product-box li > a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  height: 100%;
  z-index: 1;
}
.product-box li > a .txt {
  display: block;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.product-box li > a .tit {
  display: block;
  line-height: 30px;
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #ffcc00;
}

.subscribe-box {
  display: inline-block;
  vertical-align: top;
}
.subscribe-box .sub-box.bg01 {
  position: relative;
  padding-right: 156px;
}
.subscribe-box .sub-box.bg01:after {
  content: "";
  position: absolute;
  right: 0;
  top: -22px;
  display: block;
  width: 125px;
  height: 137px;
  background: url("../images/sub/mycar-bg.png") no-repeat -170px top;
}
.subscribe-box .sub-box + .sub-box {
  margin-top: 80px;
}
.subscribe-box .sub-box .tit {
  display: block;
  line-height: 24px;
  font-size: 16px;
}
.subscribe-box .sub-box .link-arrow {
  margin-top: 15px;
}

.total-area {
  margin-bottom: 40px;
}
.total-area:after {
  content: "";
  display: block;
  clear: both;
}
.total-area .total {
  float: left;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 16px;
}
.total-area > select[class*=sel-tp] {
  float: right;
}
.total-area .left {
  float: left;
  display: inline-block;
  vertical-align: top;
}
.total-area .right {
  float: right;
  display: inline-block;
  vertical-align: top;
}

.lat-search-box {
  margin-bottom: 60px;
}
.lat-search-box .ls-tit .tit {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
}
.lat-search-box .ls-tit .tit > button {
  width: 24px;
  height: 24px;
  margin-left: 9px;
  background: url("../images/sub/buy-bg.png") no-repeat;
}
.lat-search-box .ls-list {
  overflow: hidden;
}
.lat-search-box .ls-list .ls-box {
  float: left;
  position: relative;
  padding-top: 10px;
  margin: 8px 5px 0 0;
}
.lat-search-box .ls-list .ls-box > a {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 34px;
  padding: 0 17px;
  border: 1px solid #ddd;
  border-radius: 18px;
  color: #666;
  background-color: #fff;
}
.lat-search-box .ls-list .ls-box > button {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.lat-search-box .ls-list .ls-box > button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.lat-search-box .ls-list .ls-box > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.empty-box {
  padding: 80px 0;
  text-align: center;
}
.empty-box p {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 267px;
  line-height: 24px;
  font-size: 18px;
}
.empty-box p:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 240px;
  height: 240px;
  margin-left: -120px;
  background: url("../images/sub/buy-bg.png") no-repeat -463px top;
}

.empty-box02 {
  padding: 110px 0;
}
.empty-box02.type-new-empty .txt-box .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.empty-box02 .txt-box .txt {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}
.empty-box02 .txt-box .txt + .txt {
  margin-top: 12px;
}

.quick-btm-link .sub-in {
  max-width: 1180px;
  overflow: hidden;
}
.quick-btm-link .sub-in .box {
  float: left;
  width: 50%;
  padding: 0 10px 10px 0;
}
.quick-btm-link .sub-in .box .box-in {
  position: relative;
  width: 100%;
  max-width: 580px;
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 30px;
}
.quick-btm-link .sub-in .box .box-in:after {
  content: "";
  position: absolute;
  right: 29px;
  bottom: 26px;
  display: block;
  background: url("../images/sub/buy-bg.png") no-repeat;
}
.quick-btm-link .sub-in .box .box-in strong {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
}
.quick-btm-link .sub-in .box .box-in p {
  font-size: 16px;
  color: #666;
}
.quick-btm-link .sub-in .box.bg01 .box-in:after {
  width: 130px;
  height: 100px;
  background-position: -24px top;
}
.quick-btm-link .sub-in .box.bg02 .box-in:after {
  width: 109px;
  height: 100px;
  background-position: -154px top;
}
.quick-btm-link .sub-in .box.bg03 .box-in:after {
  width: 100px;
  height: 110px;
  background-position: -263px top;
}
.quick-btm-link .sub-in .box.bg04 .box-in:after {
  width: 100px;
  height: 100px;
  background-position: -363px top;
}
.quick-btm-link .sub-in .box + .box-in {
  padding: 0 0 10px 10px;
}
.quick-btm-link .sub-in .box + .box-in + .box-in {
  padding: 10px 10px 0 0;
}
.quick-btm-link .sub-in .box + .box-in + .box-in + .box-in {
  padding: 10px 0 0 10px;
}
.quick-btm-link .sub-in .box .link-arrow {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.back-btn {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: 33px;
}
.back-btn .back {
  float: left;
  display: block;
  width: 33px;
  height: 33px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -110px;
}
.back-btn .txt {
  float: left;
  display: block;
  margin-left: 23px;
  line-height: 33px;
  font-size: 36px;
}
.back-btn .txt.tp02 {
  margin-left: 21px;
  font-size: 24px;
}

.sorting-area {
  overflow: hidden;
  margin-bottom: 30px;
}
.sorting-area .st-left {
  float: left;
}
.sorting-area .st-right {
  float: right;
}
.sorting-area .st-tit {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.sorting-area .link-arrow {
  margin: 5px 0 0 30px;
}

.sea-leg {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  font-size: 16px;
}
.sea-leg .leg {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  color: #336fc9;
}
.sea-leg.sel-ht {
  line-height: 40px;
}
.sea-leg.sel-ht .leg {
  line-height: 40px;
}

.sor-list {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.sor-list li {
  float: left;
  display: inline-block;
}
.sor-list li + li {
  margin-left: 30px;
}
.sor-list li button {
  position: relative;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #222;
}
.sor-list li button.up:after, .sor-list li button.down:after, .sor-list li button.map:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/sub/buy-bg.png") no-repeat;
}
.sor-list li button.up {
  padding-right: 20px;
}
.sor-list li button.up:after {
  top: 7px;
  right: 0;
  width: 11px;
  height: 13px;
  background-position: -33px -110px;
}
.sor-list li button.down {
  padding-right: 20px;
}
.sor-list li button.down:after {
  top: 7px;
  right: 0;
  width: 11px;
  height: 13px;
  background-position: -44px -110px;
}
.sor-list li button.mid {
  padding-right: 20px;
}
.sor-list li button.mid:after {
  content: "";
  position: absolute;
  display: block;
  top: 11px;
  right: 0;
  width: 11px;
  height: 2px;
  background: #666;
}
.sor-list li button.map {
  padding-left: 30px;
}
.sor-list li button.map:after {
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -55px -110px;
}

.shar-list {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.shar-list > li {
  float: left;
}
.shar-list > li + li {
  margin-left: 18px;
}
.shar-list > li > a {
  overflow: hidden;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 27px;
}
.shar-list > li > a > img {
  display: block;
  width: 100%;
  height: 100%;
}

.get-list .hide-list {
  overflow: hidden;
  height: 208px;
  margin-left: -20px;
}
.get-list .hide-list .get-box {
  float: left;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 480px;
  height: 208px;
  padding: 25px 230px 0 30px;
  margin-left: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.get-list .hide-list .get-box .name {
  display: block;
  line-height: 24px;
  font-size: 18px;
}
.get-list .hide-list .get-box .date {
  display: block;
  line-height: 24px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #999;
}
.get-list .hide-list .get-box .price-box {
  position: absolute;
  left: 30px;
  bottom: 23px;
}
.get-list .hide-list .get-box .price-box .price {
  display: block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 900;
  color: #2666c6;
}
.get-list .hide-list .get-box .price-box .data-line {
  margin-top: 4px;
}
.get-list .hide-list .get-box .rec-box {
  position: absolute;
  right: 29px;
  top: 25px;
}
.get-list .hide-list .get-box .img {
  position: absolute;
  right: 23px;
  bottom: 19px;
  display: block;
  width: 207px;
  height: 97px;
}
.get-list .hide-list .get-box .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.car-news-list {
  overflow: hidden;
}
.car-news-list > ul {
  margin-top: -30px;
}
.car-news-list > ul > li {
  position: relative;
  min-height: 135px;
  margin-top: 30px;
  padding-left: 200px;
}
.car-news-list > ul > li .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 180px;
  height: 135px;
  border-radius: 8px;
}
.car-news-list > ul > li .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.car-news-list > ul > li .con .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  line-height: 34px;
  font-size: 18px;
  color: #2666c6;
}
.car-news-list > ul > li .con .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  display: block;
  margin-top: 9px;
  line-height: 24px;
  font-size: 16px;
}
.car-news-list > ul > li .con .data-line {
  display: block;
}
.car-news-list > ul > li.no-img {
  min-height: auto;
  padding-left: 0;
}
.car-news-list > ul > li.no-img .con .img {
  display: none;
}

.rec-box {
  display: inline-block;
  vertical-align: middle;
}

.rec {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  line-height: 20px;
  padding: 0 10px;
  border: 1px solid #222;
  border-radius: 11px;
  font-size: 13px;
}
.rec .cor-blue {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  line-height: 20px;
  font-size: 13px;
}
.rec.bg01 {
  color: #999;
  border-color: #ddd;
  background-color: #f0f0f0;
}

.dti-top {
  position: relative;
  padding-bottom: 57px;
  border-bottom: 1px solid #ddd;
}
.dti-top .type {
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.dti-top .tit {
  line-height: 60px;
  font-size: 50px;
  font-weight: 100;
}
.dti-top .tit.fs36 {
  font-size: 36px;
  line-height: 1.33;
}
.dti-top .data-line {
  display: block;
  margin-top: 17px;
}
.dti-top .share-btn {
  margin-top: 13px;
}
.dti-top .tl-btn {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.dti-content {
  padding: 60px 60px 70px;
  border-bottom: 1px solid #ddd;
}
.dti-content .img {
  display: block;
  margin-bottom: 50px;
}
.dti-content .img img {
  display: block;
  vertical-align: top;
  max-width: 100%;
}
.dti-content .media {
  width: 640px;
  height: 480px;
  background-color: #f0f0f0;
}
.dti-content.fr-view .txt-box .fr-img-wrap {
  display: block;
  width: 60%;
}

.ds-scroll .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}

.reply-list .reply-tit {
  display: block;
  font-weight: 300;
  font-size: 16px;
  padding: 0 0 30px 30px;
  border-bottom: 1px solid #ddd;
  background: url("../images/sub/ico_reply-tit.png") no-repeat 0 3px;
}
.reply-list .reply-tit span {
  font-size: 16px;
  color: #336fc9;
}
.reply-list .reply-box {
  border-bottom: 1px solid #ddd;
  padding: 40px 0;
}
.reply-list .reply-box > div {
  position: relative;
  padding: 0 60px 0 0;
}
.reply-list .reply-box .replay-writer {
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.reply-list .reply-box .reply-con {
  padding: 25px 0;
}
.reply-list .reply-box .reply-date {
  font-weight: 100;
  color: #999;
}
.reply-list .reply-box button {
  position: absolute;
  right: 0;
  padding-left: 30px;
}
.reply-list .reply-box .reply-del {
  top: 0;
  height: 20px;
  padding-left: 30px;
  background: url("../images/sub/ico_del.png") no-repeat 0 50%;
}
.reply-list .reply-box .reply-recommend {
  bottom: 0;
  height: 24px;
  background: url("../images/sub/ico_recommend.png") no-repeat 0 50%;
}
.reply-list .reply-empty {
  text-align: center;
  padding-top: 30px;
}
.reply-list .reply-empty .txt {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 23px;
  padding-left: 38px;
  font-size: 16px;
}
.reply-list .reply-empty .txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 27px;
  height: 23px;
  background: url("../images/common/icon_top_visual.png") no-repeat -170px top;
}

.option-ch {
  overflow: hidden;
  display: inline-block;
  margin-left: -8px;
}
.option-ch > span {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
  color: #666;
  margin-left: 8px;
  letter-spacing: -0.02em;
}
.option-ch > span.on {
  position: relative;
  padding-left: 18px;
  color: #2666c6;
}
.option-ch > span.on:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 14px;
  height: 9px;
  margin-top: -5px;
  background: url("../images/common/icon_top_visual.png") no-repeat -197px top;
}

.tip-wrap {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.tip-wrap .tip-box {
  position: absolute;
  top: 0;
  display: none;
  width: 340px;
  padding: 25px 45px 25px 30px;
  border-radius: 20px;
  background-color: #ffbc00;
}
.tip-wrap .tip-box .tip-txt {
  display: block;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  color: #fff;
}
.tip-wrap .tip-box .tip-close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.tip-wrap .tip-box .tip-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.tip-wrap .tip-box .tip-close > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tip-wrap .tip-box .tip-tit {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.tip-wrap .tip-box.ps-bottom {
  top: 100%;
  left: 0 !important;
  margin-top: 10px;
}

.sor-list li:nth-child(1) button {
  position: relative;
}
.sor-list li.on:nth-child(1) button:after {
  content: "오래된 등록일순";
}
.sor-list li.on:nth-child(2) button:after {
  content: "낮은 가격순";
}
.sor-list li.on:nth-child(3) button:after {
  content: "짧은 주행거리순";
}
.sor-list li.on:nth-child(4) button:after {
  content: "오래된 연식순";
}
.sor-list li.on span, .sor-list li.on2 span {
  display: none;
}
.sor-list li.on2:nth-child(1) button:after {
  content: "최신 등록일순";
}
.sor-list li.on2:nth-child(2) button:after {
  content: "높은 가격순";
}
.sor-list li.on2:nth-child(3) button:after {
  content: "많은 주행거리순";
}
.sor-list li.on2:nth-child(4) button:after {
  content: "최신 연식순";
}

.cs-list02 .list-in .area .con .item .cor-btn {
  padding: 10px 20px 0;
  overflow: hidden;
}
.cs-list02 .list-in .area .con .item .cor-btn span {
  float: left;
  display: inline-block;
  min-width: 55px;
  text-align: center;
  height: 34px;
  line-height: 32px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  margin-right: 4px;
  padding: 0 6px;
  background: #f8f8f8;
  border-color: #ddd;
  color: #222 !important;
  font-weight: bold;
}
.cs-list02 .list-in .area .con .item .cor-btn span.cor-blue {
  border: 1px solid #ddd;
}
.cs-list02 .list-in .area .con .item .cor-btn span.cor-red {
  border: 1px solid #ddd;
}
.cs-list02 .list-in .area .con .item .cor-btn span.cor-gray {
  border: 1px solid #ddd;
}
.cs-list02 .list-in .area .con .item .cor-btn span.bbadge-interest-free, .cs-list02 .list-in .area .con .item .cor-btn span.bbadge-compensation {
  border-color: #ddd;
  color: #222;
}
.cs-list02 .list-in .area .con .item .cor-btn span.bbadge-kbcare {
  padding-left: 34px;
}
.cs-list02 .list-in .area .con .item .cor-btn span.bbadge-kbcare:before {
  width: 26px;
  background-size: 20px auto;
}

.cs-list02.small-tp .area .con .item .cor-btn {
  padding: 10px 0 0;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.pic-list {
  position: relative;
  overflow: hidden;
}
.pic-list * {
  font-weight: normal;
}
.pic-list .pic-info {
  overflow: hidden;
  float: left;
  width: 620px;
}
.pic-list .pic-info > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pic-list .pic-info .car-img {
  position: relative;
  float: left;
  width: 180px;
  height: 135px;
  border-radius: 8px;
  overflow: hidden;
}
.pic-list .pic-info .car-img .bbadge-category.badge-diag-normal {
  width: 42px;
  height: 24px;
  background-image: url("../images/common/badge-kb-diag-list-sm.svg");
}
.pic-list .pic-info .car-img .bbadge-category.badge-diag-plus {
  width: 42px;
  height: 24px;
  background-image: url("../images/common/badge-kb-diag-plus-list-sm.svg");
}
.pic-list .pic-info .car-img img {
  width: 100%;
}
.pic-list .pic-info .car-img.bedge-mark {
  position: relative;
}
.pic-list .pic-info .car-img.bedge-mark .bbadge-category {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  display: block;
}
.pic-list .pic-info .car-img .bbadge-category.badge-diag-normal,
.pic-list .pic-info .car-img .bbadge-category.badge-diag-plus,
.pic-list .pic-info .car-img .bbadge-category.bbadge-diagnosis {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  display: block;
}
.pic-list .pic-info .car-counsel {
  float: left;
  width: 180px;
  height: 135px;
}
.pic-list .pic-info .car-counsel span.counsel-tel {
  display: block;
  font-size: 18px;
}
.pic-list .pic-info .custom-counsel {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  padding-right: 25px;
  font-size: 18px;
}
.pic-list .pic-info .custom-counsel i {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 18px;
  text-align: center;
  background: #fd665c;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  font-style: normal;
}
.pic-list .pic-info .custom-counsel + .car-txt {
  padding-left: 200px;
  width: 640px;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  margin: 0 0 2px;
  font-weight: 300;
  margin-bottom: 25px;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 span.car-num-ad {
  display: block;
  font-size: 18px;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 span.car-num-ad span {
  margin-left: 5px;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 span.car-num-ad > * {
  vertical-align: 2px;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 span.car-num-ad .carnum-state {
  font-size: 18px;
  margin-left: 0;
}
.pic-list .pic-info .custom-counsel + .car-txt .car-name-ad01 strong {
  display: block;
  margin-top: 5px;
  font-size: 18px;
}
.pic-list .pic-info .car-txt {
  float: left;
  padding-left: 30px;
  width: 440px;
}
.pic-list .pic-info .car-txt .app-date {
  font-size: 13px;
}
.pic-list .pic-info .car-txt .app-date .app-day {
  padding-right: 5px;
}
.pic-list .pic-info .car-txt .app-date .app-words {
  position: relative;
  padding-left: 8px;
}
.pic-list .pic-info .car-txt .app-date .app-words:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  height: 10px;
  background: #222;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.pic-list .pic-info .car-txt .call-hour {
  font-weight: bold;
  font-size: 16px;
  color: #fd665c;
}
.pic-list .pic-info .state-txt {
  position: absolute;
  right: 0;
  top: 50%;
  height: 35px;
  margin: -17px 0 0;
}
.pic-list .pic-info .state-txt span {
  display: inline-block;
  height: 35px;
  border: 1px solid #222;
  border-radius: 4px;
  line-height: 33px;
  padding: 0 15px;
}
.pic-list .pic-info .cost-price {
  color: #999;
  text-decoration: line-through;
  font-size: 18px;
}
.pic-list .txt-reg-date {
  position: absolute;
  right: 0;
  top: 50%;
  color: #999;
  margin-top: -9px;
}
.pic-list .pic-info.disabled .app-day,
.pic-list .pic-info.sold-out .app-day {
  color: #999;
}
.pic-list .pic-info.disabled [class*=state],
.pic-list .pic-info.sold-out [class*=state] {
  color: #fff;
}
.pic-list .pic-info.disabled .buy-state,
.pic-list .pic-info.sold-out .buy-state {
  color: #706d25;
}
.pic-list .pic-info.disabled .car-name,
.pic-list .pic-info.sold-out .car-name {
  color: #999;
}
.pic-list .pic-info.disabled .car-terms span,
.pic-list .pic-info.sold-out .car-terms span {
  color: #999;
}
.pic-list .pic-info.disabled .car-terms span:after,
.pic-list .pic-info.sold-out .car-terms span:after {
  background: #999;
}
.pic-list .pic-info.disabled .car-estimate,
.pic-list .pic-info.sold-out .car-estimate {
  color: #999;
}
.pic-list .pic-info.disabled .car-estimate b,
.pic-list .pic-info.sold-out .car-estimate b {
  color: #999;
}
.pic-list .pic-info.disabled .car-img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.pic-list .pic-info.disabled .car-txt .app-date [class*=state] {
  background: #999;
  border-color: #999;
  color: #fff;
}
.pic-list .pic-info.disabled .car-txt .app-date .cancel-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}
.pic-list .pic-info.sold-out .car-img {
  position: relative;
}
.pic-list .pic-info.sold-out .car-img:after {
  content: "";
  display: block;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pic-list .pic-info.sold-out .car-img:before {
  content: "SOLD OUT";
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fd665c;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -50px;
  border-radius: 4px;
  z-index: 1;
}
.pic-list .pic-info.sold-out .car-txt .app-date [class*=state] {
  background: #999;
  border-color: #999;
  color: #fff;
}
.pic-list .txt-info {
  display: table;
  float: right;
  height: 135px;
  padding-right: 30px;
}
.pic-list .txt-info .txt-info-area {
  display: table-cell;
  vertical-align: middle;
}
.pic-list .txt-info .reg-date {
  text-align: right;
  color: #999;
  margin-bottom: 15px;
}
.pic-list .dealer-info {
  overflow: hidden;
}
.pic-list .dealer-info .dealer-img {
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.pic-list .dealer-info .dealer-img img {
  width: 100%;
}
.pic-list .dealer-info .dealer-txt {
  float: left;
  padding: 10px 20px 0 20px;
}
.pic-list .dealer-info .dealer-txt .dealer-contact {
  display: block;
}
.pic-list .dealer-info .btn-box {
  float: right;
  padding-top: 10px;
}
.pic-list .txt-ad-info .ad-reg {
  text-align: right;
}
.pic-list .txt-ad-info .car-estimate {
  display: block;
  text-align: right;
  margin: 15px 0;
}
.pic-list .txt-ad-info .ad-update {
  text-align: right;
  margin-bottom: 30px;
}
.pic-list .txt-ad-info .ad-update a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.pic-list .txt-ad-info .ad-update a p {
  font-weight: 500;
  margin-bottom: 5px;
}
.pic-list .txt-ad-info .ad-update a p b {
  font-weight: bold;
}
.pic-list .txt-ad-info .ad-update a p b span {
  color: #2666c6;
}
.pic-list .txt-ad-info .ad-update a.linkButton {
  height: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.pic-list .txt-ad-info .ad-update a.linkButton p {
  min-width: 116.5px;
  line-height: 38px;
}
.pic-list .txt-ad-info .ad-update a.linkButton__text p {
  line-height: normal;
}
.pic-list .txt-ad-info .ad-update a.disabled {
  background: #f1f1f1;
}
.pic-list .txt-ad-info .ad-update a.disabled p,
.pic-list .txt-ad-info .ad-update a.disabled span {
  color: #999;
}
.pic-list .txt-ad-info .ad-update span {
  color: #999;
}
.pic-list .txt-ad-info .ad-update .text-tp01 {
  min-width: 116.5px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.pic-list .txt-ad-info .ad-link {
  float: right;
  text-align: right;
}
.pic-list .txt-ad-info .ad-link p {
  color: #fd665c;
  float: left;
  line-height: 34px;
  padding-right: 20px;
}
.pic-list .txt-ad-info .ad-link a {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  margin: 0 0 4px 4px;
  border: 1px solid #222;
  border-radius: 4px;
  height: 34px;
  line-height: 34px;
  color: #222;
}
.pic-list .txt-ad-info .ad-link a.disabled {
  border-color: #ddd;
  background: #f1f1f1;
  color: #999;
}
.pic-list .txt-ad-info .ad-link a.alarm:after {
  content: "!";
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: -10px;
  right: -3px;
  border-radius: 16px;
}
.pic-list .txt-ad-info .ad-link p.alarm {
  position: relative;
  color: #fd665c;
}
.pic-list .txt-ad-info .ad-link p.alarm:before {
  content: "!";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: 2px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 11px;
  border-radius: 16px;
}
.pic-list .txt-ad-info .ad-link .star-area {
  vertical-align: 2px;
}
.pic-list .txt-ad-info .ad-primary {
  margin-bottom: 15px;
}
.pic-list .txt-ad-info .ad-sell {
  text-align: right;
  margin-bottom: 30px;
}
.pic-list .txt-ad-info .ad-sell dl.ad-sell-com {
  display: block;
  margin-bottom: 5px;
}
.pic-list .txt-ad-info .ad-sell dl.ad-sell-com dt {
  font-weight: 500;
  padding-right: 15px;
}
.pic-list .txt-ad-info .ad-sell dl.ad-sell-info dt:first-child + dd {
  padding-right: 18px;
  position: relative;
}
.pic-list .txt-ad-info .ad-sell dl.ad-sell-info dt:first-child + dd:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #222;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -6px;
}
.pic-list .txt-ad-info .ad-sell dl.ad-sell-info dd {
  color: #336fc9;
}
.pic-list .txt-ad-info .ad-sell dl {
  overflow: hidden;
}
.pic-list .txt-ad-info .ad-sell dt,
.pic-list .txt-ad-info .ad-sell dd {
  font-weight: bold;
  display: inline-block;
}
.pic-list .txt-ad-info .ad-date {
  text-align: right;
  font-weight: bold;
  margin-bottom: 30px;
}
.pic-list .txt-ad-info .ad-fiction {
  text-align: right;
  margin-bottom: 30px;
}
.pic-list .txt-ad-info .ad-fiction span {
  display: block;
  font-weight: bold;
}
.pic-list .txt-ad-info .ad-fiction .report-date {
  margin-bottom: 5px;
}
.pic-list .txt-ad-info .ad-fiction .reason-prog {
  color: #336fc9;
}
.pic-list .txt-ad-info .ad-btn {
  text-align: right;
}
.pic-list .txt-ad-info .ad-comt {
  margin: 0 0 25px;
}
.pic-list .txt-ad-info .ad-comt p {
  text-align: right;
  font-weight: 500;
}
.pic-list .txt-ad-info .ad-comt p .cor-blue {
  color: #336fc9 !important;
}
.pic-list .txt-ad-info .ad-comt p .comt-item {
  display: inline-block;
}
.pic-list .txt-ad-info .ad-comt p .cor-blue {
  font-weight: bold;
}
.pic-list .txt-ad-info .ad-comt p + p {
  margin: 3px 0 0;
}
.pic-list .txt-ad-info .ad-comt p.txt02 {
  font-weight: bold;
}
.pic-list .txt-ad-info .ad-comt p.txt03 {
  font-weight: 900;
}
.pic-list.w980 {
  width: 980px;
}
.pic-list.pic-chk {
  position: relative;
  padding: 0 0 0 35px;
}
.pic-list.pic-chk .inp-ch, .pic-list.pic-chk .inp-ch-new {
  position: absolute;
  left: 0;
  top: 0;
}

.coupon-box {
  border-radius: 7px;
  border: 1px solid #ddd;
}
.coupon-box.w316 {
  width: 316px;
}
.coupon-box a {
  display: block;
  padding: 30px;
}
.coupon-box .coupon-img {
  width: 50px;
  height: 50px;
  border: 1px solid #e0e0e0;
  margin-bottom: 45px;
  border-radius: 50px;
  overflow: hidden;
}
.coupon-box .tit {
  font-size: 18px;
  margin-bottom: 10px;
}
.coupon-box .date {
  color: #999;
}

.cmm-coupon-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-coupon-list .coupon-box {
  float: left;
  width: 24%;
  height: 230px;
  margin: 0 1% 16px 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.membership-box {
  position: relative;
  height: 285px;
  border-radius: 7px;
  border: 1px solid #ddd;
  background: #fcfcfc;
}
.membership-box.w380 {
  width: 380px;
}
.membership-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 21px 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.membership-box .cir-txt {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  color: #fff;
  text-align: center;
  line-height: 46px;
}
.membership-box .cir-txt.saving {
  background: #10a8e5;
}
.membership-box .cir-txt.benefit {
  background: #9cd5c2;
}
.membership-box .img {
  position: absolute;
  right: 25px;
  top: 30px;
}
.membership-box .txt {
  position: absolute;
  left: 30px;
  bottom: 90px;
  font-size: 16px;
}
.membership-box strong {
  position: absolute;
  left: 30px;
  top: 210px;
  font-size: 18px;
}

.cmm-membership-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-membership-list .membership-box {
  float: left;
  width: 24%;
  margin: 0 1% 20px 0;
}

.cmm-saving-list ul {
  border-top: 1px solid #ddd;
}
.cmm-saving-list ul li {
  position: relative;
  height: 79px;
  padding: 0 25px 0 30px;
  border-bottom: 1px solid #ddd;
}
.cmm-saving-list ul li .tit {
  display: inline-block;
  width: 615px;
  line-height: 78px;
}
.cmm-saving-list ul li .cor-red {
  position: absolute;
  top: 50%;
  left: 200px;
  margin-top: -9px;
}
.cmm-saving-list ul li .coin {
  display: inline-block;
  width: 120px;
  line-height: 78px;
  text-align: right;
  color: #336fc9;
}
.cmm-saving-list ul li .btn-txt {
  display: inline-block;
  width: 80px;
  text-align: center;
  margin-left: 80px;
}
.cmm-saving-list .point-list {
  position: relative;
}
.cmm-saving-list .point-list > ul li {
  border-bottom: 0 none;
}
.cmm-saving-list .point-list .btn-txt {
  position: absolute;
  left: 852px;
  top: 50%;
  text-align: center;
  width: 80px;
  margin-top: -19px;
}

.car-lief-box {
  border-radius: 7px;
  border: 1px solid #ddd;
}
.car-lief-box a {
  display: block;
  padding: 17px 30px 30px;
  width: 316px;
  height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.car-lief-box a > * {
  display: block;
}
.car-lief-box.w316 {
  width: 316px;
}
.car-lief-box .logo {
  margin-bottom: 40px;
}
.car-lief-box .txt {
  margin-bottom: 15px;
}
.car-lief-box .name {
  font-size: 24px;
  font-weight: 600;
}

.car-lief-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.car-lief-list .car-lief-box {
  float: left;
  width: 316px;
  margin: 0 16px 16px 0;
}
.car-lief-list .car-lief-box.green * {
  color: #8dc63f;
}
.car-lief-list .car-lief-box.darkblue * {
  color: #0f3565;
}
.car-lief-list .car-lief-box.blue * {
  color: #4188ff;
}
.car-lief-list .car-lief-box.darkgray * {
  color: #6d5e53;
}
.car-lief-list .car-lief-box.brown * {
  color: #a65625;
}
.car-lief-list .car-lief-box.auqa * {
  color: #008773;
}

.cmm-car-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-car-list .rud-box {
  position: relative;
  float: left;
  width: 24%;
  background: #fcfcfc;
  border-radius: 7px;
  border: 1px solid #ddd;
  margin: 0 1% 20px 0;
  padding: 20px 0 30px 30px;
}
.cmm-car-list .rud-box .sale-txt {
  width: 48px;
  height: 48px;
  color: #fff;
  background: #fd665c;
  line-height: 48px;
  text-align: center;
  border-radius: 48px;
}
.cmm-car-list .rud-box .img {
  position: absolute;
  right: 0;
  top: 40px;
  width: 100px;
  height: 80px;
}
.cmm-car-list .rud-box .tit {
  display: block;
  margin-top: 82px;
  font-size: 18px;
}
.cmm-car-list .rud-box .pay .sale {
  font-size: 18px;
}
.cmm-car-list .rud-box .pay .cost-price {
  margin-left: 12px;
  font-size: 16px;
  color: #666;
  text-decoration: line-through;
}

.service-list {
  margin-bottom: 40px;
}
.service-list li {
  position: relative;
  padding: 60px 0 60px 130px;
  border-top: 1px solid #ddd;
}
.service-list li .txt-area {
  float: left;
  width: 600px;
}
.service-list li .txt-area > * {
  font-size: 24px;
}
.service-list li .txt-area .s-txt {
  margin-bottom: 15px;
  font-size: 16px;
  color: #666;
}
.service-list li .more-area {
  padding: 0 0 0 600px;
}
.service-list li .more-area p {
  margin-bottom: 25px;
}
.service-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 60px;
  width: 100px;
  height: 100px;
  background: url("../images/sub/bg_service.png?v=20200107") no-repeat;
}
.service-list li:nth-child(1):after {
  background-position: 0 0;
}
.service-list li:nth-child(2):after {
  background-position: -100px 0;
}
.service-list li:nth-child(3):after {
  background-position: -200px 0;
}
.service-list li:nth-child(4):after {
  background-position: -300px 0;
}
.service-list li:nth-child(5):after {
  background-position: -400px 0;
}
.service-list li:nth-child(6):after {
  background-position: -500px 0;
}
.service-list li:nth-child(7):after {
  background-position: -600px 0;
}
.service-list li:nth-child(8):after {
  background-position: -700px 0;
}
.service-list li:nth-child(9):after {
  background-position: -800px 0;
}

.w1280 .cmm-coupon-list .coupon-box,
.w1280 .cmm-membership-list .membership-box,
.w1280 .cmm-car-list .rud-box {
  width: 316px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.car-info {
  margin: 3px 0 10px;
}
.car-info span {
  position: relative;
  display: inline-block;
  font-weight: 500;
  color: #999;
  padding-right: 12px;
}
.car-info span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -5px;
}
.car-info span:last-child {
  padding-right: 0;
}
.car-info span:last-child:after {
  display: none;
}

.car-terms span {
  position: relative;
  display: inline-block;
  padding-right: 12px;
}
.car-terms span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #222;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -5px;
}
.car-terms span:last-child {
  padding-right: 0;
}
.car-terms span:last-child:after {
  display: none;
}

.car-estimate {
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
}
.car-estimate b {
  position: relative;
  font-weight: 900;
  color: #336fc9;
}
.car-estimate b:after {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width: 11px;
  height: 13px;
}
.car-estimate b.down {
  padding: 0 17px 0 0;
}
.car-estimate b.down:after {
  background: url("../images/sub/buy-bg.png") no-repeat -166px -150px;
}
.car-estimate b.up {
  padding: 0 17px 0 0;
  color: #fd665c;
}
.car-estimate b.up:after {
  background: url("../images/sub/buy-bg.png") no-repeat -155px -150px;
}
.car-estimate del {
  font-size: 18px;
  color: #999;
  margin-left: 5px;
}

.ad-set dt {
  clear: both;
  float: left;
  position: relative;
  width: 70px;
  margin-top: 5px;
}
.ad-set dt:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #222;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
}
.ad-set dd {
  float: left;
  margin-top: 5px;
}
.ad-set:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

.counsel-tit {
  display: inline-block;
  padding: 0 15px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border: 1px solid #222;
  color: #222;
  border-radius: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}
.counsel-tit.counsel-buy {
  background: #e5e179;
  border: 1px solid #e5e179;
  color: #706d25;
}
.counsel-tit.counsel-sell {
  background: #7491b4;
  border: 1px solid #7491b4;
  color: #fff;
}
.counsel-tit.counsel-direct {
  background: #6e7da0;
  border: 1px solid #6e7da0;
  color: #fff;
}
.counsel-tit.counsel-change {
  background: #6bb3b0;
  border: 1px solid #6bb3b0;
  color: #fff;
}

.list-type03 {
  border-top: 1px solid #ddd;
}
.list-type03 .list-type-sep {
  margin-right: 20px;
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
}

[class*=list-type].brd-top-none {
  border-top: none;
}

.list-tp-cl {
  margin-top: 60px;
}
.list-tp-cl .pic-list {
  margin-top: 20px;
}
.list-tp-cl .pic-list .car-txt {
  padding-top: 15px;
}
.list-tp-cl .pic-list .car-txt .info-box {
  overflow: hidden;
}
.list-tp-cl .pic-list .car-txt .info-box .date {
  float: left;
  display: inline-block;
  line-height: 22px;
  margin-right: 10px;
  font-size: 13px;
  color: #666;
}
.list-tp-cl .pic-list .car-txt .info-box .r-txt {
  float: left;
}
.list-tp-cl .pic-list .car-txt .info-box .r-txt > span {
  float: left;
  display: inline-block;
  padding: 0 10px;
  margin-right: 6px;
  line-height: 20px;
  border: 1px solid #222;
  border-radius: 11px;
  color: #222;
}
.list-tp-cl .pic-list .car-txt .car-name {
  margin: 17px 0 3px;
}

.common-left-area .gnb > ul > li ul li.on a {
  color: #2666c6;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.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: 17px;
  width: 18px;
  background: transparent url("../images/common/ico_star.png") no-repeat;
}
.star-area .star-rating {
  width: 90px;
  vertical-align: middle;
  top: -2px;
}
.star-area .star-rating > span {
  background-position: 0 -17px;
  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-weight: bold;
  font-style: normal;
  font-size: 16px;
}

.grade-star button .star-area {
  vertical-align: middle;
}
.grade-star button .star-area strong.tit {
  top: -1px;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
  width: 60px;
}
.grade-star button .star-area .star-rating {
  width: 90px;
  vertical-align: middle;
  margin: 0;
  top: -4px;
  text-align: left;
}
.grade-star button .star-area .star-rating span {
  margin-right: 0;
}
.grade-star button.ck-on .star-rating {
  background-position: 0 -34px;
}
.grade-star button.ck-on strong.tit {
  color: #fff;
}

.with-reason .s-list span input[type=radio]:checked + .round-box .star-rating {
  background-position: 0 -34px;
}

.with-reason .s-list span input[type=radio]:checked + .round-box .tit {
  color: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
span,
em {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4;
  box-sizing: border-box;
}

fieldset,
img {
  border: 0 none;
  vertical-align: top;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
select,
textarea,
button {
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

body {
  background: #fdfdfd;
  -webkit-text-size-adjust: none;
}

html,
body {
  height: 100%;
}

body,
th,
td,
input,
select,
textarea,
button,
div,
li,
span,
p,
select,
textarea,
input,
buttoun {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  color: #222;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:active,
a:hover {
  text-decoration: none;
}

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  -webkit-appearance: button;
  border-radius: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

textarea {
  border: 1px solid #cacaca;
  padding: 10px;
}

caption {
  display: none;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: normal;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.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 .pop-whBox {
  position: fixed;
  left: 50%;
  top: 150%;
  margin-left: -200px;
  z-index: 1001;
}
.popup-wrap .pop-whBox .pop-day-close {
  padding: 0 40px 9px 30px;
}
.popup-wrap .pop-whBox .pop-day-close .txt {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
}
.popup-wrap .pop-whBox .pop-area {
  position: relative;
  width: 400px;
  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 25px 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;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-tit h2 em .cor-blue {
  color: #336fc9 !important;
}
.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 .pop-scroll .txt-wrap p,
.popup-wrap .pop-whBox .pop-area .pop-con .pop-scroll .txt-wrap ul li {
  font-size: 16px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-scroll .txt-wrap strong {
  font-weight: bold;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-head span,
.popup-wrap .pop-whBox .pop-area .pop-con .pop-head strong {
  font-size: inherit;
}
.popup-wrap .pop-whBox .pop-area .pop-con .pop-head strong {
  font-weight: bold;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt {
  line-height: 24px;
  font-size: 16px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .con-txt .point-txt {
  line-height: 24px;
  font-size: 16px;
  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;
  background: url("../images/common/sprite.png?v=20200401") no-repeat 0 -183px;
  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;
  padding-left: 0;
  line-height: 1.4;
  font-weight: 500;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list li::before {
  display: none;
}
.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-con .dot-list.not-popup-style li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  margin: 0;
  padding-left: 6px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list.not-popup-style li:not(:last-child) {
  margin: 0 0 2px 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list.not-popup-style li::before {
  display: block;
}
.popup-wrap .pop-whBox .pop-area .pop-con .dot-list.not-popup-style li:after {
  display: none;
}
.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.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-area.pop-warranty {
  width: 468px;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .desc-tit {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  font-weight: 700;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .desc-txt {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 400;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .desc-txt em {
  text-decoration: underline;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .desc-txt:nth-of-type(2) {
  margin-bottom: 8px;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .bullet-list li {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
}
.popup-wrap .pop-whBox .pop-area.pop-warranty .bullet-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #222;
}
.popup-wrap .pop-whBox .pop-area.large {
  width: 520px;
}
.popup-wrap .pop-whBox .pop-close {
  position: absolute;
  right: 24px;
  top: 24px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.popup-wrap .pop-whBox .pop-close.tp02 {
  top: -30px;
}
.popup-wrap .pop-whBox .pop-close:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.popup-wrap .pop-whBox .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-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 .service-guide .list-bl-txt {
  font-size: 14px;
  color: #222;
}
.popup-wrap .service-guide .list-bl-txt li {
  display: block;
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 15px;
  font-size: 14px;
  color: #222;
}
.popup-wrap .service-guide .list-bl-txt li:first-child {
  margin: 0;
}
.popup-wrap .service-guide .list-bl-txt li:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #222;
}
.popup-wrap .service-guide .ews-step li {
  position: relative;
  display: block;
  height: 100px;
  margin: 10px 0 0 0;
  padding: 15px 100px 15px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 0;
}
.popup-wrap .service-guide .ews-step li:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.popup-wrap .service-guide .ews-step li:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  background: url("../images/common/bg_service_guide.png") no-repeat;
  z-index: 10;
}
.popup-wrap .service-guide .ews-step li.step-1:after {
  background-position: -178px 0;
}
.popup-wrap .service-guide .ews-step li.step-2:after {
  background-position: -258px 0;
}
.popup-wrap .service-guide .ews-step li.step-3:after {
  background-position: -338px 0;
}
.popup-wrap .service-guide .ews-step .tit {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  vertical-align: middle;
}
.popup-wrap .service-guide .ews-step .tit span {
  font-size: inherit;
}
.popup-wrap .service-guide .guide-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.popup-wrap .service-guide .guide-table table tr > * {
  color: #666;
  font-size: 13px;
}
.popup-wrap .service-guide .guide-table table thead th {
  line-height: 20px;
  padding: 10px 0;
  background-color: #f1f1f1;
}
.popup-wrap .service-guide .guide-table table thead th.tb-lt {
  padding-left: 13px;
}
.popup-wrap .service-guide .guide-table table tbody td {
  line-height: 20px;
  height: 50px;
  padding: 5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.popup-wrap .service-guide .guide-table .tb-lt {
  text-align: left !important;
}
.popup-wrap .service-guide .guide-table .tb-rt {
  text-align: right !important;
}
.popup-wrap .service-guide .guide-table .tb-cen {
  text-align: center !important;
}
.popup-wrap .service-guide .guide-table .tb-last {
  border-right: 0 none !important;
}
.popup-wrap .service-guide .guide-table .s-th {
  text-align: center;
  color: #222;
}
.popup-wrap .service-guide .guide-table .txt-wb {
  word-break: break-all;
}
.popup-wrap .service-guide .guide-info-block {
  font-size: 14px;
  margin-top: 20px;
}
.popup-wrap .service-guide .guide-info-block a {
  color: #2666c6;
  text-decoration: underline;
}
.popup-wrap .cmm-list-kb li {
  width: 350px;
}
.popup-wrap .cmm-eg-list li span {
  font-size: 12px;
}
.popup-wrap.popup-wrap--main .pop-whBox .pop-area {
  width: 500px;
  background: transparent;
}
.popup-wrap.popup-wrap--main .pop-whBox .pop-area.pop-area--guide {
  width: 750px;
}
.popup-wrap.popup-wrap--main .pop-whBox .pop-area-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.popup-wrap.popup-wrap--main .pop-whBox .pop-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.popup-wrap.popup-wrap--main .pop-whBox .pBtn {
  border-radius: 0;
}
.popup-wrap.popup-wrap--main .pop-whBox .pb-kb-yellow {
  color: #222;
  background: #fecb04;
  border-color: #fecb04;
}
.popup-wrap.popup-wrap--main .pop-whBox .pop-close.tp02 {
  top: 0px;
}
.popup-wrap.popup-wrap--main .owl-nav button.owl-next,
.popup-wrap.popup-wrap--main .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  z-index: 2;
}
.popup-wrap.popup-wrap--main .owl-nav button.owl-next span,
.popup-wrap.popup-wrap--main .owl-nav button.owl-prev span {
  display: none;
}
.popup-wrap.popup-wrap--main .owl-nav button.owl-next.disabled,
.popup-wrap.popup-wrap--main .owl-nav button.owl-prev.disabled {
  opacity: 0.35;
}
.popup-wrap.popup-wrap--main .owl-nav button.owl-prev {
  left: -50px;
  background-position: -329px 0;
}
.popup-wrap.popup-wrap--main .owl-nav button.owl-next {
  right: -50px;
  background-position: -363px 0;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-area {
  background: transparent;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-area-box {
  position: relative;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-con {
  padding: 0 0 60px 0;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-con .pop-scroll {
  max-height: 740px;
  margin-top: 0;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pBtn {
  border-radius: 0;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pb-kb-yellow {
  color: #222;
  background: #fecb04;
  border-color: #fecb04;
}
.popup-wrap.popup-wrap--guide .pop-whBox .pop-close.tp02 {
  top: 0px;
}
.popup-wrap.popup-wrap--guide .pop-whBox .new-content-body {
  padding-bottom: 50px;
}
.popup-wrap.popup-wrap--guide .pop-whBox .new-content-body .subcont-area.type-divide {
  margin: 0;
  padding-left: 25px;
  padding-right: 25px;
}

.pop-s-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}

.popup-wrap.popup-wrap--yellow .pb-blue {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.popup-wrap.popup-wrap--yellow .pb-blue > span {
  color: #000;
}

.popup-wrap02 {
  display: none;
}
.popup-wrap02 .pop-whBox {
  position: fixed;
  right: 80px;
  bottom: -100%;
  z-index: 999;
}
.popup-wrap02 .pop-whBox .pop-area {
  position: relative;
  min-width: 340px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 6px 20px 0px #999;
          box-shadow: 0px 6px 20px 0px #999;
  background: #fff;
  z-index: 2;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con {
  padding: 23px 30px 30px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .pop-tit h2 {
  line-height: 36px;
  font-size: 24px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .pop-tit + .con-txt {
  margin-top: 19px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .con-txt {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .con-txt + .con-txt {
  margin-top: 24px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .con-txt .link {
  color: #336fc9;
  text-decoration: underline;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .con-txt .info-list li {
  font-size: 16px;
  line-height: 1.875;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .con-txt .info-list li span {
  font-size: 16px;
  color: #336fc9;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .area-btn {
  margin-top: 43px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-con .area-btn > [class*=btn-] {
  min-width: 80px;
}
.popup-wrap02 .pop-whBox .pop-area .pop-close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.popup-wrap02 .pop-whBox .pop-area .pop-close:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.popup-wrap02 .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-wrap03 {
  display: none;
}
.popup-wrap03 .pop-whBox {
  position: fixed;
  left: 50%;
  bottom: -100%;
  margin-left: -200px;
  z-index: 999;
}
.popup-wrap03 .pop-whBox .pop-area {
  position: relative;
  padding: 10px 30px;
  z-index: 2;
}
.popup-wrap03 .pop-whBox .pop-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  border-radius: 30px;
  z-index: 0;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con {
  position: relative;
  display: table;
  min-width: 340px;
  min-height: 40px;
  z-index: 2;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box .pop-txt {
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box .pop-txt[class*=bl-] {
  position: relative;
  display: block;
  text-align: left;
  padding: 0 0 0 34px;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box .pop-txt[class*=bl-]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box .pop-txt.bl-ico1:after {
  top: -3px;
  background-position: -153px -505px;
}
.popup-wrap03 .pop-whBox .pop-area .pop-con .mid-box .pop-txt.bl-ico2:after {
  background-position: -153px -537px;
}

.popup-wrap04 {
  display: none;
}
.popup-wrap04 .pop-whBox {
  position: fixed;
  left: 50%;
  bottom: -100%;
  z-index: 999;
}
.popup-wrap04 .pop-whBox .pop-area {
  position: relative;
  width: 890px;
  height: 396px;
  padding: 27px 30px 0;
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 6px 20px 0px #999;
          box-shadow: 0px 6px 20px 0px #999;
  z-index: 2;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-tit h2 {
  display: inline-block;
  vertical-align: bottom;
  line-height: 28px;
  font-size: 24px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-tit .txt {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 22px;
  line-height: 22px;
  padding-left: 33px;
  font-size: 16px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-tit .txt:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 6px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #222;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-tit .txt .leg {
  display: inline-block;
  vertical-align: bottom;
  line-height: 22px;
  color: #336fc9;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list {
  margin-top: 21px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul:after {
  content: "";
  display: block;
  clear: both;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li {
  position: relative;
  float: left;
  width: 150px;
  height: 220px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li + li {
  margin-left: 20px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-img {
  overflow: hidden;
  display: block;
  width: 150px;
  height: 112px;
  border-radius: 8px 8px 0 0;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-con {
  position: relative;
  height: 108px;
  padding: 16px 19px 39px;
  border: 1px solid #ddd;
  border-top: 0 none;
  border-radius: 0 0 8px 8px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-con .name {
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-con .money {
  position: absolute;
  left: 19px;
  right: 19px;
  bottom: 17px;
  display: block;
  line-height: 22px;
  font-size: 18px;
  font-weight: 900;
  color: #336fc9;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-con .money > span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 18px;
  font-size: 14px;
  font-weight: 900;
  color: #336fc9;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .inp-ch, .popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .inp-ch-new {
  position: absolute;
  left: 10px;
  top: 10px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-del {
  position: absolute;
  right: -11px;
  top: -11px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-del:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-box .car-del > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-empty {
  background: url("../images/sub/buy-bg.png") no-repeat -703px top;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .car-list > ul > li.car-empty .txt {
  text-align: center;
  line-height: 20px;
  padding-top: 115px;
  font-size: 14px;
  color: #999;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-btn-area {
  margin-top: 30px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-con .cpr-btn-area > button {
  width: 80px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-close {
  position: absolute;
  right: 8px;
  top: 4px;
  display: block;
  width: 40px;
  height: 40px;
}
.popup-wrap04 .pop-whBox .pop-area .pop-close:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 16px;
  display: block;
  width: 16px;
  height: 9px;
  background: url("../images/sub/buy-bg.png") no-repeat;
  background-position: -166px -110px;
}
.popup-wrap04 .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-wrap04 .pop-whBox .pop-area02 {
  position: relative;
  z-index: 2;
}
.popup-wrap04 .pop-whBox .pop-area02 .pop-txt {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  height: 60px;
  border-radius: 30px;
  background: #fcaf17;
  -webkit-box-shadow: 0px 6px 20px -5px #fcaf17;
          box-shadow: 0px 6px 20px -5px #fcaf17;
  line-height: 60px;
  padding: 0 40px 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.popup-wrap04 .pop-whBox .pop-area02 .pop-txt:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  width: 16px;
  height: 9px;
  margin-top: -5px;
  background: url("../images/sub/buy-bg.png") no-repeat;
  background-position: -182px -110px;
}

.popup-alert .pop-area {
  border-radius: 8px !important;
}
.popup-alert .pop-con {
  padding: 32px !important;
}
.popup-alert .pop-con .inp-ch-r {
  margin-top: 16px !important;
}
.popup-alert .con-txt strong {
  display: inline-block;
  font-weight: 700;
  line-height: 23px;
}
.popup-alert .con-txt .txt {
  display: block;
  margin-top: 6px;
}
.popup-alert .con-txt.center {
  text-align: center;
}
.popup-alert .pop-btn {
  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;
  gap: 0 8px;
  margin-top: 16px;
}
.popup-alert .pop-btn .btn {
  width: 97px;
}
.popup-alert .pop-btn .btn + .btn {
  margin-left: 0;
}

.popup-wrap.alert-base .pop-area {
  border-radius: 6px;
  width: auto;
  min-width: 295px;
  max-width: 420px;
  overflow: hidden;
  padding: 0;
}
.popup-wrap.alert-base .pop-area .top-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 32px 80px 24px 32px;
}
.popup-wrap.alert-base .pop-area .con-txt {
  padding: 32px 24px 28px;
  text-align: center;
}
.popup-wrap.alert-base .pop-area .con-txt .tit {
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.popup-wrap.alert-base .pop-area .con-txt .txt {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.popup-wrap.alert-base .pop-area .con-inner {
  padding: 0 28px 32px 32px;
}
.popup-wrap.alert-base .pop-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-wrap.alert-base .pop-btn > .c-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
  margin-left: 0;
}
.popup-wrap.alert-base .c-btn-close {
  position: absolute;
  top: 34px;
  right: 28px;
  width: 24px;
  height: 24px;
  background: url(../../web/assets/images/common/icon-close.svg) no-repeat center;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area {
  border-radius: 8px;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-con {
  padding: 0 32px;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-con .pop-tit {
  padding: 32px 0 24px 0;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-con .pop-tit h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-con .pop-tit + .pop-scroll {
  margin-top: 0;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-btn {
  padding: 24px 10px 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-btn > .btn {
  width: 85px;
  font-weight: 500;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-btn > .c-bottom-btn {
  width: auto;
  height: 48px;
  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;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  border-radius: 4px;
  background: #ffd338;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area .pop-btn > .c-bottom-btn.btn-black {
  background: #222;
  height: 40px;
}
.popup-wrap.popup-dealer .pop-whBox .pop-area.no-footer .pop-con {
  padding-bottom: 40px;
}
.popup-wrap.popup-dealer .pop-whBox .pop-close {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background-color: #fff;
  top: 34px;
  right: 28px;
}
.popup-wrap.popup-dealer .pop-whBox .pop-close:after {
  width: 100%;
  height: 100%;
  position: initial;
  background: url("../images/dealer/icon24-close-black.svg") no-repeat;
}
.popup-wrap.popup-dealer .pop-scroll {
  max-height: 292px;
}
.popup-wrap.popup-dealer .pop-scroll .mCSB_outside + .mCSB_scrollTools {
  opacity: 1;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: #eee;
  border-radius: 100px;
  margin-left: 8px;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  border-radius: 100px;
  margin-left: 8px;
  background-color: #444 !important;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
  background-color: #444 !important;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #444 !important;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #444 !important;
}
.popup-wrap.popup-dealer .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #444 !important;
}

.btn-black {
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  background: #222;
}
.btn-black.line-black {
  font-weight: 500;
  color: #222;
  background: #fff;
  border: 1px solid #666;
}

.pu-tit {
  display: block;
  line-height: 24px;
  margin: 30px 0 5px;
  font-size: 16px;
  font-weight: 500;
}

.pu-tit02 {
  display: block;
  line-height: 24px;
  margin: 30px 0 5px;
  font-size: 16px;
}
.pu-tit02 + .pu-tit {
  margin-top: 10px;
}

.pu-txt01,
.pu-txt02,
.pu-txt03 {
  display: block;
  line-height: 24px;
  margin-top: 5px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.pu-txt01 {
  font-size: 14px;
  color: #222;
}

.pu-txt02 {
  font-size: 14px;
  color: #666;
}

.pu-txt03 {
  font-size: 16px;
  color: #222;
}

.pu2-tit01 {
  display: block;
  line-height: 24px;
  margin: 37px 0 6px;
  font-size: 18px;
}

.pu2-tit02 {
  display: block;
  line-height: 22px;
  margin-top: 14px;
  font-weight: bold;
}

.pu2-txt01 {
  display: block;
  line-height: 24px;
  margin-top: 6px;
  color: #666;
}

.pu-rd-tit {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin-top: 30px;
  border-radius: 15px;
  color: #fff;
  background-color: #336fc9;
}

.ap-box {
  padding: 20px 0;
}

.ap-list {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ap-list table {
  width: 100%;
}
.ap-list table tr > * {
  text-align: left;
  height: 36px;
  font-size: 16px;
  font-weight: normal;
}
.ap-list table thead th {
  padding-left: 20px;
  color: #999;
}
.ap-list table thead th.ctr {
  text-align: center;
  padding-left: 0;
}
.ap-list table tbody th {
  color: #336fc9;
  padding-left: 20px;
}
.ap-list table tbody td {
  text-align: center;
  color: #222;
}
.ap-list.tp02 table tbody th {
  color: #999;
}
.ap-list.tp02 table tbody td {
  text-align: right;
  padding-right: 20px;
}

.icon-tel {
  overflow: hidden;
  margin-top: 20px;
}
.icon-tel .tel {
  position: relative;
  display: inline-block;
  line-height: 28px;
  padding-left: 40px;
  font-size: 24px;
  color: #fd665c;
}
.icon-tel .tel:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 28px;
  height: 25px;
  background: url("../images/common/popup_bg.png") no-repeat -218px top;
}

.ap-txt {
  display: table;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ap-txt .mid-box {
  display: table-cell;
  vertical-align: middle;
}
.ap-txt .mid-box .txt {
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  color: #222;
}

.pop-scroll {
  max-height: 532px;
}
.pop-scroll.tp02 {
  height: 410px;
}
.pop-scroll.tp03 {
  max-height: 448px;
}
.pop-scroll.tp04 {
  max-height: 592px;
}
.pop-scroll.tp05 {
  max-height: 642px;
}
.pop-scroll .mCSB_outside + .mCSB_scrollTools {
  right: -16px;
}

.popup-wrap .pop-whBox .pop-area.tp-ai {
  width: 280px;
  height: 240px;
}
.popup-wrap .pop-whBox .pop-area.tp-ai .pop-con {
  padding: 0;
}
.popup-wrap .pop-whBox .pop-area.tp-ai .pop-con .ai-txt {
  position: relative;
  display: block;
  text-align: center;
  line-height: 24px;
  padding-top: 140px;
  font-size: 18px;
}
.popup-wrap .pop-whBox .pop-area.tp-ai .pop-con .ai-txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 61px;
  display: block;
  width: 57px;
  height: 58px;
  margin-left: -28px;
  background: url("../images/sub/bg_ai.png") no-repeat;
}

.popup-wrap .pop-whBox .pop-area.tp-intro {
  width: 388px;
  height: 572px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con {
  padding: 50px 45px 0;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-intro {
  min-height: 54px;
  line-height: 27px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li {
  border-bottom: 1px solid #ddd;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 124px;
  padding: 32px 70px 0 0;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  background: url("../images/sub/intro.png") no-repeat;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a .tit {
  line-height: 26px;
  font-size: 18px;
  font-weight: 500;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a .txt {
  line-height: 22px;
  margin-top: 4px;
  font-size: 16px;
  color: #797979;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg01:after {
  right: 5px;
  width: 64px;
  height: 40px;
  margin-top: -20px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg02:after {
  right: 5px;
  width: 64px;
  height: 40px;
  margin-top: -20px;
  background-position: -64px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg03:after {
  right: 5px;
  width: 64px;
  height: 40px;
  margin-top: -20px;
  background-position: -128px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg04:after {
  right: 9px;
  width: 60px;
  height: 44px;
  margin-top: -22px;
  background-position: -192px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg05:after {
  right: 8px;
  width: 61px;
  height: 40px;
  margin-top: -20px;
  background-position: -252px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg06:after {
  right: 18px;
  width: 38px;
  height: 53px;
  margin-top: -26px;
  background-position: -313px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg07:after {
  right: 14px;
  width: 43px;
  height: 56px;
  margin-top: -28px;
  background-position: -351px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg08:after {
  right: 6px;
  width: 60px;
  height: 46px;
  margin-top: -23px;
  background-position: -394px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg09:after {
  right: 11px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-position: -454px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg10:after {
  right: 12px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-position: -504px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg11:after {
  right: 5px;
  width: 64px;
  height: 40px;
  margin-top: -20px;
  background-position: -554px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg12:after {
  right: 12px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-position: -618px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg13:after {
  right: 10px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-position: -668px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .tit-list li a.bg14:after {
  right: 12px;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-position: -718px top;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-txt-area .txt01 {
  line-height: 34px;
  font-size: 16px;
  font-weight: 300;
  color: #797979;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-txt-area .txt02 {
  line-height: 26px;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-txt-area .txt03 {
  line-height: 20px;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 500;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-img {
  text-align: center;
  height: 220px;
  margin-top: -20px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-img img {
  display: inline-block;
  width: 305px;
  height: 220px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .car-txt {
  text-align: center;
  line-height: 30px;
  margin-top: 19px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .pop-con .area-btn {
  margin-top: 27px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .txt-btn-area {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 36px;
}
.popup-wrap .pop-whBox .pop-area.tp-intro .txt-btn-area .txt-btn {
  line-height: 24px;
  font-size: 16px;
  color: #797979;
}

.popNotice .pop-tit {
  position: relative;
}
.popNotice .pop-tit .noticeNumber {
  position: absolute;
  right: 0;
  top: 8px;
}
.popNotice-title {
  position: relative;
  padding: 0 0 20px;
  border-bottom: 1px solid #ddd;
}
.popNotice-title .title {
  display: block;
  padding: 0 65px 0 0;
  font-size: 16px;
  font-weight: 600;
}
.popNotice-title .date {
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 12px;
  color: #999999;
}
.popNotice-text {
  padding: 30px 0 10px;
}
.popNotice-text p {
  margin-bottom: 25px;
}

.dimmed {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  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;
  background: rgba(0, 0, 0, 0.7);
}
.dimmed .layer_popup {
  width: 400px;
  height: 300px;
  border: 1px solid black;
  background: #fff;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dimmed .layer_content {
  gap: 5px;
  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;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.cor-yellow {
  color: #fcaf17 !important;
}

.cor-dgray {
  color: #666 !important;
}

.dealer-alarm {
  position: relative;
  color: #fd665c;
}
.dealer-alarm:before {
  content: "!";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: 2px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 11px;
  border-radius: 100%;
}
.dealer-alarm.tp02 {
  font-size: 18px;
}
.dealer-alarm.tp02:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 17px;
  vertical-align: 0;
}

.dealer-ico-before {
  padding-left: 51px;
  position: relative;
  font-weight: 500;
}
.dealer-ico-before:before {
  display: inline-block;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat 0 -45px;
  position: absolute;
  left: 0;
  top: 50%;
}
.dealer-ico-before.arrow {
  padding-left: 0;
}
.dealer-ico-before.arrow:before {
  margin-right: 10px;
  width: 8px;
  height: 9px;
  position: relative;
  background-position: -530px 0;
}
.dealer-ico-before.arrow.up:before {
  background-position-x: -548px;
}
.dealer-ico-before.reset {
  padding-left: 0;
  color: #999;
}
.dealer-ico-before.reset:before {
  margin-right: 8px;
  width: 16px;
  height: 18px;
  vertical-align: -3px;
  position: relative;
  background-position: -132px -85px;
}
.dealer-ico-before.ico-01:before {
  width: 25px;
  height: 25px;
  left: 3px;
  background-position-x: 0;
  margin-top: -12.5px;
}
.dealer-ico-before.ico-02:before {
  width: 31px;
  height: 18px;
  background-position-x: -35px;
  margin-top: -9px;
}
.dealer-ico-before.ico-03:before {
  width: 30px;
  height: 22px;
  background-position-x: -76px;
  margin-top: -11px;
}
.dealer-ico-before.ico-04:before {
  width: 27px;
  height: 26px;
  background-position-x: -115px;
  margin-top: -13px;
}
.dealer-ico-before.ico-05:before {
  width: 31px;
  height: 30px;
  left: -2px;
  background-position-x: -153px;
  margin-top: -15px;
}
.dealer-ico-before.ico-06:before {
  width: 22px;
  height: 28px;
  left: 3px;
  background-position-x: -194px;
  margin-top: -14px;
}
.dealer-ico-before.ico-07:before {
  width: 22px;
  height: 16px;
  left: 0;
  background-position-x: -265px;
  margin-top: -8px;
}
.dealer-ico-before.ico-08:before {
  width: 20px;
  height: 20px;
  left: 1px;
  background-position-x: -297px;
  margin-top: -10px;
}
.dealer-ico-before.ico-09:before {
  width: 16px;
  height: 20px;
  left: 2px;
  background-position-x: -327px;
  margin-top: -10px;
}
.dealer-ico-before.ico-10:before {
  width: 16px;
  height: 21px;
  left: 3px;
  background-position-x: -353px;
  margin-top: -10.5px;
}
.dealer-ico-before.ico-11:before {
  width: 18px;
  height: 19px;
  left: 0;
  background-position-x: -379px;
  margin-top: -9.5px;
}
.dealer-ico-before.ico-12:before {
  width: 14px;
  height: 23px;
  left: 2px;
  background-position-x: -407px;
  margin-top: -11.5px;
}
.dealer-ico-before.ico-13:before {
  width: 23px;
  height: 23px;
  left: -3px;
  background-position-x: -431px;
  margin-top: -11.5px;
}
.dealer-ico-before.ico-14:before {
  width: 15px;
  height: 18px;
  left: 1px;
  background-position-x: -464px;
  margin-top: -9px;
}
.dealer-ico-before.ico-15:before {
  width: 18px;
  height: 17px;
  left: 2px;
  background-position-x: -489px;
  margin-top: -8.5px;
}
.dealer-ico-before.ico-16:before {
  width: 29px;
  height: 17px;
  left: -3px;
  background-position-x: -517px;
  margin-top: -8.5px;
}
.dealer-ico-before.ico-17:before {
  width: 16px;
  height: 15px;
  left: 3px;
  background-position-x: -556px;
  margin-top: -7.5px;
}
.dealer-ico-before.ico-18:before {
  width: 20px;
  height: 20px;
  left: 3px;
  background-position-x: -582px;
  margin-top: -10px;
}
.dealer-ico-before.ico-19:before {
  width: 24px;
  height: 21px;
  left: 2px;
  background-position-x: -612px;
  margin-top: -10.5px;
}

.dealer-ico-low {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 24px;
  font-weight: 600;
  color: #fd665c;
}
.dealer-ico-low:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 13px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -281px -91px;
}

.dealer-ico-high {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 24px;
  font-weight: 600;
  color: #2666c6;
}
.dealer-ico-high:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 13px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -281px -113px;
}

.dealer-link-underline {
  display: inline-block;
  padding: 5px 0;
  font-weight: 100;
  font-size: 16px;
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}

.dealer-box-gray {
  padding: 30px 25px;
  background: #fafafa;
  border-radius: 6px;
}

.dealer-visual-full {
  height: 740px;
  background: url("../images/dealer/dealer_visual02.jpg") no-repeat 0 0;
  padding: 90px 0 0 100px;
  margin-left: -61px;
}

.dealer-make {
  width: 210px;
  padding-left: 75px;
  text-align: left;
  position: relative;
}
.dealer-make:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  left: 24px;
  width: 36px;
  height: 22px;
  margin-top: -11px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -438px 0;
}

.dealer-btn-cancel span {
  display: block;
  height: 0;
  font-size: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.dealer-btn-cancel:after {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: -10px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -484px 0;
}

.dealer-btn-cmm {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}
.dealer-btn-cmm span {
  display: inline-block;
  position: relative;
  font-weight: 100;
  color: #999;
}
.dealer-btn-cmm.big span {
  height: 58px;
  line-height: 58px;
  font-size: 18px;
}
.dealer-btn-cmm.mid span {
  height: 38px;
  line-height: 38px;
}
.dealer-btn-cmm.sml span {
  height: 22px;
  line-height: 22px;
}
.dealer-btn-cmm + .dealer-btn-cmm {
  margin: 0;
}
.dealer-btn-cmm.reset span {
  padding: 0 0 0 20px;
}
.dealer-btn-cmm.reset span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 20px;
  margin: -10px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -369px -42px;
}
.dealer-btn-cmm.tp02 {
  border: 1px solid #336fc9;
  background-color: #336fc9;
}
.dealer-btn-cmm.tp02 span {
  color: #fff;
}
.dealer-btn-cmm.bc-blue {
  border-color: #2666c6;
  background: #2666c6;
}
.dealer-btn-cmm.bc-blue span {
  color: #fff;
}

.btn-arrow-wrap {
  width: 780px;
}
.btn-arrow-wrap .dealer-btn-arrow {
  display: block;
  margin: 10px;
  width: 360px;
  float: left;
}
.btn-arrow-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

.dealer-btn-arrow {
  display: inline-block;
  padding: 0 20px;
  font-weight: 500;
  font-size: 16px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  position: relative;
}
.dealer-btn-arrow:after {
  display: inline-block;
  margin: -6px 0 0;
  width: 6px;
  height: 12px;
  vertical-align: 0;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -514px -22px;
  position: absolute;
  right: 20px;
  top: 50%;
}
.dealer-btn-arrow > span {
  margin-left: 8px;
  font-size: 16px;
}

.dealer-tit-big {
  font-size: 24px;
  font-weight: normal;
}
.dealer-tit-big .sm {
  font-size: 16px;
  font-weight: 300;
  color: #666;
}
.dealer-tit-big.ver02 {
  margin: 0 0 35px;
  font-weight: bold;
  font-size: 20px;
}
.dealer-tit-big.ver03 {
  margin: 0 0 20px;
  font-size: 18px;
}
.dealer-tit-big.ver04 {
  font-weight: 500;
  font-size: 18px;
}
.dealer-tit-big [class^=btn] {
  vertical-align: 2px;
}
.dealer-tit-big.ver03 + .dealer-txt-sub {
  margin: -12px 0 18px;
}
.dealer-tit-big.dsp-ib {
  display: inline-block;
}

.dealer-txt-sub {
  font-weight: 300;
  color: #666;
}
.dealer-txt-sub.tp02 {
  line-height: 2.2;
}

.dealer-tit-round {
  display: inline-block;
  padding: 0 20px;
  height: 30px;
  line-height: 28px;
  background: #336fc9;
  color: #fff;
  border-radius: 30px;
  margin-bottom: 10px;
  font-weight: 300;
}

.dealer-bg-table {
  border-top: 1px solid #ddd;
}
.dealer-bg-table th,
.dealer-bg-table td {
  padding: 20px 35px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  text-align: left;
}
.dealer-bg-table th {
  font-weight: normal;
  background: #f6f6f6;
}
.dealer-bg-table th * {
  font-weight: 500;
}
.dealer-bg-table thead th {
  text-align: center;
}
.dealer-bg-table.tp02 th,
.dealer-bg-table.tp02 td {
  padding: 20px;
}
.dealer-bg-table.tp02 td {
  color: #666;
}
.dealer-bg-table.tbl-center th,
.dealer-bg-table.tbl-center td {
  padding: 20px 10px;
  text-align: center;
}
.dealer-bg-table.tbl-center td {
  color: #666;
}
.dealer-bg-table .cost-txt {
  font-size: 16px;
  color: #666;
}
.dealer-bg-table .cost-txt li + li {
  margin-top: 5px;
}
.dealer-bg-table .cost-txt * {
  color: inherit;
  font-size: inherit;
}

.dealer-ico-after:after, .dealer-banr02 .bnn-copy02:after, .dealer-banr01:after, .dealer-banr01 .bnn-copy02:after, .dealer-cmm-flag span:after, .dealer-wrap .btn-link.v02 span:after, .dealer-wrap .btn-link span:after {
  display: block;
  content: "";
  background-image: url("../images/dealer/ico_dealer.png");
  background-repeat: no-repeat;
}

.dsp-tbl {
  display: table;
  width: 100%;
}
.dsp-tbl .cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.dsp-tbl .cell.w50p {
  width: 50%;
}
.dsp-tbl .cell.v-top {
  vertical-align: top;
}
.dsp-tbl .cell.v-bot {
  vertical-align: bottom;
}
.dsp-tbl .cell.left-line {
  border-left: 1px solid #ddd;
}
.dsp-tbl.w980 {
  width: 980px;
}
.dsp-tbl .pos-re {
  position: relative;
}
.dsp-tbl .pos-re .pos-r {
  position: absolute;
  right: 0;
  top: 0;
}
.dsp-tbl .pos-re .pos-r.btn-link.v03 {
  top: 6px;
}
.dsp-tbl .align-r {
  text-align: right;
}

.dealer-blur-box {
  margin: 0 auto;
  padding: 43px 37px 30px;
  border-radius: 30px;
  position: relative;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
}
.dealer-blur-box .reset {
  position: absolute;
  right: 25px;
  top: 20px;
}
.dealer-blur-box .frm-box {
  padding: 0 23px;
}
.dealer-blur-box .frm-box .frm-list li {
  width: 50%;
  float: left;
}
.dealer-blur-box .frm-box .frm-list li:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

.cmm-content.setting-content .cmm-top-area.dealer-top-area {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 37px 0 0;
}
.cmm-content.setting-content .cmm-top-area.dealer-top-area .car-search {
  left: 0;
}
.cmm-content.setting-content .cmm-top-area.dealer-top-area:before {
  display: none;
}
.cmm-content.setting-content .dealer-wrap.setting-wrap,
.cmm-content.setting-content .common-container.setting-wrap {
  padding: 0;
}
.cmm-content.setting-content .dealer-wrap.setting-wrap .box-white .set-box .btn-more,
.cmm-content.setting-content .common-container.setting-wrap .box-white .set-box .btn-more {
  background: none;
}
.cmm-content.setting-content .dealer-wrap.setting-wrap .box-white .set-box .btn-more:after,
.cmm-content.setting-content .common-container.setting-wrap .box-white .set-box .btn-more:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0 0;
}

.cmm-top-area.dealer-top-area .login-area .ctm-screen,
.common-top-area.dealer-top-area .login-area .ctm-screen {
  background: url("../images/dealer/ico_dealer.png") no-repeat 0 2px;
}

.cmm-basic-info .cmm-tit.dealer-tp02 span {
  line-height: 20px;
}
.cmm-basic-info.dealer-pop .cmm-tit {
  width: 30%;
}
.cmm-basic-info.dealer-pop .cmm-tit span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}
.cmm-basic-info.dealer-pop .cmm-tit .txt-s {
  font-size: 14px;
  font-weight: 100;
  color: #999;
}
.cmm-basic-info.dealer-pop .cmm-input-area {
  padding: 0 0 0 30%;
}
.cmm-basic-info.dealer-pop .cmm-input-area .inp-t {
  width: 100%;
}

.dealer-wrap {
  margin: 0 0 100px;
  padding: 124px 20px 0 60px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.dealer-wrap.pop-scroll, .dealer-wrap.tp02 {
  margin: 0;
  padding: 0;
}
.dealer-wrap .align-l {
  text-align: left !important;
}
.dealer-wrap .align-c {
  text-align: center !important;
}
.dealer-wrap .align-r {
  text-align: right !important;
}
.dealer-wrap .float-l {
  float: left !important;
}
.dealer-wrap .float-r {
  float: right !important;
}
.dealer-wrap .float-no {
  float: none !important;
}
.dealer-wrap .w980 {
  width: 980px !important;
}
.dealer-wrap .w1080 {
  width: 1080px !important;
}
.dealer-wrap .w1180 {
  width: 1180px !important;
}
.dealer-wrap .w50p {
  width: 50%;
}
.dealer-wrap .mg-b7 {
  margin-bottom: 7px;
}
.dealer-wrap .bg-blue {
  background: #336fc9;
}
.dealer-wrap .bg-blue02 {
  background: #364f7f;
}
.dealer-wrap .bg-brown {
  background: #4c4c4c;
}
.dealer-wrap .etc-cmm-state.line-blue {
  color: #336fc9;
  border: 1px solid #336fc9;
}
.dealer-wrap .ico-repair {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 22px;
  padding: 0 0 0 22px;
  line-height: 22px;
}
.dealer-wrap .ico-repair em {
  display: inline-block;
  margin: 0 0 0 5px;
}
.dealer-wrap .ico-repair .blind {
  position: absolute;
  left: -9999px;
  top: 0;
}
.dealer-wrap .ico-repair:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: url("../images/dealer/ico_repair_state.png") no-repeat;
}
.dealer-wrap .ico-repair.tp01:before {
  background-position: 0 -32px;
}
.dealer-wrap .ico-repair.tp02:before {
  background-position: -32px -32px;
}
.dealer-wrap .ico-repair.tp03:before {
  background-position: -64px -32px;
}
.dealer-wrap .ico-repair.tp04:before {
  background-position: -96px -32px;
}
.dealer-wrap .ico-repair.tp05:before {
  background-position: -128px -32px;
}
.dealer-wrap .ico-repair.tp06:before {
  background-position: -160px -32px;
}
.dealer-wrap .ico-repair.disabled.tp01:before {
  background-position: 0 0;
}
.dealer-wrap .ico-repair.disabled.tp02:before {
  background-position: -32px 0;
}
.dealer-wrap .ico-repair.disabled.tp03:before {
  background-position: -64px 0;
}
.dealer-wrap .ico-repair.disabled.tp04:before {
  background-position: -96px 0;
}
.dealer-wrap .ico-repair.disabled.tp05:before {
  background-position: -128px 0;
}
.dealer-wrap .ico-repair.disabled.tp06:before {
  background-position: -160px 0;
}
.dealer-wrap .btn-link {
  display: inline-block;
}
.dealer-wrap .btn-link span {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  line-height: 20px;
  font-size: 16px;
}
.dealer-wrap .btn-link span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0;
  background-position: -181px -22px;
}
.dealer-wrap .btn-link.v02 span {
  padding: 0 10px 0 0;
  font-size: 14px;
  color: #2666c6;
}
.dealer-wrap .btn-link.v02 span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 12px;
  margin: -6px 0 0;
  background-position: -134px -22px;
}
.dealer-wrap .btn-link.v03 span {
  padding: 0 37px 0 0;
  font-size: 24px;
  color: #2666c6;
}
.dealer-wrap .btn-link.v03 span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -631px 0;
}
.dealer-wrap .ad-link .btn-r {
  border-radius: 16px !important;
}
.dealer-wrap .ad-link .btn-r.bc-blue02 {
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
}
.dealer-wrap .btn-share {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -136px -91px;
}
.dealer-wrap .btn-arrow:after {
  display: inline-block;
  margin-left: 10px;
  width: 6px;
  height: 12px;
  vertical-align: 0;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -514px 0;
}
.dealer-wrap .btn-chk {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  line-height: 20px;
}
.dealer-wrap .btn-chk:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -322px 0;
}
.dealer-wrap .btn-chk + .btn-chk {
  margin: 0 0 0 25px;
}
.dealer-wrap .btn-chk.on:after {
  background: url("../images/dealer/ico_dealer.png") no-repeat -322px -17px;
}
.dealer-wrap .btn-photo-regi span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-wrap .btn-photo-regi span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 17px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -443px 0;
}
.dealer-wrap .btn-cut span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-wrap .btn-cut span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -425px -42px;
}
.dealer-wrap .btn-rotate span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-wrap .btn-rotate span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 17px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -451px -42px;
}
.dealer-wrap .btn-del span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-wrap .btn-del span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 13px;
  height: 16px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -481px -42px;
}
.dealer-wrap .btn-link-line {
  padding-bottom: 4px;
  color: #999;
  border-bottom: 1px solid #b5b5b5;
}
.dealer-wrap .inp-f.dealer-tp02 label {
  background-color: #ddd;
}
.dealer-wrap .inp-f.dealer-tp02 label span {
  color: #222;
}
.dealer-wrap .inp-t.reg-num {
  position: relative;
  padding: 6px 30px;
}
.dealer-wrap .inp-t.reg-num .txt01 {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  line-height: 40px;
  font-weight: 100;
  font-size: 16px;
  color: #999;
}
.dealer-wrap .inp-t.reg-num .txt02 {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 40px;
  font-weight: 100;
  font-size: 16px;
  color: #999;
}
.dealer-wrap .inp-t.sign {
  padding: 6px 40px 6px 10px;
}
.dealer-wrap .inp-t.sign .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: rgb(153, 153, 153);
}
.dealer-wrap .inp-t.sign-v02 {
  padding: 6px 130px 6px 10px;
}
.dealer-wrap .inp-t.sign-v02 .t-txt {
  position: absolute;
  right: 10px;
  top: 6px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: rgb(153, 153, 153);
}
.dealer-wrap .inp-ch.tp-sq label span, .dealer-wrap .tp-sq.inp-ch-new label span {
  font-size: 14px;
}
.dealer-wrap .inp-ch.tp-sq label:before, .dealer-wrap .tp-sq.inp-ch-new label:before {
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url("../images/dealer/ico_dealer.png") no-repeat -322px 0;
}
.dealer-wrap .inp-ch.tp-sq.checked input + label:before, .dealer-wrap .tp-sq.checked.inp-ch-new input + label:before {
  background-position: -322px -17px;
}
.dealer-wrap .btn-m.btn-sub {
  min-width: 35px;
  height: 36px;
  line-height: 32px;
}
.dealer-wrap .btn-m.btn-sub span {
  line-height: 34px;
}
.dealer-wrap .counsel-black {
  color: #fff;
  background: #4c4c4c;
}
.dealer-wrap .grd-box {
  width: 450px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  border-radius: 24px;
  font-size: 24px;
  -webkit-box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.07);
  background: -webkit-gradient(linear, right top, left top, from(#5c6ffd), to(#fc665d));
  background: linear-gradient(-90deg, #5c6ffd, #fc665d);
  background-color: #5c6ffd;
  background-size: 400% 400%;
}
@-webkit-keyframes bg-timer {
  0% {
    background-position: 100% 0%;
  }
  30% {
    background-position: 65% 0%;
  }
  60% {
    background-position: 25% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes bg-timer {
  0% {
    background-position: 100% 0%;
  }
  30% {
    background-position: 65% 0%;
  }
  60% {
    background-position: 25% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.dealer-wrap .grd-box span {
  font-size: 24px;
  color: #fff;
}
.dealer-wrap .grd-box strong {
  font-weight: bold;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
}
.dealer-wrap .line-txt {
  padding: 20px;
  font-weight: 300;
  font-size: 16px;
  color: #666;
  text-align: center;
  border: 1px solid #ddd;
}
.dealer-wrap .line-txt.tp-round {
  border-radius: 4px;
}
.dealer-wrap .line-txt.tp-round dl dt {
  font-weight: 500;
  font-size: 16px;
  color: #222;
}
.dealer-wrap .line-txt.tp-round dl dd {
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
}
.dealer-wrap .cmm-table .no-data {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 130px 0;
  text-align: center;
}
.dealer-wrap .cmm-table .no-data .no-txt {
  font-size: 16px;
}
.dealer-wrap .cmm-table tbody tr td .cor-blue {
  color: #336fc9 !important;
}
.dealer-wrap .cmm-table tbody tr.tr-emp td {
  color: #2666c6;
  background: #f5f6f9;
}
.dealer-wrap .cmm-table tbody tr.tr-emp02 td {
  background: #f5f6f9;
}
.dealer-wrap .cmm-table.v02 tbody tr td {
  text-align: left;
  font-size: 16px;
}
.dealer-wrap .cmm-table.v02 tbody tr.sub-row td {
  border-top: none;
}
.dealer-wrap .cmm-saving-list .cor-red.ver02 {
  left: 250px;
}
.dealer-wrap.dealer-2depth-fixed .dealer-tab-box {
  position: fixed;
  min-width: 1000px;
  top: 124px;
  left: 160px;
  right: 0;
  margin: 0;
  padding: 0 0 0 60px;
  background: #2666c6;
  z-index: 2;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
}
.dealer-wrap.dealer-2depth-fixed .dealer-tab-box li a {
  color: #fff;
}
.dealer-wrap.dealer-2depth-fixed .dealer-tab-box li.on a {
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.dealer-wrap.dealer-2depth-fixed .dealer-tab-box.v02 {
  top: 124px;
}
.dealer-wrap.dealer-2depth-fixed .top-location {
  position: fixed;
  top: 184px;
  left: 160px;
  right: 0;
  height: 50px;
  padding: 18px 0 0 59px;
  z-index: 2;
}
.dealer-wrap.dealer-2depth-fixed .top-location:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
.dealer-wrap .ico-menu-list.tp-02 li + li {
  margin-top: 30px;
}
.dealer-wrap .ico-menu-list.tp-02 li .txt {
  display: inline-block;
  padding: 12px 0 12px 45px;
  font-weight: 500;
  font-size: 18px;
}
.dealer-wrap .ico-menu-list.tp-02 li .txt .pos-r {
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
}
.dealer-wrap .ico-menu-list.tp-02 li:after {
  width: 35px;
  height: 35px;
}
.dealer-wrap .ico-menu-list li {
  position: relative;
}
.dealer-wrap .ico-menu-list li > a {
  display: block;
  padding: 12px 0 12px 38px;
  font-size: 16px;
}
.dealer-wrap .ico-menu-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 23px;
  height: 25px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat 0 0;
}
.dealer-wrap .ico-menu-list li.list1:after {
  background-position-x: -40px;
}
.dealer-wrap .ico-menu-list li.list2:after {
  background-position-x: -76px;
  width: 26px;
}
.dealer-wrap .ico-menu-list li.list3:after {
  background-position-x: -112px;
}
.dealer-wrap .ico-menu-list li.list4:after {
  background-position-x: -308px;
}
.dealer-wrap .ico-menu-list li.list5:after {
  background-position-x: -352px;
}
.dealer-wrap .ico-menu-list li.list6:after {
  background-position-x: -395px;
}
.dealer-wrap .ico-menu-list li.list7:after {
  background-position: 0 -120px;
  width: 25px;
}
.dealer-wrap .ico-menu-list li.list8:after {
  background: url(../images/dealer/icon-kb-shield.png) no-repeat 50% 50%;
  background-size: 22px auto;
}
.dealer-wrap .ico-mng {
  display: inline-block;
  position: relative;
  padding: 0 0 0 34px;
}
.dealer-wrap .ico-mng:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 13px;
  margin: -7px 0 0;
  background: url("../images/dealer/main_dealer.png") no-repeat;
}
.dealer-wrap .ico-mng.v01:after {
  background-position: -60px -31px;
}
.dealer-wrap .ico-mng.v02:after {
  background-position: -60px -54px;
}
.dealer-wrap .ico-mng.v03:after {
  background-position: -94px -31px;
}
.dealer-wrap .ico-batch {
  display: inline-block;
  position: relative;
  height: 60px;
  padding: 0 0 0 80px;
  line-height: 60px;
  font-size: 16px;
  color: #666;
}
.dealer-wrap .ico-batch:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 60px;
  background: url("../images/dealer/bacth_dealer.png") no-repeat;
}
.dealer-wrap .ico-batch.v01:after {
  background-position: 0 0;
}
.dealer-wrap .ico-batch.v01.active:after {
  background-position: -82px 0;
}
.dealer-wrap .ico-batch.v02:after {
  background-position: -164px 0;
}
.dealer-wrap .ico-batch.v02.active:after {
  background-position: -246px 0;
}
.dealer-wrap .ico-batch.v03:after {
  background: url("../images/dealer/bacth_dealer02.png") no-repeat;
  background-position: -144px 0;
}
.dealer-wrap .ico-batch.v03.active:after {
  background-position: 0 0;
}
.dealer-wrap .ico-batch.v04:after {
  background: url("../images/dealer/bacth_dealer02.png") no-repeat;
  background-position: -216px 0;
}
.dealer-wrap .ico-batch.v04.active:after {
  background-position: -72px 0;
}
.dealer-wrap .ico-help {
  overflow: hidden;
}
.dealer-wrap .ico-help .blind {
  position: absolute;
  left: -9999em;
}
.dealer-wrap .ico-help:after {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -566px 0;
}
.dealer-wrap .ico-help.v02:after {
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -305px -42px;
}
.dealer-wrap .ico-refresh:after {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 18px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -601px 0;
}
.dealer-wrap .ico-coin-s:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -151px 0;
}
.dealer-wrap .ico-coin-s.point:after {
  background-position: -151px -20px;
}
.dealer-wrap .pic-list .car-info-list > * {
  float: left;
  font-weight: 500;
  color: #999;
}
.dealer-wrap .pic-list .car-info-list dt:after {
  display: inline-block;
  margin: 0 9px;
  width: 1px;
  height: 12px;
  content: "";
  background: #b8b8b8;
}
.dealer-wrap .pic-list .car-info-list dd {
  width: 100px;
}
.dealer-wrap .pic-list .car-info-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .pic-list .txt-ad-info .reg-date {
  margin-bottom: 10px;
  text-align: right;
  color: #999;
}
.dealer-wrap .pic-list .txt-ad-info .bg-blue {
  color: #fff;
  background: #336fc9 !important;
  border-color: #336fc9 !important;
}
.dealer-wrap .pic-list .txt-ad-info .graph-wrap {
  padding: 0;
  float: right;
}
.dealer-wrap .pic-list .txt-ad-info .dealer-safety-range-box {
  padding: 0;
  float: right;
}
.dealer-wrap .pic-list .friends-wrap {
  display: inline-block;
  position: relative;
}
.dealer-wrap .pic-list .friends-wrap .dealer-img {
  float: none;
}
.dealer-wrap .pic-list .friends-wrap .ico-friends:after {
  display: block;
  width: 29px;
  height: 29px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -226px -45px;
  position: absolute;
  left: -10px;
  bottom: -1px;
}
.dealer-wrap .pic-list .ad-price-wrap {
  text-align: right;
}
.dealer-wrap .pic-list .ad-price-wrap .ad-price {
  display: inline-block;
}
.dealer-wrap .pic-list .ad-price-wrap .ad-price + .ad-price {
  margin-left: 30px;
}
.dealer-wrap .pic-list .ad-price-wrap .ad-price .txt {
  display: block;
  font-weight: 300;
  font-size: 16px;
}
.dealer-wrap .pic-list .ad-price-wrap .ad-price .txt.arrow-down:before {
  display: inline-block;
}
.dealer-wrap .pic-list .ad-price-wrap .ad-price .price {
  font-weight: bold;
  font-size: 18px;
}
.dealer-wrap .pic-list .app-copy-txt {
  margin: 0 0 3px;
  color: #999;
}
.dealer-wrap .pic-list .ad-update-info li {
  overflow: hidden;
  margin: 20px 0 0;
}
.dealer-wrap .pic-list .ad-update-info li > span {
  float: left;
  width: 85px;
  margin: 0 20px 0 0;
  font-weight: 600;
}
.dealer-wrap .pic-list .ad-update-info li > div {
  float: left;
}
.dealer-wrap .pic-list .ad-update-info li > div .txt01 {
  color: #fd665c;
}
.dealer-wrap .pic-list .ad-update-info li > div .txt02 {
  color: #999;
}
.dealer-wrap .pic-list .ad-update-info li > div .txt01 + .txt02,
.dealer-wrap .pic-list .ad-update-info li > div .txt02 + .txt01 {
  margin: 5px 0 0;
}
.dealer-wrap .pic-list .ad-update-info li:first-child {
  margin: 0;
}
.dealer-wrap .pic-list .ft-md, .dealer-wrap .pic-list .terms-sign-area .terms-sign-util, .terms-sign-area .dealer-wrap .pic-list .terms-sign-util, .dealer-wrap .pic-list .terms-sign strong, .terms-sign .dealer-wrap .pic-list strong {
  font-weight: 500;
}
.dealer-wrap .pic-list .ad-update a.alarm {
  position: relative;
}
.dealer-wrap .pic-list .ad-update a.alarm:after {
  content: "!";
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: -10px;
  right: -3px;
  border-radius: 16px;
}
.dealer-wrap .cs-list .car-box .hash-tag {
  margin: 13px 0 0;
}
.dealer-wrap .cs-list .car-box .hash-tag span {
  display: inline-block;
  font-weight: 100;
  color: #336fc9;
}
.dealer-wrap .cs-list .car-box .hash-tag + .tit {
  margin: 3px 0 0;
}
.dealer-wrap .cs-list .car-box .review-tit {
  margin: 10px 0 0;
  line-height: 28px;
  font-size: 18px;
}
.dealer-wrap .cs-list .car-box .list-score {
  margin: 15px 0 0;
}
.dealer-wrap .cs-list .car-box .list-score .view {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  line-height: 18px;
  color: #999;
}
.dealer-wrap .cs-list .car-box .list-score .view:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  height: 11px;
  margin: -5px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -247px 0;
}
.dealer-wrap .cs-list .car-box .list-score .view + .like {
  margin: 0 0 0 10px;
}
.dealer-wrap .cs-list .car-box .list-score .like {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  line-height: 18px;
  color: #999;
}
.dealer-wrap .cs-list .car-box .list-score .like:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 13px;
  height: 14px;
  margin: -7px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -247px -21px;
}
.dealer-wrap .cs-list .car-box .regi-date {
  margin: 15px 0 0;
  line-height: 18px;
  color: #999;
}
.dealer-wrap .cs-list a.car-box {
  display: block;
}
.dealer-wrap .cs-list.v02 {
  width: 1480px;
}
.dealer-wrap .cs-list.v02 .inner {
  margin: 0 -1% 0 0;
}
.dealer-wrap .cs-list.v02 .inner:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .cs-list.v02 .inner .item {
  float: left;
  width: 19%;
  margin: 0 1% 0 0;
}
.dealer-wrap .cs-list.v02 .inner .item .thumnail {
  width: 100%;
}
.dealer-wrap .cs-list.v02 .inner .item .thumnail img {
  width: 100%;
}
.dealer-wrap .list-type-line li {
  padding: 28px 20px 0;
  width: 180px;
  height: 194px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  float: left;
}
.dealer-wrap .list-type-line li + li {
  margin-left: 20px;
}
.dealer-wrap .list-type-line li .big-txt {
  display: block;
  font-weight: bold;
  font-size: 24px;
  font-weight: normal;
}
.dealer-wrap .list-type-line li .txt {
  display: block;
  font-size: 18px;
}
.dealer-wrap .list-type-line li .mg-b3 {
  margin-bottom: 3px;
}
.dealer-wrap .list-type-line li.bg-img {
  padding: 0;
  overflow: hidden;
}
.dealer-wrap .list-type-line li.bg-img img {
  max-width: 100%;
  vertical-align: middle;
}
.dealer-wrap .list-type-line:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .list-type-line .bg-blue {
  background: #2666c6;
}
.dealer-wrap .list-type-line .bg-blue * {
  color: #fff !important;
}
.dealer-wrap .list-status li {
  float: left;
  text-align: center;
}
.dealer-wrap .list-status li + li {
  margin-left: 40px;
}
.dealer-wrap .list-status li .big {
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 24px;
}
.dealer-wrap .list-status li .txt {
  display: block;
  font-size: 18px;
}
.dealer-wrap .list-status li .point {
  position: relative;
}
.dealer-wrap .list-status li .point:after {
  display: inline-block;
  margin: 0 -10px 0 4px;
  width: 5px;
  height: 5px;
  vertical-align: top;
  content: "";
  background: #fd665c;
  border-radius: 100%;
}
.dealer-wrap .list-status li [class^=ico-]:before {
  display: inline-block;
  margin-right: 6px;
  width: 15px;
  height: 21px;
  content: "";
  vertical-align: middle;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -158px -85px;
}
.dealer-wrap .list-status li [class^=ico-].ico-li02:before {
  width: 19px;
  height: 20px;
  background-position-x: -212px;
}
.dealer-wrap .list-status li [class^=ico-].ico-li03:before {
  width: 19px;
  height: 16px;
  vertical-align: 0;
  background-position-x: -183px;
}
.dealer-wrap .list-status.tp02 li .big {
  margin: 0 0 6px;
  font-weight: 500;
  font-size: 16px;
}
.dealer-wrap .list-status.tp02 li .txt {
  font-weight: bold;
  font-size: 36px;
}
.dealer-wrap .list-status.tp03 li .big {
  margin: 0 0 7px;
  font-weight: 500;
  font-size: 14px;
  color: #666;
}
.dealer-wrap .list-status.tp03 li .txt {
  font-weight: bold;
  font-size: 20px;
}
.dealer-wrap .list-status.tp04 li .big {
  margin: 0 0 3px;
  font-weight: 300;
  font-size: 16px;
  color: #666;
}
.dealer-wrap .list-status.tp04 li .txt {
  font-weight: bold;
  font-size: 16px;
}
.dealer-wrap .list-status .w100-min {
  min-width: 100px;
}
.dealer-wrap .list-status:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .list-type03 .list-type-sep {
  margin-right: 0;
}
.dealer-wrap .list-type03 .list-type-sep.pad-re {
  padding: 53px 0;
}
.dealer-wrap .list-type03 .brd-bot-none {
  border-bottom: 0;
}
.dealer-wrap .list-type03.brd-top-non {
  border-top: 0;
}
.dealer-wrap .dc-list dt {
  margin: 0 0 6px;
  font-weight: bold;
}
.dealer-wrap .dc-list dd {
  font-weight: 300;
  line-height: 1.8;
  color: #666;
}
.dealer-wrap .dc-list dd + dt {
  margin-top: 15px;
}
.dealer-wrap .dc-list.tp02 dt {
  margin: 0 0 15px;
  font-size: 36px;
}
.dealer-wrap .dc-list.tp02 dd {
  margin-top: 3px;
  font-size: 18px;
}
.dealer-wrap .dl-list-wrap .dl-list {
  float: left;
  width: 33.3%;
}
.dealer-wrap .dl-list-wrap .dl-list dt {
  font-size: 16px;
  margin-bottom: 23px;
}
.dealer-wrap .dl-list-wrap .dl-list dt strong,
.dealer-wrap .dl-list-wrap .dl-list dt i {
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
}
.dealer-wrap .dl-list-wrap .dl-list dd {
  font-weight: 300;
  font-size: 16px;
  color: #666;
}
.dealer-wrap .dl-list-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .inp-t.inp-money.dealer-tp02 input {
  text-align: right;
}
.dealer-wrap .inp-t.inp-money.dealer-tp02 > .t-txt {
  font-weight: 100;
  font-size: 16px;
}
.dealer-wrap .dealer-regi-info-box .cont-regi {
  min-height: 686px;
}
.dealer-wrap .dealer-regi-info-box .cont-regi.tp02 {
  min-height: 748px;
}
.dealer-wrap .card-wrap {
  margin-left: -20px;
}
.dealer-wrap .card-wrap .dealer-card {
  float: left;
  margin: 20px 0 0 20px;
}
.dealer-wrap .card-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-wrap .dealer-card {
  padding: 40px 30px;
  width: 280px;
  height: 210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 7px;
  position: relative;
}
.dealer-wrap .dealer-card .dealer-img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
}
.dealer-wrap .dealer-card .dealer-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.dealer-wrap .dealer-card .name span {
  display: block;
  font-weight: 500;
  font-size: 20px;
}
.dealer-wrap .dealer-card .msg {
  font-size: 18px;
}
.dealer-wrap .dealer-card.tp02 {
  padding: 35px 30px;
  height: 300px;
  text-align: center;
  position: relative;
}
.dealer-wrap .dealer-card.tp02.tp0202 {
  height: 350px;
}
.dealer-wrap .dealer-card.tp02.tp0202 .dealer-img {
  margin: 38px auto 12px;
}
.dealer-wrap .dealer-card.tp02.tp0203 {
  height: 320px;
}
.dealer-wrap .dealer-card.tp02.tp0203 .dealer-img {
  margin: 38px auto 12px;
}
.dealer-wrap .dealer-card.tp02 .card-top {
  position: absolute;
  left: 20px;
  top: 20px;
}
.dealer-wrap .dealer-card.tp02 .card-bot {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 29px;
}
.dealer-wrap .dealer-card.tp02 .tit {
  font-weight: bold;
  font-size: 20px;
}
.dealer-wrap .dealer-card.tp02 .dealer-img {
  margin: 25px auto 8px;
  position: static;
}
.dealer-wrap .dealer-card.tp02 .name span {
  display: inline-block;
  font-size: 18px;
}
.dealer-wrap .dealer-card.tp02 .date {
  font-weight: 300;
  color: #999;
}
.dealer-wrap .dealer-card.tp02 .list {
  margin: 0 auto;
  width: 211px;
  position: relative;
}
.dealer-wrap .dealer-card.tp02 .list dt {
  padding: 5px 0 3px 23px;
  font-size: 18px;
  color: #666;
  float: left;
}
.dealer-wrap .dealer-card.tp02 .list dd {
  padding: 5px 23px 3px 0;
  font-weight: 500;
  font-size: 18px;
  text-align: right;
  overflow: hidden;
  position: relative;
}

.dealer-view-table {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #999;
}
.dealer-view-table tbody tr:first-child th {
  border-top: none;
}
.dealer-view-table tbody tr:first-child td {
  border-top: none;
}
.dealer-view-table tbody tr th {
  padding: 9px 20px;
  color: #222;
  font-size: 16px;
  font-weight: 100;
  border-top: 1px solid #ddd;
  background-color: #f0f0f0;
}
.dealer-view-table tbody tr td {
  color: #222;
  border-top: 1px solid #ddd;
  height: 60px;
  padding: 9px 20px;
  font-weight: normal;
}
.dealer-view-table tbody tr td:hover {
  color: #222;
}
.dealer-view-table .ico-require {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  color: #222;
  font-size: 16px;
  font-weight: 100;
}
.dealer-view-table .ico-require:after {
  display: block;
  content: "*";
  position: absolute;
  right: 0;
  top: 2px;
  color: #fd665c;
}
.dealer-view-table.v02 {
  border-top: 2px solid #000;
}
.dealer-view-table.v02 tbody tr th {
  text-align: left;
  background-color: #fff;
}
.dealer-view-table.v02 tbody tr td {
  text-align: right;
}
.dealer-view-table.width-v02 {
  max-width: 1480px;
  min-width: 980px;
}

.dealer-noti-txt {
  color: #999;
}

.delar-txar-box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 0 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.delar-txar-box > [class*=txar-tp] {
  width: 100%;
  height: 100px;
  border: 0 none;
}
.delar-txar-box .txt-count {
  position: absolute;
  right: 0;
  bottom: -25px;
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}

.delar-txar-view-box {
  font-weight: 100;
  font-size: 16px;
  padding: 25px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.delar-txar-view-box.review-detail {
  margin: 60px 0 0;
  padding: 50px 40px;
  line-height: 24px;
  font: inherit;
  font-size: 16px;
}
.delar-txar-view-box.review-detail .img {
  display: block;
  margin: 45px 0;
}
.delar-txar-view-box.review-detail span {
  font-size: 16px;
}

.dealer-inp-file {
  display: inline-block;
  vertical-align: middle;
}
.dealer-inp-file label {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #336fc9;
  cursor: pointer;
}
.dealer-inp-file label span {
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
}
.dealer-inp-file input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-inp-file.disabled label {
  cursor: default;
  background-color: #f1f1f1 !important;
}
.dealer-inp-file.disabled label span {
  color: #999;
}

.dealer-file-box .fb-top {
  position: relative;
  padding: 0 0 20px;
  border-bottom: 1px solid #999;
}
.dealer-file-box .fb-top .file-txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  color: #666;
}
.dealer-file-box .fb-top .file-txt02 {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 0;
  line-height: 20px;
  color: #666;
}
.dealer-file-box .fb-btm {
  overflow: hidden;
  padding: 0 10px 0 0;
  padding-top: 30px;
}
.dealer-file-box .fb-btm .img-box {
  float: left;
  position: relative;
  display: block;
  width: 32%;
  max-width: 180px;
}
.dealer-file-box .fb-btm .img-box + .img-box {
  margin-left: 2%;
}
.dealer-file-box .fb-btm .img-box > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.dealer-file-box .fb-btm .img-box .fb-del {
  position: absolute;
  right: -10px;
  top: -10px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.dealer-file-box .fb-btm .img-box .fb-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.dealer-file-box .fb-btm .img-box .fb-del > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.dealer-cmm-flag {
  display: inline-block;
  padding: 0 21px 0 19px;
  border-radius: 15px;
  background-color: #fd665c;
}
.dealer-cmm-flag span {
  display: inline-block;
  position: relative;
  height: 30px;
  padding: 0 0 0 27px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
}
.dealer-cmm-flag span:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  background-position: -198px 0;
}

.dealer-sub-tit {
  margin: 90px 0 25px;
  font-size: 24px;
  font-weight: 100;
}
.dealer-sub-tit em {
  font-size: 24px;
  font-weight: 100;
}
.dealer-sub-tit em .cor-blue {
  color: #336fc9 !important;
}
.dealer-sub-tit.ver02 {
  margin: 40px 0 20px;
  font-size: 18px;
}

.dealer-sub-tit-box {
  margin: 60px 0 0;
}
.dealer-sub-tit-box .dealer-sub-tit {
  display: inline-block;
  margin: 0 20px 0 0;
}
.dealer-sub-tit-box .txt01 {
  padding: 10px 0 0;
  color: #999;
}
.dealer-sub-tit-box.v02:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-sub-tit-box.v02 .sub-tit-l {
  float: left;
}
.dealer-sub-tit-box.v02 .sub-tit-r {
  float: right;
}

.dealer-bl-txt {
  display: block;
  position: relative;
  padding: 0 0 0 15px;
  font-weight: 300;
  font-size: 14px;
  color: #999;
}
.dealer-bl-txt:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #999;
}
.dealer-bl-txt.ver02 {
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
.dealer-bl-txt.ver02:after {
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #222;
}

ul.dealer-bl-txt {
  padding: 0 15px;
}
ul.dealer-bl-txt li {
  display: block;
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 15px;
  font-weight: 300;
  font-size: 14px;
  color: #999;
}
ul.dealer-bl-txt li:first-child {
  margin: 0;
}
ul.dealer-bl-txt li:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #999;
}
ul.dealer-bl-txt:after {
  display: none;
}
ul.dealer-bl-txt.ver02 li {
  margin: 20px 0 0;
  font-weight: bold;
  font-size: 18px;
  color: #222;
}
ul.dealer-bl-txt.ver02 li:after {
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #222;
}
ul.dealer-bl-txt.ver03 li {
  font-weight: 300;
  font-size: 16px;
}
ul.dealer-bl-txt.ver03 li:after {
  top: 10px;
  width: 4px;
  height: 4px;
}
ul.dealer-bl-txt.ver04 li {
  margin: 0;
  line-height: 2.2;
  color: #666;
}
ul.dealer-bl-txt.ver04 li:after {
  top: 13px;
  width: 4px;
  height: 4px;
}
ul.dealer-bl-txt.ver05 li {
  font-size: 16px;
  color: #666;
}
ul.dealer-bl-txt.ver05 li:after {
  top: 9px;
}
ul.dealer-bl-txt.ver06 li {
  line-height: 24px;
  margin-top: 0;
  font-weight: 300;
  color: #999;
}
ul.dealer-bl-txt.ver06 li:after {
  top: 9px;
}
ul.dealer-bl-txt.cmm-bl-red li:after {
  background-color: #fd665c;
}

.dealer-no-data {
  display: block;
  position: relative;
  padding: 0 0 0 40px;
  line-height: 24px;
  font-size: 16px;
  color: #666;
}
.dealer-no-data:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 23px;
  border-radius: 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -272px 0;
}
.dealer-no-data .txt-noti {
  margin: 10px 0 0;
  color: #fd665c;
}

.dealer-tab-box {
  position: relative;
  margin: 20px 0 0;
}
.dealer-tab-box ul {
  overflow: hidden;
  height: auto;
}
.dealer-tab-box ul li {
  float: left;
  padding: 0 0 0 33px;
}
.dealer-tab-box ul li:first-child {
  padding: 0;
}
.dealer-tab-box ul li a {
  display: block;
  padding: 0 20px;
  line-height: 58px;
  font-weight: 100;
  font-size: 18px;
  color: #222;
}
.dealer-tab-box ul li.on a {
  font-weight: bold;
  color: #2666c6;
  border-bottom: 2px solid #2666c6;
}
.dealer-tab-box.v02 {
  top: -60px;
  margin: 0;
}

.dealer-tab-box02 {
  overflow: hidden;
  margin: 60px 0 0;
}
.dealer-tab-box02 ul {
  margin: -10px 0 0 -10px;
}
.dealer-tab-box02 ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-tab-box02 ul li {
  float: left;
  margin: 10px 0 0 10px;
}
.dealer-tab-box02 ul li a {
  display: block;
  height: 36px;
  padding: 0 16px;
  line-height: 34px;
  border-radius: 18px;
  border: 1px solid #ddd;
}
.dealer-tab-box02 ul li.on a {
  border: 1px solid #2666c6;
  background-color: #2666c6;
}
.dealer-tab-box02 ul li.on a span {
  display: inline-block;
  color: #fff;
}
.dealer-tab-box02 ul li.on a span em {
  display: inline-block;
  color: #fff;
}

.dealer-main-quick-link {
  margin: 80px 0 60px;
}
.dealer-main-quick-link:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-main-quick-link.tp02 {
  margin: 20px 0 30px;
}
.dealer-main-quick-link .ql-left {
  float: left;
}
.dealer-main-quick-link .ql-right {
  float: right;
}
.dealer-main-quick-link .der-set-tit {
  margin-bottom: 16px;
}
.dealer-main-quick-link .ql-tit {
  display: inline-block;
  line-height: 20px;
  font-size: 18px;
  font-weight: 100;
  vertical-align: middle;
}
.dealer-main-quick-link [class^=link] {
  display: inline-block;
  position: relative;
  margin: 0 50px 0 0;
  padding: 0 0 0 27px;
  line-height: 20px;
  font-size: 16px;
  vertical-align: middle;
}
.dealer-main-quick-link [class^=link] a {
  display: inline-block;
  margin: 0 0 0 10px;
  line-height: 20px;
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
}
.dealer-main-quick-link [class^=link]:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.dealer-main-quick-link [class^=link].link01:after {
  background: url("../images/dealer/main_dealer.png") no-repeat -30px 0;
}
.dealer-main-quick-link [class^=link].link02:after {
  background: url("../images/dealer/main_dealer.png") no-repeat -59px 0;
}
.dealer-main-quick-link [class^=link].link03:after {
  height: 21px;
  background: url("../images/dealer/main_dealer.png") no-repeat -89px 0;
}
.dealer-main-quick-link [class^=link].link04:after {
  background: url("../images/dealer/main_dealer.png") no-repeat -115px 0;
}
.dealer-main-quick-link .link-setting {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 0 0 27px;
  line-height: 20px;
  font-size: 16px;
}
.dealer-main-quick-link .link-setting:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/dealer/main_dealer.png") no-repeat 0 0;
}
.dealer-main-quick-link .ico-manage-state {
  display: block;
  float: left;
}
.dealer-main-quick-link .ql-item {
  display: inline-block;
  line-height: 20px;
  font-weight: 500;
}
.dealer-main-quick-link .ql-item a {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
  vertical-align: top;
}
.dealer-main-quick-link .ql-item + .ql-item {
  position: relative;
  line-height: 20px;
  margin: 0 0 0 20px;
}
.dealer-main-quick-link .ql-item + .ql-item:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 1px;
  height: 18px;
  margin: -9px 0 0;
  background: #222;
}
.dealer-main-quick-link .ql-item + .ico-mng {
  margin: 0 0 0 30px;
}
.dealer-main-quick-link .ico-mng {
  margin: 0 0 0 20px;
}

.cw1400 .dealer-main-request-Box ul > li > strong a {
  font-size: 30px;
}
.cw1400 .dealer-main-request-Box ul > li .req-info-box {
  margin: 30px 0 0;
}

.dealer-main-request-Box {
  overflow: hidden;
}
.dealer-main-request-Box > ul {
  margin: -20px -1.33% 0 0;
}
.dealer-main-request-Box > ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-main-request-Box > ul > li {
  float: left;
  width: 32%;
  margin: 20px 1.33% 0 0;
  padding: 30px 10px 10px;
  border-radius: 27px;
}
.dealer-main-request-Box > ul > li:nth-child(1) {
  background-color: #d2cd69;
}
.dealer-main-request-Box > ul > li:nth-child(2) {
  background-color: #7491b4;
}
.dealer-main-request-Box > ul > li:nth-child(3) {
  margin: 20px 0 0 0;
  background-color: #6bb3b0;
}
.dealer-main-request-Box > ul > li > strong {
  display: block;
  padding: 0 30px 20px;
}
.dealer-main-request-Box > ul > li > strong a {
  display: block;
  position: relative;
  line-height: 50px;
  font-weight: bold;
  font-size: 40px;
  color: #fff;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.dealer-main-request-Box > ul > li > strong a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: url("../images/dealer/main_dealer.png") no-repeat 0 -31px;
}
.dealer-main-request-Box > ul > li > strong + .req-info-box {
  margin: 80px 0 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.dealer-main-request-Box > ul > li .request-list {
  margin: 0 30px;
}
.dealer-main-request-Box > ul > li .request-list li {
  margin: 5px 0 0;
  font-size: 18px;
  color: #fff;
}
.dealer-main-request-Box > ul > li .request-list li > a {
  display: inline-block;
  margin: 0 0 0 5px;
  font-weight: bold;
  font-size: 18px;
}
.dealer-main-request-Box > ul > li .request-list li:first-child {
  margin: 0;
}
.dealer-main-request-Box > ul > li .request-list li span.cor-black {
  font-weight: bold;
  font-size: 18px;
}
.dealer-main-request-Box > ul > li .req-info-box {
  position: relative;
  height: 440px;
  margin: 25px 0 0;
  padding: 30px 0;
  border-radius: 27px;
  background-color: #fff;
}
.dealer-main-request-Box > ul > li .req-info-box > strong {
  display: block;
  margin: 0 30px 30px;
  font-size: 16px;
}
.dealer-main-request-Box > ul > li .req-info-box .no-req-data {
  position: absolute;
  left: 0;
  right: 0;
  top: 190px;
  text-align: center;
}
.dealer-main-request-Box > ul > li .req-info-box .no-req-data p {
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
}
.dealer-main-request-Box > ul > li .req-info-box .no-req-data a {
  display: inline-block;
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 100;
  border-bottom: 1px solid #222;
}
.dealer-main-request-Box > ul > li .req-info-box .no-img-data {
  position: relative;
  display: block;
  padding-top: 160px;
  width: 244px;
  margin: 90px auto 0;
}
.dealer-main-request-Box > ul > li .req-info-box .no-img-data:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -756px -864px;
  width: 244px;
  height: 136px;
}
.dealer-main-request-Box > ul > li .req-info-box .no-img-data .no-txt {
  display: block;
  font-size: 16px;
  color: #999;
  text-align: center;
}
.dealer-main-request-Box.grid-2 > ul > li {
  width: 48%;
}
.dealer-main-request-Box .req-info-slide {
  overflow: hidden;
}
.dealer-main-request-Box .req-info-slide .req-state {
  margin: 0 0 30px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.dealer-main-request-Box .req-info-slide .req-state .time {
  font-weight: bold;
  line-height: 30px;
  font-size: 18px;
  color: #fd665c;
}
.dealer-main-request-Box .req-info-slide .req-state .num {
  font-weight: bold;
  line-height: 30px;
  color: #336fc9;
}
.dealer-main-request-Box .req-info-slide .req-state .img {
  display: inline-block;
}
.dealer-main-request-Box .req-info-slide a {
  display: block;
}
.dealer-main-request-Box .req-info-slide .car-img {
  display: block;
  margin: 0 0 30px;
  text-align: center;
}
.dealer-main-request-Box .req-info-slide .car-img-block {
  display: inline-block;
  width: auto;
  height: 113px;
  border-radius: 5px;
  overflow: hidden;
  font-size: 0;
}
.dealer-main-request-Box .req-info-slide .car-img-block img {
  width: auto;
  height: 100%;
}
.dealer-main-request-Box .req-info-slide .car-model {
  font-weight: 500;
  text-align: center;
  font-size: 18px;
  padding: 0 10px;
}
.dealer-main-request-Box .req-info-slide .car-info {
  text-align: center;
  margin: 5px 0 0;
  font-weight: 500;
  color: #999;
}
.dealer-main-request-Box .req-info-slide .car-price {
  margin: 15px 0 0;
  text-align: center;
  font-size: 16px;
}
.dealer-main-request-Box .req-info-slide .car-price span {
  font-weight: 900;
  font-size: 24px;
  color: #2666c6;
}
.dealer-main-request-Box .req-info-slide .owl-nav {
  position: absolute;
  top: 30px;
  right: 30px;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-prev {
  overflow: hidden;
  width: 21px;
  height: 20px;
  background: url("../images/dealer/main_dealer.png") no-repeat -207px 0;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-prev span {
  display: block;
  position: absolute;
  left: -9999em;
  top: 0;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-prev.disabled {
  background: url("../images/dealer/main_dealer.png") no-repeat -145px 0;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-next {
  width: 21px;
  height: 20px;
  margin: 0 0 0 10px;
  background: url("../images/dealer/main_dealer.png") no-repeat -237px 0;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-next span {
  display: block;
  position: absolute;
  left: -9999em;
  top: 0;
}
.dealer-main-request-Box .req-info-slide .owl-nav .owl-next.disabled {
  background: url("../images/dealer/main_dealer.png") no-repeat -176px 0;
}
.dealer-main-request-Box .req-info-slide .item-row {
  position: relative;
  min-height: 100px;
  margin: 0 30px;
  padding: 0 0 0 140px;
}
.dealer-main-request-Box .req-info-slide .item-row .sell-cmm-state,
.dealer-main-request-Box .req-info-slide .item-row .buy-cmm-state {
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 1;
}
.dealer-main-request-Box .req-info-slide .item-row .car-img {
  position: absolute;
  left: 0;
  top: 0;
}
.dealer-main-request-Box .req-info-slide .item-row .car-model {
  text-align: left;
}
.dealer-main-request-Box .req-info-slide .item-row .car-info {
  text-align: left;
}
.dealer-main-request-Box .req-info-slide .item-row .car-price {
  margin: 5px 0 0;
  font-size: 16px;
  text-align: left;
}
.dealer-main-request-Box .req-info-slide .item-row .car-price span {
  font-size: 18px;
}
.dealer-main-request-Box .req-info-slide .item-row + .item-row {
  position: relative;
  margin: 60px 30px 0;
}
.dealer-main-request-Box .req-info-slide .item-row + .item-row:after {
  display: block;
  content: "";
  position: absolute;
  top: -43px;
  left: 50%;
  width: 12px;
  height: 17px;
  margin: 0 0 0 -6px;
  background: url("../images/dealer/main_dealer.png") no-repeat -267px 0;
}
.dealer-main-request-Box .req-info-slide.owl-carousel {
  position: static;
}
.dealer-main-request-Box .req-info-slide.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
.dealer-main-request-Box .req-info-slide.owl-carousel .item .item-row .car-img img {
  width: 120px;
}
.dealer-main-request-Box.active > ul > li:nth-child(3) .item a + a {
  display: none;
}

.dealer-mng-state-list {
  overflow: hidden;
}
.dealer-mng-state-list ul {
  margin: -1% -1% 0 0;
}
.dealer-mng-state-list ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-mng-state-list ul li {
  float: left;
  width: 19%;
  margin: 1% 1% 0 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.dealer-mng-state-list ul li a {
  display: block;
  position: relative;
  padding: 120px 30px 30px;
}
.dealer-mng-state-list ul li a .flag {
  display: block;
}
.dealer-mng-state-list ul li a .tit {
  display: block;
  font-weight: 500;
  font-size: 18px;
}
.dealer-mng-state-list ul li a .num {
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  font-weight: bold;
  font-size: 36px;
}
.dealer-mng-state-list ul li a:after {
  display: block;
  content: "";
  position: absolute;
  left: 30px;
  top: 30px;
  width: 47px;
  height: 60px;
  background: url("../images/dealer/main_dealer.png") no-repeat;
}
.dealer-mng-state-list ul li a.mng-state00 .flag {
  color: #999;
}
.dealer-mng-state-list ul li a.mng-state00:after {
  background-position: -278px -31px;
}
.dealer-mng-state-list ul li a.mng-state01 .flag {
  color: #2ba239;
}
.dealer-mng-state-list ul li a.mng-state01:after {
  background-position: -128px -31px;
}
.dealer-mng-state-list ul li a.mng-state02 .flag {
  color: #ffbc00;
}
.dealer-mng-state-list ul li a.mng-state02:after {
  background-position: -178px -31px;
}
.dealer-mng-state-list ul li a.mng-state03 .flag {
  color: #e51e1e;
}
.dealer-mng-state-list ul li a.mng-state03:after {
  background-position: -228px -31px;
}

.dealer-main-notice-list {
  margin: 24px 0 0;
}
.dealer-main-notice-list ul li {
  min-height: 80px;
}
.dealer-main-notice-list ul li a {
  display: block;
  position: relative;
  padding: 28px 200px 28px 110px;
}
.dealer-main-notice-list ul li .img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -30px 0 0;
}
.dealer-main-notice-list ul li .tit-noti strong {
  display: inline-block;
  font-weight: 300;
  font-weight: 100;
  font-size: 16px;
}
.dealer-main-notice-list ul li .tit-noti strong + .cancel-cmm-state {
  margin: 0 0 0 20px;
}
.dealer-main-notice-list ul li .date {
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  margin: -10px 0 0;
  font-weight: 300;
  color: #999;
}

.dealer-cmm-top-wrap {
  margin: 60px 0 0;
}
.dealer-cmm-top-wrap:after {
  display: block;
  overflow: hidden;
  content: "";
  clear: both;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.dealer-cmm-top-wrap .box-left {
  float: left;
  width: 650px;
}
.dealer-cmm-top-wrap .box-right {
  float: left;
}
.dealer-cmm-top-wrap .grade-state {
  position: relative;
  display: inline-block;
  padding: 0 80px 0 0;
  line-height: 60px;
  font-weight: 300;
  font-size: 50px;
}
.dealer-cmm-top-wrap .grade-state em {
  display: inline-block;
  font-size: 50px;
  font-weight: 500;
}
.dealer-cmm-top-wrap .grade-state em .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .grade-state em > a {
  display: inline-block;
  font-size: 50px;
  font-weight: 500;
}
.dealer-cmm-top-wrap .grade-state em > a .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .grade-state span {
  display: inline-block;
  font-weight: bold;
  font-size: 50px;
}
.dealer-cmm-top-wrap .grade-state > a {
  display: block;
  position: absolute;
  right: 0;
  bottom: 35px;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid #222;
  border-radius: 10px;
}
.dealer-cmm-top-wrap .ico-grade {
  overflow: hidden;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 10px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat 0 -91px;
}
.dealer-cmm-top-wrap .ico-grade.tp02 {
  margin-left: 6px !important;
  background-position: right -91px;
}
.dealer-cmm-top-wrap .ico-grade em {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-cmm-top-wrap .rt-txt {
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
  margin-left: 6px;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid #222;
  border-radius: 10px;
}
.dealer-cmm-top-wrap .flag-grade-type {
  margin: 32px 0 0;
}
.dealer-cmm-top-wrap .flag-grade-type .ico-grade {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.dealer-cmm-top-wrap .flag-grade-type span {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.dealer-cmm-top-wrap .flag-grade-type .btn-share {
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.dealer-cmm-top-wrap .flag-grade-type .state-super-dealer {
  position: relative;
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0 20px 0 48px;
  border: 2px solid #3d71d8;
  border-radius: 25px;
  background: #e6fffe;
  color: #3d71d8;
  font-size: 15px;
  line-height: 46px;
  font-weight: 500;
  overflow: visible;
}
.dealer-cmm-top-wrap .flag-grade-type .state-super-dealer:before {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 50%;
  width: 33px;
  height: 32px;
  margin-top: -16px;
  background: url("../images/dealer/ico_super_dealer.png") no-repeat;
}
.dealer-cmm-top-wrap .flag-grade-type .state-super-dealer:hover .state-super-dealer__ballon {
  display: block;
}
.dealer-cmm-top-wrap .flag-grade-type .state-super-dealer__ballon {
  position: absolute;
  left: 45%;
  top: 52px;
  display: none;
  margin: 0;
  padding: 8px 32px;
  border-radius: 20px;
  background: #3d71d8;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap;
}
.dealer-cmm-top-wrap .flag-grade-type .state-super-dealer__ballon:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 38px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #3d71d8;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  overflow: visible;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer:hover .info-super-dealer__ballon {
  display: block;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__icon {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__icon:before, .dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__icon:after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 2px;
  margin-left: -1px;
  background: #999;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__icon:before {
  top: 6px;
  height: 8px;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__icon:after {
  top: 16px;
  height: 2px;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__ballon {
  display: none;
  position: absolute;
  left: -25px;
  top: -150px;
  padding: 25px;
  margin: 0;
  background: #ffbc00;
  border-radius: 10px;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
}
.dealer-cmm-top-wrap .flag-grade-type .info-super-dealer__ballon:after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: -10px;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffbc00;
}
.dealer-cmm-top-wrap .kb-coin-state .ico-coin:after, .dealer-cmm-top-wrap .kb-coin-state .use-coin-history li .conts em:after, .dealer-cmm-top-wrap .kb-coin-state .state.ver02 span:after, .dealer-cmm-top-wrap .kb-coin-state .state a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -52px 0;
}
.dealer-cmm-top-wrap .kb-coin-state .state a {
  display: inline-block;
  position: relative;
  padding: 0 40px 0 0;
  line-height: 54px;
  font-weight: bold;
  font-size: 36px;
}
.dealer-cmm-top-wrap .kb-coin-state .state a span {
  display: inline-block;
  width: 150px;
  line-height: 54px;
  font-size: 24px;
  font-weight: bold;
  vertical-align: top;
}
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 {
  display: block;
  position: relative;
}
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 p,
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 p em {
  line-height: 54px;
  font-weight: bold;
  font-size: 24px;
}
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 p.w-mid,
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 p em.w-mid {
  display: inline-block;
  width: 114px;
}
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 span {
  display: inline-block;
  position: relative;
  padding: 0 40px 0 0;
  line-height: 54px;
  font-weight: bold;
  font-size: 36px;
  vertical-align: top;
}
.dealer-cmm-top-wrap .kb-coin-state .state.ver02 span.ico_car:after {
  margin-top: -10px;
  width: 30px;
  height: 24px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat 0 0;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history {
  width: 330px;
  margin: 60px 0 0;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li {
  margin: 20px 0 0;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li:first-child {
  margin: 0;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li .tit {
  float: left;
  line-height: 20px;
  font-size: 16px;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li .conts {
  float: right;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li .conts em {
  display: inline-block;
  position: relative;
  padding: 0 30px 0 0;
  line-height: 20px;
  font-weight: bold;
  font-size: 18px;
  font-weight: 600;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history li .conts em:after {
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
  background-position: -151px 0;
}
.dealer-cmm-top-wrap .kb-coin-state .use-coin-history + .btn-link-point {
  margin: 25px 0 0;
}
.dealer-cmm-top-wrap .kb-coin-state .btn-link-point {
  margin: 60px 0 0;
}
.dealer-cmm-top-wrap .kb-coin-state .btn-link-point a {
  display: inline-block;
  position: relative;
  padding: 0 26px 0 0;
  font-size: 24px;
}
.dealer-cmm-top-wrap .kb-coin-state .btn-link-point a .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .kb-coin-state .btn-link-point a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -124px 0;
}
.dealer-cmm-top-wrap .kb-coin-state .btn-link-point + .use-coin-history {
  margin: 25px 0 0;
}
.dealer-cmm-top-wrap .quick-link-box {
  overflow: hidden;
  margin: 24px 0 0;
}
.dealer-cmm-top-wrap .quick-link-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-cmm-top-wrap .quick-link-box li {
  float: left;
  width: 177px;
}
.dealer-cmm-top-wrap .quick-link-box li a {
  display: block;
  position: relative;
  padding: 0 0 0 35px;
  line-height: 44px;
  font-size: 16px;
}
.dealer-cmm-top-wrap .quick-link-box li a:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-cmm-top-wrap .quick-link-box li .ico01:after {
  left: 8px;
  width: 18px;
  height: 23px;
  margin-top: -11px;
  background-position: 0 -426px;
}
.dealer-cmm-top-wrap .quick-link-box li .ico02:after {
  left: 6px;
  width: 23px;
  height: 19px;
  margin-top: -9px;
  background-position: -18px -426px;
}
.dealer-cmm-top-wrap .quick-link-box li .ico03:after {
  left: 6px;
  width: 22px;
  height: 24px;
  margin-top: -12px;
  background-position: -41px -426px;
}
.dealer-cmm-top-wrap .quick-link-box li .ico04:after {
  left: 7px;
  width: 21px;
  height: 21px;
  margin-top: -10px;
  background-position: -63px -426px;
}
.dealer-cmm-top-wrap .oneshot-point-box {
  margin: 60px 0 0;
}
.dealer-cmm-top-wrap .oneshot-point-box .state {
  display: inline-block;
  position: relative;
  padding: 0 40px 0 0;
  line-height: 54px;
  font-weight: bold;
  font-size: 36px;
}
.dealer-cmm-top-wrap .oneshot-point-box .state span {
  display: inline-block;
  width: 150px;
  line-height: 54px;
  font-size: 24px;
  font-weight: bold;
  vertical-align: top;
}
.dealer-cmm-top-wrap .oneshot-point-box .state:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -88px 0;
}
.dealer-cmm-top-wrap .oneshot-point-box p {
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 300;
}
.dealer-cmm-top-wrap .top-tit-copy {
  position: relative;
  display: inline-block;
  width: 700px;
  line-height: 60px;
  font-weight: 300;
  font-size: 50px;
  font-weight: 100;
  letter-spacing: -0.025em;
  z-index: 2;
}
.dealer-cmm-top-wrap .top-tit-copy .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .top-tit-copy span {
  display: inline-block;
  line-height: 60px;
  font-weight: 500;
  font-size: 50px;
}
.dealer-cmm-top-wrap .top-tit-copy span.sm {
  font-weight: normal;
  font-size: 20px;
}
.dealer-cmm-top-wrap .top-tit-copy span.ico-grade {
  margin-top: 0;
  vertical-align: -5px;
}
.dealer-cmm-top-wrap .top-tit-copy .tit-logo {
  position: relative;
  top: 10px;
}
.dealer-cmm-top-wrap .top-tit-copy.timesale-bg {
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.timesale-bg:after {
  content: "";
  position: absolute;
  right: -222px;
  top: -28px;
  display: block;
  width: 315px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat 0px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.explain-bg {
  width: 845px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.explain-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -28px;
  display: block;
  width: 265px;
  height: 254px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -325px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.explain02-bg {
  width: 845px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.explain02-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  display: block;
  width: 245px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -600px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.theme-bg {
  width: 855px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.theme-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  display: block;
  width: 250px;
  height: 251px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -855px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.consulting-bg {
  width: 875px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.consulting-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -28px;
  display: block;
  width: 263px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -1115px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.saveme-bg {
  width: 875px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.saveme-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -28px;
  display: block;
  width: 256px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -1388px 0px;
}
.dealer-cmm-top-wrap .top-tit-copy.saveme02-bg {
  width: 875px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.saveme02-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -72px;
  display: block;
  width: 240px;
  height: 283px;
  background: url("../images/dealer/bg_dealer.png") no-repeat 0px -264px;
}
.dealer-cmm-top-wrap .top-tit-copy.change-bg {
  width: 850px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.change-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -66px;
  display: block;
  width: 246px;
  height: 292px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -250px -264px;
}
.dealer-cmm-top-wrap .top-tit-copy.dealersale-bg {
  width: 880px;
  height: 213px;
  margin: 0 0 -40px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.dealersale-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -35px;
  display: block;
  width: 267px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -506px -264px;
}
.dealer-cmm-top-wrap .top-tit-copy.review-bg {
  width: 880px;
  height: 208px;
  margin: 0 0 -40px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.review-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -48px;
  display: block;
  width: 265px;
  height: 253px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -783px -264px;
}
.dealer-cmm-top-wrap .top-tit-copy.car-sale-bg {
  width: 880px;
  height: 208px;
  margin: 0 0 -40px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.car-sale-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -62px;
  display: block;
  width: 273px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -1432px -250px;
}
.dealer-cmm-top-wrap .top-tit-copy.bidding-bg {
  width: 865px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.bidding-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -39px;
  display: block;
  width: 318px;
  height: 251px;
  background: url("../images/dealer/bg_dealer.png") no-repeat 0 -557px;
}
.dealer-cmm-top-wrap .top-tit-copy.apply-bg {
  width: 840px;
  position: relative;
}
.dealer-cmm-top-wrap .top-tit-copy.apply-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  display: block;
  width: 288px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -328px -557px;
}
.dealer-cmm-top-wrap .top-tit-copy.homedelivery-bg {
  width: 920px;
}
.dealer-cmm-top-wrap .top-tit-copy.homedelivery-bg::after {
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  display: block;
  width: 289px;
  height: 240px;
  background: url(../images/dealer/bg_dealer_home.png) no-repeat 0px;
  background-size: 289px;
}
.dealer-cmm-top-wrap .dealer-banr01 {
  margin: 55px 0 30px;
}
.dealer-cmm-top-wrap .top-car-model-info {
  position: relative;
  width: 950px;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts {
  margin: 140px 0 0;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .car-model {
  width: 325px;
  line-height: 40px;
  font-weight: 500;
  font-size: 30px;
  font-weight: 600;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .car-model span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  font-weight: 400;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box {
  width: 400px;
  margin: 20px 0 0;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box .opt {
  float: left;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box .opt .opt-row {
  display: block;
  margin: 5px 0 0;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box .opt .opt-row:first-child {
  margin: 0;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box .price {
  float: right;
  line-height: 40px;
  font-weight: 900;
  font-size: 34px;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .model-opt-box .price .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .txt02 {
  font-size: 16px;
  line-height: 1.9;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .date {
  margin: 20px 0 0;
  font-weight: 300;
  font-size: 16px;
  color: #666666;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .dr-car-info {
  margin-top: 15px;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .dr-car-info .data-line > span {
  font-size: 16px;
  font-weight: 300;
  color: #666;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .dr-car-info .date {
  margin-top: 5px;
  font-weight: 300;
}
.dealer-cmm-top-wrap .top-car-model-info .car-model-conts .dr-car-info .money {
  display: inline-block;
  margin-top: 20px;
  font-size: 30px;
  font-weight: 500;
  color: #336fc9;
}
.dealer-cmm-top-wrap .top-car-model-info [class^=general-cmm] {
  height: 24px;
  line-height: 23px;
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
  position: relative;
  margin-top: 10px;
}
.dealer-cmm-top-wrap .top-car-model-info > .img {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 100%;
}
.dealer-cmm-top-wrap .top-car-model-info > .img img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.dealer-cmm-top-wrap .top-car-model-info.w1080 {
  width: 1080px;
}
.dealer-cmm-top-wrap .top-car-model-info.h347 {
  height: 347px;
}
.dealer-cmm-top-wrap .top-car-model-info.search-num {
  width: 870px;
  padding: 0 0 30px;
}
.dealer-cmm-top-wrap .top-car-model-info.search-num:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 365px;
  height: 240px;
  background: url("../images/dealer/bg_dealer.png") no-repeat -1058px -250px;
}
.dealer-cmm-top-wrap .top-car-model-info.regi-detail-info {
  overflow: hidden;
  width: 1100px;
}
.dealer-cmm-top-wrap .top-car-model-info.regi-detail-info .car-model-conts {
  float: left;
  margin: 0 55px 0 0;
}
.dealer-cmm-top-wrap .top-car-model-info.regi-detail-info .img {
  position: static;
  float: left;
}
.dealer-cmm-top-wrap .top-car-model-info.regi-detail-info .btn-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  margin: 0;
}
.dealer-cmm-top-wrap .top-penalty {
  position: relative;
  width: 980px;
  padding: 0 0 40px;
}
.dealer-cmm-top-wrap .top-penalty .penalty-state {
  position: absolute;
  right: 0;
  top: 40px;
  text-align: right;
}
.dealer-cmm-top-wrap .top-penalty .penalty-state .total {
  font-weight: bold;
  font-size: 36px;
  color: #336fc9;
}
.dealer-cmm-top-wrap .top-penalty .penalty-state .total em {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 24x;
  color: #222;
}
.dealer-cmm-top-wrap .top-penalty .penalty-state .dealer-cmm-flag {
  margin: 10px 0 0;
}
.dealer-cmm-top-wrap .mmb-link {
  overflow: hidden;
  padding: 75px 0 0;
}
.dealer-cmm-top-wrap .mmb-link a {
  display: inline-block;
  position: relative;
}
.dealer-cmm-top-wrap .mmb-link a .txt01 {
  position: relative;
  line-height: 28px;
  padding: 0 28px 0 0;
  font-weight: 500;
  font-size: 18px;
  color: #336fc9;
}
.dealer-cmm-top-wrap .mmb-link a .txt01:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -124px 0;
}
.dealer-cmm-top-wrap .mmb-link a .txt02 {
  display: block;
  line-height: 24px;
  color: #666;
}
.dealer-cmm-top-wrap .mmb-link a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -42px;
  width: 36px;
  height: 28px;
}
.dealer-cmm-top-wrap .mmb-link a.retular-mmb {
  min-width: 220px;
}
.dealer-cmm-top-wrap .mmb-link a.retular-mmb:after {
  background: url("../images/dealer/ico_dealer.png") no-repeat -175px -42px;
}
.dealer-cmm-top-wrap .mmb-link a.retular-mmb02 {
  min-width: 220px;
}
.dealer-cmm-top-wrap .mmb-link a.retular-mmb02:after {
  background: url("../images/dealer/ico_dealer.png") no-repeat -267px -42px;
}
.dealer-cmm-top-wrap .mmb-link a.person-mmb {
  margin-left: 20px;
}
.dealer-cmm-top-wrap .mmb-link a.person-mmb:after {
  background: url("../images/dealer/ico_dealer.png") no-repeat -221px -42px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo {
  position: relative;
  width: 640px;
  margin: 60px 0 0;
  -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}
.dealer-cmm-top-wrap .dealer-top-big-photo img {
  width: 100%;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .inp-f {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .inp-f label {
  display: block;
  height: 50px;
  width: 50px;
  padding: 0;
  border: none;
  background: transparent url("../images/sub/ico_pic_b.png");
}
.dealer-cmm-top-wrap .dealer-top-big-photo .inp-f label span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.owl-prev {
  left: 10px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.owl-next {
  right: 10px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-dots {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 240px;
  height: 3px;
  background: #fff;
  border-radius: 3px;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-dots .owl-dot.active {
  position: relative;
  width: 25%;
  top: 0;
  height: 3px;
  background: #336fc9;
}
.dealer-cmm-top-wrap .dealer-top-big-photo .owl-dots button {
  position: relative;
  display: block;
  float: left;
  height: 3px;
  cursor: pointer;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins {
  padding: 0 60px;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins .owl-nav > button.owl-prev {
  left: -60px;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins .owl-stage-outer {
  width: 528px;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins .owl-carousel .item {
  width: 122px;
  height: 80px;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins .owl-carousel .item .fb-del {
  position: absolute;
  right: -10px;
  top: -11px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.dealer-cmm-top-wrap .dealer-btm-small-photo .sw-ins .owl-carousel .item .fb-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.dealer-cmm-top-wrap .top-corp-info {
  padding: 60px 0 0;
}
.dealer-cmm-top-wrap .top-corp-info .photo {
  position: relative;
  width: 80px;
  height: 80px;
}
.dealer-cmm-top-wrap .top-corp-info .photo img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.dealer-cmm-top-wrap .top-corp-info .photo .inp-f {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -18px;
  bottom: 0;
}
.dealer-cmm-top-wrap .top-corp-info .photo .inp-f label {
  display: block;
  height: 40px;
  width: 40px;
  padding: 0;
  border: none;
  background: transparent url("../images/sub/ico_pic_s.png");
}
.dealer-cmm-top-wrap .top-corp-info .photo .inp-f label span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}
.dealer-cmm-top-wrap .top-corp-info .ph-num {
  margin: 40px 0 0;
  font-weight: bold;
  line-height: 26px;
  font-size: 24px;
}
.dealer-cmm-top-wrap .top-corp-info .date {
  margin: 10px 0 0;
  color: #666;
}
.dealer-cmm-top-wrap .top-corp-info .corp-name {
  margin: 60px 0 0;
  font-weight: bold;
  line-height: 26px;
  font-size: 24px;
}
.dealer-cmm-top-wrap .top-corp-info .corp-locate {
  margin: 5px 0 0;
}
.dealer-cmm-top-wrap .top-corp-info .corp-locate > span {
  display: inline-block;
  margin: 0 30px 0 0;
  font-size: 16px;
  color: #666;
}
.dealer-cmm-top-wrap .top-corp-info .corp-locate > a {
  display: inline-block;
  position: relative;
  padding: 0 26px 0 0;
  font-size: 24px;
}
.dealer-cmm-top-wrap .top-corp-info .corp-locate > a .cor-blue {
  color: #336fc9 !important;
}
.dealer-cmm-top-wrap .top-corp-info .corp-locate > a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -124px 0;
}
.dealer-cmm-top-wrap .top-corp-info .avg-score {
  margin: 60px 0 0;
}
.dealer-cmm-top-wrap .top-corp-info .link-review {
  margin: 50px 0 0;
  width: 120px;
}
.dealer-cmm-top-wrap .avg-score {
  position: relative;
  width: 340px;
}
.dealer-cmm-top-wrap .avg-score:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-cmm-top-wrap .avg-score .avg-num {
  float: left;
}
.dealer-cmm-top-wrap .avg-score .avg-num > span {
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.dealer-cmm-top-wrap .avg-score .avg-num > p {
  margin: 15px 0 5px;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
}
.dealer-cmm-top-wrap .avg-score .avg-num .star-area > em {
  display: inline-block;
  font-size: 12px;
  color: #666;
}
.dealer-cmm-top-wrap .avg-score .avg-star {
  float: right;
}
.dealer-cmm-top-wrap .avg-score .avg-star li {
  margin: 18px 0 0;
}
.dealer-cmm-top-wrap .avg-score .avg-star li:first-child {
  margin: 0;
}
.dealer-cmm-top-wrap .avg-score .avg-star li .star-area .tit {
  line-height: 18px;
  font-weight: 500;
  font-size: 16px;
}
.dealer-cmm-top-wrap .avg-score .avg-star li .star-area .star-rating {
  width: 75px;
  height: 14px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -196px -115px;
  vertical-align: middle;
}
.dealer-cmm-top-wrap .avg-score .avg-star li .star-area .star-rating span {
  height: 14px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -196px -91px;
}
.dealer-cmm-top-wrap .avg-score:before {
  display: block;
  content: "";
  position: absolute;
  left: 146px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #ddd;
}
.dealer-cmm-top-wrap.v02 {
  position: relative;
  padding: 0 0 0 650px;
}
.dealer-cmm-top-wrap.v02 .box-left {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
}
.dealer-cmm-top-wrap.v02 .box-right {
  float: none;
}
.dealer-cmm-top-wrap.v03 {
  max-width: 1140px;
}
.dealer-cmm-top-wrap.v03 .box-left {
  position: relative;
}
.dealer-cmm-top-wrap.v03 .box-right {
  float: right;
}
.dealer-cmm-top-wrap.v03 .grade-state {
  letter-spacing: -1.5px;
}
.dealer-cmm-top-wrap.v03 .flag-grade-type {
  position: absolute;
  right: 0;
  top: 63px;
}
.dealer-cmm-top-wrap .top-txt-box .txt {
  font-size: 18px;
}
.dealer-cmm-top-wrap .top-txt-box .txt02 {
  font-weight: 300;
  font-size: 50px;
}
.dealer-cmm-top-wrap .top-txt-box .ico-txt {
  font-weight: bold;
  font-size: 36px;
  position: relative;
}
.dealer-cmm-top-wrap .top-txt-box .ico-txt:before {
  display: inline-block;
  margin-right: 20px;
  width: 28px;
  height: 25px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat 0 -85px;
}
.dealer-cmm-top-wrap .top-txt-box .ico-txt.ico-02:before {
  margin-right: 13px;
  width: 44px;
  height: 25px;
  background-position-x: -38px;
}
.dealer-cmm-top-wrap .top-txt-box .ico-txt.ico-03:before {
  margin-right: 19px;
  width: 30px;
  height: 27px;
  background-position-x: -92px;
}
.dealer-cmm-top-wrap .photo-wrap {
  text-align: center;
}
.dealer-cmm-top-wrap .photo-wrap .photo {
  margin: 0 auto 10px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}
.dealer-cmm-top-wrap .photo-wrap .txt {
  margin-top: 9px;
  font-weight: 300;
  font-size: 16px;
  color: #666;
}

.dealer-srch-opt-box {
  margin: 60px 0 0;
}
.dealer-srch-opt-box .srch-opt-row {
  position: relative;
  padding: 0 0 0 50px;
}
.dealer-srch-opt-box .srch-opt-row .opt-tit {
  position: absolute;
  left: 0;
  top: 0;
}
.dealer-srch-opt-box .srch-opt-row .srch-btn-period {
  display: inline-block;
}
.dealer-srch-opt-box .srch-opt-row .srch-btn-period [class^=btn] + [class^=btn] {
  margin: 0 0 0 2px;
}
.dealer-srch-opt-box .srch-opt-row .srch-btn-period + [class^=sel-tp] + [class^=select] {
  margin: 0 0 0 36px;
}
.dealer-srch-opt-box .opt-tit {
  line-height: 40px;
  font-weight: 100;
  font-size: 16px;
}
.dealer-srch-opt-box .opt-tit.v02 {
  color: #666;
}
.dealer-srch-opt-box.tp02 {
  padding-top: 60px;
  border-top: 1px solid #ddd;
}

.dealer-part-search {
  width: 440px;
  position: relative;
}
.dealer-part-search .label {
  display: block;
  margin: 0 0 14px;
  font-weight: 500;
  font-size: 20px;
}
.dealer-part-search input {
  padding: 15px 50px 22px 0;
  width: 100%;
  font-size: 16px;
  border-color: #cdcdcd;
  border-width: 0 0 2px;
}
.dealer-part-search .btn-search {
  position: absolute;
  right: 10px;
  bottom: 16px;
}
.dealer-part-search .btn-search span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.dealer-part-search .btn-search:after {
  display: block;
  width: 35px;
  height: 35px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -142px 0;
}

.dealer-srch-paner {
  margin: 60px 0 20px;
}
.dealer-srch-paner .srch-result {
  font-weight: 100;
  font-size: 16px;
}
.dealer-srch-paner .srch-result em {
  font-weight: bold;
  font-size: 16px;
}
.dealer-srch-paner .srch-result em .cor-blue {
  color: #336fc9 !important;
}
.dealer-srch-paner .srch-result.v02 {
  font-weight: normal;
  font-size: 18px;
}
.dealer-srch-paner .srch-result.v02 em {
  font-weight: normal;
  font-size: 18px;
}
.dealer-srch-paner .srch-result.v03 {
  font-weight: normal;
  font-size: 16px;
}
.dealer-srch-paner .srch-result.v03 em {
  font-weight: normal;
  font-size: 18px;
}
.dealer-srch-paner .srch-result-tp02 {
  position: relative;
}
.dealer-srch-paner .srch-result-tp02:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-srch-paner .srch-result-tp02 .float-left {
  float: left;
}
.dealer-srch-paner .srch-result-tp02 .float-right {
  float: right;
}
.dealer-srch-paner .srch-result-tp02 .inp-ch, .dealer-srch-paner .srch-result-tp02 .inp-ch-new {
  margin: 0 10px 0 0;
}
.dealer-srch-paner .srch-result-tp02 .result-txt {
  font-size: 16px;
  line-height: 40px;
  vertical-align: -2px;
}
.dealer-srch-paner .srch-result-tp02 .result-txt * {
  font-size: inherit;
}
.dealer-srch-paner .srch-result-tp02 .txt-gray {
  color: #999;
  vertical-align: -2px;
}
.dealer-srch-paner .srch-result-tp02 select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  font-size: 14px;
}
.dealer-srch-paner .srch-result-tp02 .pos-r {
  position: absolute;
  right: 0;
  bottom: 0;
}
.dealer-srch-paner.homedelivery {
  margin-top: 120px;
}

.dealer-list-box {
  margin: 60px 0 0;
}
.dealer-list-box dl + dl {
  margin: 55px 0 0;
}
.dealer-list-box dl dt {
  padding: 0 0 25px;
  font-size: 24px;
}

.dealer-notice-box {
  margin: 60px 0 0;
}
.dealer-notice-box .noti-tit {
  display: block;
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 16px;
}
.dealer-notice-box .noti-tit.tp02 {
  font-size: 18px;
}
.dealer-notice-box.tp-line {
  margin: 25px 0 0;
  padding: 25px 0 0;
  border-top: 1px solid #ddd;
}

.car-txt-info {
  padding-left: 140px;
  position: relative;
}
.car-txt-info:before {
  display: block;
  margin-top: -41px;
  width: 112px;
  height: 82px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -588px -85px;
  position: absolute;
  left: 0;
  top: 50%;
}
.car-txt-info dt {
  margin-bottom: 10px;
  font-weight: 500;
}
.car-txt-info dd {
  margin-top: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
}

.dealer-pic-wrap {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.dealer-pic-wrap.b-no {
  padding-top: 0;
  border-top: 0;
}
.dealer-pic-wrap .pic-list {
  padding: 40px 0;
  border-bottom: 1px solid #ddd;
}
.dealer-pic-wrap .pic-list.pic-chk {
  padding: 40px 0 40px 35px;
}
.dealer-pic-wrap .pic-list.pic-chk .inp-ch, .dealer-pic-wrap .pic-list.pic-chk .inp-ch-new {
  position: absolute;
  left: 0;
  top: 40px;
}
.dealer-pic-wrap .pic-list .ft-bd, .dealer-pic-wrap .pic-list .inp-rd-new.is-all label > span, .inp-rd-new.is-all .dealer-pic-wrap .pic-list label > span {
  font-weight: bold;
}

.dealer-model-detail-list {
  margin: 120px 0 0;
  padding: 25px 0 30px;
}
.dealer-model-detail-list > strong {
  display: block;
  margin: 0 0 30px;
  padding: 0 0 25px;
  font-size: 24px;
  font-weight: 300;
  border-bottom: 1px solid #ddd;
}
.dealer-model-detail-list + .dealer-model-detail-list {
  margin: 0;
}
.dealer-model-detail-list .dealer-info-item {
  margin: 0 0 0 10px;
}
.dealer-model-detail-list .dealer-info-item + .dealer-info-item {
  margin: 30px 0 0 10px;
}
.dealer-model-detail-list .dealer-bl-txt {
  margin: 0 0 0 10px;
}
.dealer-model-detail-list.br-bot {
  border-bottom: 1px solid #ddd;
}
.dealer-model-detail-list .data-info {
  padding: 40px 0;
}
.dealer-model-detail-list .data-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-model-detail-list .data-info > div {
  float: left;
  width: 390px;
}
.dealer-model-detail-list .data-info .tit {
  position: relative;
  padding: 0 0 0 13px;
  font-size: 18px;
  font-weight: bold;
}
.dealer-model-detail-list .data-info .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 2px;
}
.dealer-model-detail-list .data-info dl {
  padding: 20px 0 0 14px;
}
.dealer-model-detail-list .data-info dl:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-model-detail-list .data-info dl dt,
.dealer-model-detail-list .data-info dl dd {
  float: left;
  height: 30px;
}
.dealer-model-detail-list .data-info dl dt {
  width: 160px;
  color: #666;
}
.dealer-model-detail-list .data-info dl dd {
  width: 215px;
  color: #222;
}

.dealer-info-item {
  padding: 0 0 0 15px;
}
.dealer-info-item dt {
  position: relative;
  font-weight: bold;
  font-size: 18px;
}
.dealer-info-item dt:after {
  display: block;
  content: "";
  position: absolute;
  left: -15px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #222;
}
.dealer-info-item dd {
  margin: 10px 0 0;
  font-size: 16px;
  color: #666;
}
.dealer-info-item + .dealer-info-item {
  margin: 30px 0 0;
}

.dealer-banr01 {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 358px;
  padding: 20px;
  border-radius: 15px;
  background-color: #8697bf;
}
.dealer-banr01 .bnn-copy {
  line-height: 28px;
  font-size: 24px;
  color: #fff;
}
.dealer-banr01 .bnn-copy02 {
  display: inline-block;
  position: relative;
  margin: 20px 0 0;
  padding: 0 10px 0 0;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}
.dealer-banr01 .bnn-copy02:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0;
  background-position: -181px 0;
}
.dealer-banr01:after {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 66px;
  height: 72px;
  margin: -36px 0 0;
  background-position: -60px -91px;
}

.dealer-banr02 {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 480px;
  padding: 29px;
  border-radius: 15px;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}
.dealer-banr02 .bnn-copy {
  line-height: 28px;
  font-weight: 500;
  font-size: 18px;
  color: #222;
}
.dealer-banr02 .bnn-copy02 {
  display: inline-block;
  position: relative;
  margin: 20px 0 0;
  padding: 0 15px 0 0;
  line-height: 20px;
  font-size: 14px;
  color: #2666c6;
}
.dealer-banr02 .bnn-copy02:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0;
  background-position: -134px -22px;
}
.dealer-banr02:after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 191px;
  height: 85px;
  margin: -42px 0 0;
  background-image: url("../images/dealer/dealer_banner01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.dealer-explain-list {
  border-bottom: 1px solid #ddd;
}
.dealer-explain-list .no-data {
  padding: 100px 0;
  border-top: 1px solid #ddd;
  text-align: center;
}
.dealer-explain-list .no-data p {
  font-weight: 300;
  font-size: 16px;
  color: #666;
}
.dealer-explain-list dl {
  padding: 50px 0;
  border-top: 1px solid #ddd;
}
.dealer-explain-list dl dt {
  margin-bottom: 20px;
  font-size: 24px;
}
.dealer-explain-list dl dd {
  position: relative;
}
.dealer-explain-list dl dd p {
  max-width: 800px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  line-height: 1.5;
}
.dealer-explain-list dl dd .btn-right {
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
}

.dealer-input-group .ipt-tit-box {
  margin: 0 0 20px;
}
.dealer-input-group .ipt-tit-box .label {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.dealer-input-group .label {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
}
.dealer-input-group .label-txt {
  font-size: 18px;
  vertical-align: middle;
}
.dealer-input-group .tp-02 input {
  height: 46px;
}
.dealer-input-group .delar-txar-box .inp-t {
  border: 0;
}
.dealer-input-group .delar-txar-box .txt-count {
  top: -35px;
}
.dealer-input-group .txt-del {
  font-size: 18px;
  vertical-align: middle;
}
.dealer-input-group .txt-del:after {
  display: inline-block;
  margin-left: 17px;
  width: 21px;
  height: 13px;
  content: "";
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -213px -22px;
}
.dealer-input-group.fixW {
  max-width: 980px;
}

.dealer-align-c {
  text-align: center;
}

.dealer-align-r {
  text-align: right;
}

.dealer-btn-line {
  padding: 60px 0 0;
  border-top: 1px solid #ddd;
}

.dealer-gray-txt {
  font-weight: 300;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.dealer-tag .btn-r {
  background: none;
}
.dealer-tag .btn-r span {
  font-size: 18px;
  color: #222;
}
.dealer-tag .btn-r.ck-on {
  background: #336fc9;
}
.dealer-tag .btn-r.ck-on span {
  color: #fff;
}
.dealer-tag li {
  display: inline-block;
  position: relative;
  margin: 0 6px 10px 0;
}
.dealer-tag li .pos-r {
  position: absolute;
  right: 0;
  top: 0;
}

.dealer-line-wrap {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.dealer-line-wrap .dealer-line {
  padding: 55px 0;
  border-top: 1px solid #ddd;
}
.dealer-line-wrap .dealer-line .dealer-sub-tit-box {
  margin: 0 0 30px;
}
.dealer-line-wrap .dealer-line .dr-tit-box {
  overflow: hidden;
  margin-bottom: 30px;
}
.dealer-line-wrap .dealer-line .dr-tit-box > * {
  float: left;
  display: inline-block;
  vertical-align: top;
}
.dealer-line-wrap .dealer-line .dr-tit-box .btn-s {
  width: 60px;
  margin: 5px 0 0 15px;
}
.dealer-line-wrap.v02 {
  margin: 60px 0 0;
  padding: 55px 0 0;
  border-top: 1px solid #ddd;
  border-bottom: none;
}
.dealer-line-wrap.v02 .dealer-sub-tit-box {
  margin: 0 0 30px;
}
.dealer-line-wrap.v02 > .dealer-sub-tit {
  margin: 0 0 30px;
}

.dealer-update-set-wrap {
  max-width: 1280px;
}
.dealer-update-set-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-update-set-wrap .sel-content {
  float: left;
}
.dealer-update-set-wrap .ad-auto-update-box {
  position: relative;
  float: right;
  width: 625px;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-graph-box {
  height: 330px;
  margin: 0 -25px;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  padding: 50px 0 0;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .inner {
  position: absolute;
  left: 47px;
  right: 49px;
  top: 67px;
  bottom: 96px;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .inner > .set-bar {
  display: block;
  position: absolute;
  bottom: 2px;
  top: 0;
  left: 0;
  width: 2px;
  margin: 0 0 0 -1px;
  background-color: #2666c6;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .inner > .set-bar button {
  display: block;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -11px;
  line-height: 19px;
  font-weight: bold;
  font-size: 16px;
  color: #2666c6;
  text-align: center;
  border: 2px solid #2666c6;
  border-radius: 100%;
  background-color: #fff;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .inner > .set-bar:hover {
  z-index: 2;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set {
  display: none;
  position: absolute;
  top: -60px;
  width: 160px;
  height: 40px;
  margin: 0 0 0 -80px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > a {
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  width: 9px;
  height: 17px;
  margin: -9px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > a.time-prev:after {
  right: 10px;
  background-position: -228px 0;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > a.time-next:after {
  left: 10px;
  background-position: -228px -21px;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > span {
  display: block;
  float: left;
}
.dealer-update-set-wrap .ad-auto-update-box .ad-time-set-box .time-set > span .time-view {
  display: block;
  width: 78px;
  height: 40px;
  line-height: 38px;
  text-align: center;
}

.dealer-condition-guide li {
  position: relative;
  margin: 30px 0 0;
}
.dealer-condition-guide li strong {
  display: block;
  margin: 0 0 20px;
  line-height: 24px;
  font-size: 18px;
}
.dealer-condition-guide li div {
  line-height: 24px;
  font-size: 16px;
}
.dealer-condition-guide li:first-child {
  margin: 0;
}
.dealer-condition-guide li[class^=item-condit]:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: url("../images/dealer/main_dealer.png") no-repeat;
}
.dealer-condition-guide li.item-condit01:after {
  background-position: 0 -107px;
}
.dealer-condition-guide li.item-condit02:after {
  background-position: -70px -107px;
}
.dealer-condition-guide li.item-condit03:after {
  background-position: -140px -107px;
}
.dealer-condition-guide li.item-condit04:after {
  background-position: -210px -107px;
}

.dealer-batch-box {
  max-width: 1400px;
}
.dealer-batch-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-batch-box .left {
  float: left;
}
.dealer-batch-box .right {
  float: right;
}
.dealer-batch-box .dealer-tooltip-box + .dealer-tooltip-box {
  margin: 0 0 0 60px;
}

.btn-storage-dealer button {
  position: relative;
  width: 44px;
  height: 44px;
  text-indent: -999em;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  background: url("../images/dealer/btn_storage_dealer.png") no-repeat 0 0;
}
.btn-storage-dealer button.favorites {
  background-position: -54px 0;
}
.btn-storage-dealer button.favorites.on {
  background-position: 0 0;
}

.dealer-tooltip-box {
  display: inline-block;
  position: relative;
}
.dealer-tooltip-box .tip-wrap {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  padding: 30px;
  border-radius: 10px;
  background-color: #ffbc00;
}
.dealer-tooltip-box .tip-wrap:after {
  display: block;
  content: "";
  position: absolute;
  top: -7.5px;
  left: 32px;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7.5px solid #ffbc00;
}
.dealer-tooltip-box .tip-wrap .tit-tip {
  display: block;
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.dealer-tooltip-box .tip-wrap .cont-tip {
  line-height: 26px;
  font-size: 16px;
  color: #fff;
}
.dealer-tooltip-box .tip-wrap.w-nowrap .tit-tip {
  white-space: nowrap;
}
.dealer-tooltip-box .tip-wrap.w-nowrap .cont-tip {
  white-space: nowrap;
}
.dealer-tooltip-box.tp02 .tip-wrap {
  left: -26px;
  top: auto;
  bottom: 60px;
}
.dealer-tooltip-box.tp02 .tip-wrap:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 32px;
  border-bottom: 0;
  border-top: 7.5px solid #ffbc00;
}

.dealer-intro-view {
  line-height: 26px;
  font-size: 16px;
}

.delaer-cs-review-box {
  overflow: hidden;
  position: relative;
  padding: 0 0 0 100px;
}
.delaer-cs-review-box .d-img {
  position: absolute;
  left: 0;
  top: 0;
}
.delaer-cs-review-box .tit {
  display: block;
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 18px;
}
.delaer-cs-review-box .pay-box {
  margin: 5px 0 0;
}
.delaer-cs-review-box .pay-box .pay-tit {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
}
.delaer-cs-review-box .pay-box .pay-tit + .pay-avg {
  margin: 0 0 0 5px;
}
.delaer-cs-review-box .pay-box .pay-avg {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
}
.delaer-cs-review-box .pay-box .pay-gab {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 12px;
  font-weight: bold;
  font-size: 18px;
  color: #fd665c;
}
.delaer-cs-review-box .pay-box .pay-gab:before {
  display: block;
  content: "/";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  font-weight: 100;
  color: #222;
  text-align: center;
}
.delaer-cs-review-box .pay-box .pay-gab:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 14px;
  margin: -7px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -300px 0;
}
.delaer-cs-review-box .pay-box .down {
  position: relative;
  color: #336fc9;
  padding-right: 17px;
}
.delaer-cs-review-box .pay-box .down:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 11px;
  height: 13px;
  margin: -5px 0 0;
  background: url("../images/sub/buy-bg.png") no-repeat -44px -110px;
}
.delaer-cs-review-box .star-area {
  margin: 15px 0 0;
}
.delaer-cs-review-box .conts {
  margin: 30px 0 0;
  line-height: 26px;
  font-size: 16px;
}
.delaer-cs-review-box .rvw-photo {
  overflow: hidden;
  margin: 20px 0 0;
}
.delaer-cs-review-box .rvw-photo .inner {
  margin: -10px -10px 0 0;
}
.delaer-cs-review-box .rvw-photo .inner:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.delaer-cs-review-box .rvw-photo .inner .rvw-item {
  float: left;
  width: 150px;
  margin: 10px 10px 0 0;
}
.delaer-cs-review-box .btn-link.v02 {
  margin: 30px 0 0;
}

.dealer-reivew-confirm {
  position: relative;
  margin: 30px 0 0;
  padding: 0 40px;
}
.dealer-reivew-confirm .tit {
  margin: 0 30px 0 0;
  font-weight: bold;
}
.dealer-reivew-confirm .tl-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.dealer-ico-wrap .dealer-ico-list > li + li {
  margin-top: 22px;
}
.dealer-ico-wrap .dealer-ico-list > li .dealer-ico-before {
  display: inline-block;
  padding-left: 35px;
  width: 110px;
}
.dealer-ico-wrap .dealer-ico-list > li .txt02 {
  display: inline-block;
  min-width: 140px;
  font-weight: 300;
  color: #666;
  vertical-align: top;
}
.dealer-ico-wrap .dealer-ico-list > li .txt02 .dsp-b {
  display: block;
  color: inherit;
}
.dealer-ico-wrap .dealer-ico-list.w510 .txt02 {
  width: 360px;
}
.dealer-ico-wrap .list-round {
  width: 610px;
  margin: 25px 0 0 -10px !important;
}
.dealer-ico-wrap .list-round li {
  margin: 0 0 10px;
  float: left;
  width: 117px;
  height: 104px;
  text-align: center;
}
.dealer-ico-wrap .list-round li:before {
  display: block;
  margin: 0 auto 8px;
  width: 54px;
  height: 54px;
  content: "";
  background: url("../images/dealer/list_dealer.png") no-repeat 0 0;
}
.dealer-ico-wrap .list-round li.option2:before {
  background-position: -64px 0;
}
.dealer-ico-wrap .list-round li.option3:before {
  background-position: -128px 0;
}
.dealer-ico-wrap .list-round li.option4:before {
  background-position: -192px 0;
}
.dealer-ico-wrap .list-round li.option5:before {
  background-position: -256px 0;
}
.dealer-ico-wrap .list-round li.option6:before {
  background-position: 0 -64px;
}
.dealer-ico-wrap .list-round li.option7:before {
  background-position: -64px -64px;
}
.dealer-ico-wrap .list-round li.option8:before {
  background-position: -128px -64px;
}
.dealer-ico-wrap .list-round li.option9:before {
  background-position: -192px -64px;
}
.dealer-ico-wrap .list-round li.option10:before {
  background-position: -256px -64px;
}
.dealer-ico-wrap .list-round li.option11:before {
  background-position: 0 -128px;
}
.dealer-ico-wrap .list-round li.option12:before {
  background-position: -64px -128px;
}
.dealer-ico-wrap .list-round li.option13:before {
  background-position: -128px -128px;
}
.dealer-ico-wrap .list-round li.option14:before {
  background-position: -192px -128px;
}
.dealer-ico-wrap .list-round li.option15:before {
  background-position: -256px -128px;
}
.dealer-ico-wrap .list-round li.option16:before {
  background-position: 0 -192px;
}
.dealer-ico-wrap .list-round li.option17:before {
  background-position: -64px -192px;
}
.dealer-ico-wrap .list-round li.option18:before {
  background-position: -128px -192px;
}
.dealer-ico-wrap .list-round li.option19:before {
  background-position: -192px -192px;
}
.dealer-ico-wrap .list-round li.option20:before {
  background-position: -256px -192px;
}
.dealer-ico-wrap .list-round:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-ico-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

.dealer-write .wt-auto {
  width: auto;
}
.dealer-write .txar-tp01 {
  display: inline-block;
  vertical-align: top;
}
.dealer-write .mg-l62 {
  margin-left: 62px;
}

.search-tp-auction .wt-02 {
  width: 43px;
}
.search-tp-auction .wt-03 {
  width: 71px;
}
.search-tp-auction .wt-04 {
  width: 74px;
}
.search-tp-auction .wt-05 {
  width: 77px;
}
.search-tp-auction .form-t {
  margin: 0 -2px;
  width: 20px;
}

.dl-line-list {
  padding: 8px 0;
  border: 1px solid #ddd;
  border-width: 1px 0;
}
.dl-line-list dt {
  padding: 7px 20px;
  font-weight: 300;
  font-size: 16px;
  color: #999;
  float: left;
}
.dl-line-list dd {
  padding: 7px 20px;
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  text-align: right;
}
.dl-line-list dd .txt01 {
  font-family: inherit;
  font-size: inherit;
}
.dl-line-list.tp02 {
  padding: 0;
  border: 0;
}
.dl-line-list.tp02 dt {
  padding: 6px 20px 7px;
  font-weight: 300;
  font-size: 16px;
  color: #222;
}
.dl-line-list.tp02 dd {
  padding: 6px 30px 7px 20px;
  font-weight: 500;
  font-size: 18px;
  position: relative;
}
.dl-line-list.tp03 {
  margin-top: -28px;
  padding: 0;
  border: 0;
}
.dl-line-list.tp03 dt {
  padding: 28px 0 0;
  width: 180px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dl-line-list.tp03 dd {
  padding: 28px 0 0;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
}

.dealer-car-num-search {
  margin: 60px 0 0;
}
.dealer-car-num-search .txt {
  font-weight: 300;
  font-size: 16px;
}
.dealer-car-num-search .txt span {
  display: block;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 20px;
}
.dealer-car-num-search .num-search {
  position: relative;
  width: 390px;
  margin: 60px 0 0;
}
.dealer-car-num-search .num-search label {
  display: block;
  width: 300px;
}
.dealer-car-num-search .num-search label span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 63px;
  font-weight: bold;
  font-size: 36px;
  color: #ddd;
}
.dealer-car-num-search .num-search label input[type=text] {
  height: 63px;
  width: 100%;
  line-height: 63px;
  font-weight: bold;
  font-size: 36px;
  border: none;
}
.dealer-car-num-search .num-search button {
  position: absolute;
  right: -10px;
  top: 50%;
  width: 95px;
  height: 95px;
  margin: -47px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat 0 -173px;
}
.dealer-car-num-search .num-search:after {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 4px;
  background-color: rgba(205, 205, 205, 0.4);
}
.dealer-car-num-search .num-search.tp02 {
  width: 485px;
}
.dealer-car-num-search .num-search.tp02 label {
  width: 390px;
}
.dealer-car-num-search .num-search.tp02 input[type=text]::-webkit-input-placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]::-moz-placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]:-ms-input-placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]::-ms-input-placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]::placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]:-ms-input-placeholder {
  color: #ddd;
}
.dealer-car-num-search .num-search.tp02 input[type=text]::-ms-input-placeholder {
  color: #ddd;
}
.dealer-car-num-search .reg-caution {
  position: relative;
  font-size: 16px;
  color: #989898;
  padding-left: 15px;
  margin-top: 10px;
}
.dealer-car-num-search .reg-caution:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #989898;
  position: absolute;
  left: 0;
  top: 8px;
}
.dealer-car-num-search .reg-caution span {
  font-size: 16px;
  color: #fd645c;
}
.dealer-car-num-search .reg-caution ul {
  margin-top: 5px;
}
.dealer-car-num-search .reg-caution ul li {
  line-height: 1.5;
  color: #989898;
}

.dealer-regi-info-box {
  position: relative;
  min-height: 760px;
  margin: 60px 0 0;
}
.dealer-regi-info-box.bg-fix:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.1;
}
.dealer-regi-info-box .nav-regi {
  overflow: hidden;
  position: relative;
  float: left;
  width: 250px;
}
.dealer-regi-info-box .nav-regi .cntr-box {
  overflow: hidden;
  margin: 20px -4px 0 0;
}
.dealer-regi-info-box .nav-regi .cntr-box .dealer-btn-cmm {
  float: left;
  width: 123px;
  margin: 0 4px 0 0;
}
.dealer-regi-info-box .nav-regi > ul {
  margin: 0;
}
.dealer-regi-info-box .nav-regi > ul li {
  margin: 4px 0 0;
}
.dealer-regi-info-box .nav-regi > ul li a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.dealer-regi-info-box .nav-regi > ul li a span {
  position: relative;
  display: inline-block;
  height: 58px;
  line-height: 58px;
  padding: 0 0 0 40px;
}
.dealer-regi-info-box .nav-regi > ul li a span:after {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  margin: -12px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -227px -363px;
}
.dealer-regi-info-box .nav-regi > ul li:first-child {
  margin: 0;
}
.dealer-regi-info-box .nav-regi > ul li.active a {
  border-color: #336fc9;
}
.dealer-regi-info-box .nav-regi > ul li.active a span {
  color: #336fc9;
}
.dealer-regi-info-box .nav-regi > ul li.on a span {
  color: #336fc9;
}
.dealer-regi-info-box .nav-regi > ul li.on a span:after {
  background-position: -257px -363px;
}
.dealer-regi-info-box .nav-regi > ul li.end a {
  background-color: #336fc9;
  border-color: #336fc9;
}
.dealer-regi-info-box .nav-regi > ul li.end a span {
  color: #fff;
}
.dealer-regi-info-box .nav-regi > ul li.end a span:after {
  display: block;
  background: url("../images/dealer/ico_dealer.png") no-repeat -349px 0;
}
.dealer-regi-info-box .nav-regi > ul li.end.on a {
  background-color: #fff;
}
.dealer-regi-info-box .nav-regi > ul li.end.on a span {
  color: #336fc9;
}
.dealer-regi-info-box .nav-regi > ul li.delivery a {
  border-color: #ddd !important;
  background-color: #ddd !important;
}
.dealer-regi-info-box .nav-regi > ul li.delivery a span {
  padding: 0 !important;
  color: #222 !important;
}
.dealer-regi-info-box .nav-regi > ul li.delivery a span:after {
  display: none !important;
}
.dealer-regi-info-box .cont-regi {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 686px;
  margin-left: 270px;
  padding: 50px 60px;
  border: 2px solid #336fc9;
  border-radius: 8px;
}
.dealer-regi-info-box .cont-regi .regi-copy-txt {
  position: relative;
  height: 582px;
}
.dealer-regi-info-box .cont-regi .regi-copy-txt span {
  display: block;
  position: absolute;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  left: 0;
  right: 0;
  top: 50%;
  margin: -15px 0 0;
  text-align: center;
}
.dealer-regi-info-box .regi-info-copy {
  margin: 30px 0 0;
  line-height: 30px;
  font-size: 18px;
  font-weight: 100;
}
.dealer-regi-info-box .dealer-sub-tit-box {
  position: relative;
  margin: 0;
}
.dealer-regi-info-box .dealer-sub-tit-box .box-r {
  position: absolute;
  right: 0;
  top: 5px;
}
.dealer-regi-info-box .dealer-sub-tit-box .option-cont {
  margin-top: 8px;
}
.dealer-regi-info-box .dealer-sub-tit {
  font-weight: 400;
}
.dealer-regi-info-box .dealer-sub-tit em {
  font-weight: 400;
}
.dealer-regi-info-box .dealer-sub-tit a {
  display: inline-block;
  font-weight: 400;
}
.dealer-regi-info-box .dealer-sub-tit a .cor-blue {
  color: #336fc9 !important;
}
.dealer-regi-info-box .dealer-sub-tit .txt {
  font-size: 16px;
}
.dealer-regi-info-box .opt-list {
  margin: 30px 0 0;
}
.dealer-regi-info-box .opt-list ul li {
  padding: 17px 0;
}
.dealer-regi-info-box .opt-list ul li .inp-rd.v02 label span, .dealer-regi-info-box .opt-list ul li .v02.inp-rd-new label span {
  color: #222;
}
.dealer-regi-info-box .opt-list ul li .inp-rd.v02.checked label span, .dealer-regi-info-box .opt-list ul li .v02.checked.inp-rd-new label span {
  color: #2666c6;
}
.dealer-regi-info-box .opt-list ul li.bor-none {
  padding: 30px 0 10px;
  border: 0 none;
}
.dealer-regi-info-box .process-btn {
  overflow: hidden;
  margin: 40px 0 0;
}
.dealer-regi-info-box .process-btn .box-l {
  float: left;
}
.dealer-regi-info-box .process-btn .box-r {
  float: right;
}
.dealer-regi-info-box .default-info-regi .regi-row {
  margin: 0 -22px 0 0;
  overflow: hidden;
}
.dealer-regi-info-box .default-info-regi .regi-row:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col {
  float: left;
  width: 100%;
  padding: 0 10px 0 0;
  margin: 40px 0 0 0;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col strong {
  display: block;
  margin: 0 0 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 100;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col strong .ico-help {
  margin: 0 0 0 5px;
  vertical-align: 2px;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col strong em {
  font-weight: 100;
  color: #999;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col strong.v02 {
  font-size: 18px;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col p {
  font-size: 14px;
  line-height: 20px;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col strong + p {
  margin-top: -12px;
  margin-bottom: 20px;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col .tit-box {
  margin: 0 0 20px;
  line-height: 20px;
}
.dealer-regi-info-box .default-info-regi .regi-row .regi-col .option-cont .inp-ch-pn {
  margin: 0 26px 0 0 !important;
}
.dealer-regi-info-box .default-info-regi .regi-row.col02 .regi-col {
  width: 533px;
  padding: 0;
  margin: 40px 20px 0 0;
}
.dealer-regi-info-box .default-info-regi .regi-row.col03 .regi-col {
  width: 348px;
  padding: 0;
  margin: 40px 20px 0 0;
}
.dealer-regi-info-box .default-info-regi .regi-row.col04 .regi-col {
  width: 256px;
  padding: 0;
  margin: 40px 20px 0 0;
}
.dealer-regi-info-box .default-info-regi .regi-row.col04 .regi-col.merge {
  width: 532px;
}
.dealer-regi-info-box .default-info-regi .regi-row.regi-row--percent {
  margin: 0;
}
.dealer-regi-info-box .default-info-regi .regi-row.regi-row--percent.col02 .regi-col {
  width: 48.5%;
  margin-right: 1.5%;
}
.dealer-regi-info-box .default-info-regi .regi-row.regi-row--percent.col03 .regi-col {
  width: 32%;
  margin-right: 1.33%;
}
.dealer-regi-info-box .default-info-regi .regi-row.regi-row--percent.col04 .regi-col {
  width: 23.5%;
  margin-right: 1.5%;
}
.dealer-regi-info-box .default-info-regi .regi-row.regi-row--percent.col04 .regi-col.merge {
  width: 48.5%;
}
.dealer-regi-info-box .default-info-regi .cmm-basic-info .cmm-tit {
  width: 170px;
}
.dealer-regi-info-box .default-info-regi .cmm-basic-info .cmm-input-area {
  padding: 0 0 0 170px;
  font-weight: 100;
  font-size: 16px;
  line-height: 40px;
}
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .inp-ch, .dealer-regi-info-box .default-info-regi .cmm-table.v02 .inp-ch-new,
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .inp-rd,
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .inp-rd-new,
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .inp-t {
  margin: 5px 10px 5px 0;
}
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .ck-div .ck-wrap {
  display: block;
}
.dealer-regi-info-box .default-info-regi .cmm-table.v02 .ck-wrap .btn-m {
  margin: 5px 10px 5px 0;
}
.dealer-regi-info-box .default-info-regi .repair-guide-box p {
  margin: 10px 0 0;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box {
  position: relative;
  min-height: 2090px;
  margin: 30px 0 0;
  padding: 0 0 0 300px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dt {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #666;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f0f0f0;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item {
  display: table;
  width: 100%;
  padding: 15px 20px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span {
  display: table-cell;
  font-size: 16px;
  vertical-align: middle;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span.col-num {
  width: 10%;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span.col-tit {
  width: 30%;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span.col-opt {
  width: 60%;
  padding: 0 0 0 20px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span.col-opt .ico-repair {
  margin: 5px 10% 5px 0;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl dd .car-state-item > span.col-opt .ico-repair:last-child {
  margin: 0;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div {
  position: relative;
  width: 165px;
  margin: 90px auto 0;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item]:before {
  display: none;
  content: "";
  position: absolute;
  right: -27px;
  top: 0;
  width: 22px;
  height: 22px;
  background: url("../images/dealer/ico_repair_state.png") no-repeat;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp01:before {
  display: block;
  background-position: 0 -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp02:before {
  display: block;
  background-position: -32px -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp03:before {
  display: block;
  background-position: -64px -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp04:before {
  display: block;
  background-position: -96px -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp05:before {
  display: block;
  background-position: -128px -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp06:before {
  display: block;
  background-position: -160px -32px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 418px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area01 span {
  position: absolute;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area01 .item01 {
  left: 80px;
  top: 50px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area01 .item08 {
  left: 80px;
  top: 380px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area01 .item12 {
  left: 75px;
  top: 230px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 {
  position: absolute;
  top: 493px;
  left: 0;
  right: 0;
  height: 418px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 span {
  position: absolute;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item09 {
  left: 80px;
  top: 6px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item09:before {
  top: -5px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item15 {
  left: 76px;
  top: 28px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item16 {
  left: 76px;
  top: 130px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item16:before {
  top: -5px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item17 {
  left: 21px;
  top: 68px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item17:before {
  top: -5px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item18 {
  left: 127px;
  top: 68px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item19 {
  left: 15px;
  top: 348px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item20 {
  left: 136px;
  top: 348px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item21 {
  left: 49px;
  top: 85px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item22 {
  left: 101px;
  top: 85px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item23 {
  left: 21px;
  top: 108px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item24 {
  left: 127px;
  top: 109px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item25 {
  left: 15px;
  top: 310px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item26 {
  left: 138px;
  top: 310px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item33 {
  left: 76px;
  top: 150px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item34 {
  left: 76px;
  top: 200px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item35 {
  left: 76px;
  top: 341px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item36 {
  left: 76px;
  top: 379px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area02 .item37 {
  left: 76px;
  top: 298px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 {
  position: absolute;
  top: 1017px;
  left: 0;
  right: 0;
  height: 413px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 span {
  position: absolute;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item02 {
  left: 90px;
  top: 50px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item04 {
  left: 65px;
  top: 165px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item06 {
  left: 65px;
  top: 245px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item10 {
  left: 80px;
  top: 370px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item13 {
  left: 32px;
  top: 213px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item27 {
  left: 120px;
  top: 145px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item29 {
  left: 120px;
  top: 220px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area03 .item31 {
  left: 120px;
  top: 330px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 {
  position: absolute;
  top: 1500px;
  left: 0;
  right: 0;
  height: 413px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 span {
  position: absolute;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item03 {
  left: 70px;
  top: 40px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item05 {
  left: 90px;
  top: 165px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item07 {
  left: 90px;
  top: 250px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item11 {
  left: 70px;
  top: 365px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item28 {
  left: 30px;
  top: 142px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item30 {
  left: 35px;
  top: 222px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item32 {
  left: 30px;
  top: 325px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box dl.car-area-view dd > div .area04 .item34 {
  left: 115px;
  top: 215px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 {
  padding: 0;
  min-height: auto;
  border-bottom: 1px solid #ddd;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd {
  padding: 10px 20px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd span {
  vertical-align: middle;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd .col-tit {
  display: inline-block;
  width: 20%;
  padding: 5px 0;
  font-size: 16px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd .col-box {
  width: 79%;
  padding: 5px 0;
  display: inline-block;
  vertical-align: middle;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd.sub-row {
  padding: 10px 20px 10px 20%;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd.sub-row .tits {
  display: inline-block;
  width: 105px;
  margin: 0 10px 0 0;
  font-size: 16px;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd.sub-row .col-box {
  display: inline-block;
  width: 540px;
  padding: 5px 0;
  vertical-align: middle;
}
.dealer-regi-info-box .default-info-regi .repair-state-view-box.v02 dl dd.sub-row .col-box02 {
  display: inline-block;
  width: 290px;
  padding: 5px 0;
  vertical-align: middle;
}
.dealer-regi-info-box .car-person-num {
  margin: -10px 0 0 -20px;
}
.dealer-regi-info-box .car-person-num > span {
  margin: 10px 0 0 20px;
}
.dealer-regi-info-box .car-color {
  margin: -20px 0 0 -20px;
}
.dealer-regi-info-box .car-color button {
  margin: 20px 0 0 20px;
  outline: 0;
}
.dealer-regi-info-box .car-color button span {
  display: block;
  margin: 10px 0 0;
  white-space: nowrap;
}
.dealer-regi-info-box .car-color button:before {
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("../images/dealer/dealer_car_color.png") no-repeat;
}
.dealer-regi-info-box .car-color button.color01:before {
  background-position: 0 -80px;
}
.dealer-regi-info-box .car-color button.color01.ck-on:before {
  background-position: 0 0;
}
.dealer-regi-info-box .car-color button.color02:before {
  background-position: -80px -80px;
}
.dealer-regi-info-box .car-color button.color02.ck-on:before {
  background-position: -80px 0;
}
.dealer-regi-info-box .car-color button.color03:before {
  background-position: -160px -80px;
}
.dealer-regi-info-box .car-color button.color03.ck-on:before {
  background-position: -160px 0;
}
.dealer-regi-info-box .car-color button.color04:before {
  background-position: -240px -80px;
}
.dealer-regi-info-box .car-color button.color04.ck-on:before {
  background-position: -240px 0;
}
.dealer-regi-info-box .car-color button.color05:before {
  background-position: -320px -80px;
}
.dealer-regi-info-box .car-color button.color05.ck-on:before {
  background-position: -320px 0;
}
.dealer-regi-info-box .car-color button.color06:before {
  background-position: -400px -80px;
}
.dealer-regi-info-box .car-color button.color06.ck-on:before {
  background-position: -400px 0;
}
.dealer-regi-info-box .car-color button.color07:before {
  background-position: -480px -80px;
}
.dealer-regi-info-box .car-color button.color07.ck-on:before {
  background-position: -480px 0;
}
.dealer-regi-info-box .car-color button.color08:before {
  background-position: -560px -80px;
}
.dealer-regi-info-box .car-color button.color08.ck-on:before {
  background-position: -560px 0;
}
.dealer-regi-info-box .car-color button.color09:before {
  background-position: -640px -80px;
}
.dealer-regi-info-box .car-color button.color09.ck-on:before {
  background-position: -640px 0;
}
.dealer-regi-info-box .car-color button.color10:before {
  background-position: -720px -80px;
}
.dealer-regi-info-box .car-color button.color10.ck-on:before {
  background-position: -720px 0;
}
.dealer-regi-info-box .car-color button.color11:before {
  background-position: -800px -80px;
}
.dealer-regi-info-box .car-color button.color11.ck-on:before {
  background-position: -800px 0;
}
.dealer-regi-info-box .car-color button.color12:before {
  background-position: -880px -80px;
}
.dealer-regi-info-box .car-color button.color12.ck-on:before {
  background-position: -880px 0;
}
.dealer-regi-info-box .service-list {
  overflow: hidden;
}
.dealer-regi-info-box .service-list li {
  float: left;
  margin: 0 20px 0 0;
}
.dealer-regi-info-box .dealer-safety-range-box.v02 {
  width: 400px;
  margin: 0 auto;
}
.dealer-regi-info-box .photo-regi-panel {
  margin: 50px 0 0;
  overflow: hidden;
}
.dealer-regi-info-box .photo-regi-panel:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .photo-regi-panel .box-l {
  float: left;
}
.dealer-regi-info-box .photo-regi-panel .box-l p {
  padding: 0 0 0 22px;
  font-size: 18px;
  text-indent: -22px;
}
.dealer-regi-info-box .photo-regi-panel .box-l p span {
  display: inline-block;
  font-size: 16px;
  text-indent: 0;
}
.dealer-regi-info-box .photo-regi-panel .box-r {
  float: right;
}
.dealer-regi-info-box .photo-regi-list {
  overflow: hidden;
  margin: 40px 0 0;
}
.dealer-regi-info-box .photo-regi-list ul {
  margin: -10px -20px 0 0;
}
.dealer-regi-info-box .photo-regi-list ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .photo-regi-list ul li {
  float: left;
  width: 200px;
  height: 150px;
  margin: 20px 20px 0 0;
}
.dealer-regi-info-box .photo-regi-list ul li .photo-regi-end {
  position: relative;
}
.dealer-regi-info-box .photo-regi-list ul li .photo-regi-end .img {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.dealer-regi-info-box .photo-regi-list ul li .photo-regi-end .txt-car-area {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 30px;
  padding: 0 20px;
  line-height: 30px;
  font-weight: 100;
  font-size: 16px;
  color: #fff;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.7);
}
.dealer-regi-info-box .photo-regi-list ul li .photo-regi-end button {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -413px 0;
}
.dealer-regi-info-box .photo-regi-list ul li > button {
  display: block;
  position: relative;
  width: 200px;
  height: 150px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.dealer-regi-info-box .photo-regi-list ul li > button span {
  display: inline-block;
  position: relative;
  padding: 35px 0 0;
  font-weight: 100;
  font-size: 16px;
}
.dealer-regi-info-box .photo-regi-list ul li > button span em {
  font-weight: 100;
  font-size: 16px;
  color: #fd665c;
}
.dealer-regi-info-box .photo-regi-list ul li > button span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -12px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -473px 0;
}
.dealer-regi-info-box .video-url-regi {
  margin: 60px 0 0;
}
.dealer-regi-info-box .video-url-regi strong {
  display: block;
  font-size: 18px;
}
.dealer-regi-info-box .video-url-regi > div {
  position: relative;
  padding: 0 0 0 290px;
  margin: 20px 0 0;
}
.dealer-regi-info-box .video-url-regi > div .url-domain {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 40px;
  font-size: 16px;
  vertical-align: middle;
}
.dealer-regi-info-box .video-url-regi > div .inp-t {
  width: 100%;
}
.dealer-regi-info-box .car-deatil-guide {
  margin: 60px 0 0;
}
.dealer-regi-info-box .car-deatil-guide > strong {
  display: block;
  font-size: 18px;
  font-weight: 100;
}
.dealer-regi-info-box .car-deatil-guide .dealer-tab-box + .delar-txar-box {
  margin: 30px 0 0;
}
.dealer-regi-info-box .car-deatil-guide .delar-txar-box {
  margin: 0;
}
.dealer-regi-info-box .car-deatil-guide .txar-cntr {
  margin: 10px 0 0;
}
.dealer-regi-info-box .car-deatil-guide .txar-cntr:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .car-deatil-guide .txar-cntr .cntr-l {
  float: left;
}
.dealer-regi-info-box .car-deatil-guide .txar-cntr .cntr-r {
  float: right;
}
.dealer-regi-info-box .ad-select-box {
  margin: 60px 0 0;
}
.dealer-regi-info-box .ad-select-box .my-coin {
  line-height: 30px;
  font-size: 24px;
}
.dealer-regi-info-box .ad-select-box .my-coin .txt-coin {
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  font-size: 24px;
  vertical-align: top;
}
.dealer-regi-info-box .ad-select-box .my-coin .txt-to-lack {
  display: inline-block;
  line-height: 30px;
  color: #fd665c;
  vertical-align: top;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn {
  position: relative;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn > strong {
  display: block;
  position: absolute;
  right: 0;
  top: -10px;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul {
  padding: 30px 0 0;
  overflow: hidden;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li {
  position: relative;
  float: left;
  width: 30%;
  margin: 20px 15px 0 0;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li .flag-day {
  display: block;
  position: absolute;
  right: 10px;
  top: -11px;
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  font-size: 13px;
  color: #fff;
  border-radius: 11px;
  background-color: #fd665c;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button {
  width: 100%;
  height: 140px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #fafafa;
  background-color: #fafafa;
  outline: 0;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button span {
  display: inline-block;
  position: relative;
  padding: 0 35px 0 0;
  line-height: 30px;
  font-weight: bold;
  font-size: 24px;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button span:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -52px 0;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button.on {
  border: 1px solid #336fc9;
  background-color: #fff;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button.ongoing {
  background: #336fc9;
  color: #fff;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li button.ongoing span {
  color: #fff;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li p {
  margin: 10px 0 0;
  font-size: 16px;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li .date {
  margin: 15px 0 0;
  font-size: 14px;
  color: #999;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li .date + p {
  margin: 3px 0 0;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li .tip {
  position: absolute;
  right: 0;
  top: -35px;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  background: #ffbc00;
}
.dealer-regi-info-box .ad-select-box .ad-opt-btn ul li .tip:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  right: 32px;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7.5px solid #ffbc00;
}
.dealer-regi-info-box .ad-state-box {
  margin: 60px 0 0;
}
.dealer-regi-info-box .ad-state-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .ad-state-box > strong {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 24px;
}
.dealer-regi-info-box .ad-state-box > strong em {
  display: inline-block;
  line-height: 30px;
  font-weight: 500;
  font-size: 24px;
  color: #336fc9;
}
.dealer-regi-info-box .ad-state-box .result-prediction {
  width: 40%;
  float: left;
  margin: 0 100px 0 0;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div {
  min-width: 367px;
  margin: 60px 0 0;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div .predic-item {
  float: left;
  width: 50%;
  margin: 30px 0 0;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div .predic-item strong {
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: 25px;
  font-size: 18px;
  color: #666;
  vertical-align: middle;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div .predic-item .predic-state {
  margin: 10px 0 0;
  font-weight: 300;
  font-size: 16px;
  color: #999;
}
.dealer-regi-info-box .ad-state-box .result-prediction > div .predic-item .predic-state em {
  font-weight: 900;
  font-size: 24px;
  color: #222;
}
.dealer-regi-info-box .ad-state-box .ad-state-graph {
  float: left;
}
.dealer-regi-info-box .ad-state-box .gage-graph {
  position: relative;
  width: 423px;
  margin: 30px 0 0;
  padding: 30px 20px 0;
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage {
  width: 383px;
  height: 190px;
  background: url("../images/dealer/gage_graph02.png") no-repeat 0 0;
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage .per01,
.dealer-regi-info-box .ad-state-box .gage-graph .gage .per02 {
  display: block;
  position: absolute;
  top: 115px;
  width: 50px;
  text-align: center;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage .per01 {
  left: 130px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage .per02 {
  right: 130px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage .gage-pin {
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  width: 87px;
  height: 66px;
  margin: 0 0 0 -33px;
  background: url("../images/dealer/gage_pin.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 50px;
      -ms-transform-origin: 50% 50px;
          transform-origin: 50% 50px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate01,
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate02,
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate03 {
  display: block;
  position: absolute;
  width: 100px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate01 {
  left: -12px;
  top: 100px;
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate02 {
  left: 50%;
  top: 5px;
  margin: 0 0 0 -50px;
}
.dealer-regi-info-box .ad-state-box .gage-graph .gage-cate03 {
  right: -12px;
  top: 100px;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.dealer-regi-info-box .ad-state-box .gage-graph.on01.IE8 .gage .gage-pin {
  height: 44px;
  background-position: 0 -77px;
}
.dealer-regi-info-box .ad-state-box .gage-graph.on02.IE8 .gage .gage-pin {
  background-position: 0 0;
}
.dealer-regi-info-box .ad-state-box .gage-graph.on03.IE8 .gage .gage-pin {
  height: 44px;
  background-position: 0 -131px;
}
.dealer-regi-info-box .ad-set-state-box {
  margin: 90px 0 0;
}
.dealer-regi-info-box .ad-set-state-box > strong {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 24px;
}
.dealer-regi-info-box .ad-set-state-box > strong em {
  display: inline-block;
  line-height: 30px;
  font-weight: 500;
  font-size: 24px;
  color: #336fc9;
}
.dealer-regi-info-box .ad-set-state-box ul {
  margin: 10px -20px 0 0;
}
.dealer-regi-info-box .ad-set-state-box ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-regi-info-box .ad-set-state-box ul li {
  float: left;
  width: 348px;
  margin: 20px 20px 0 0;
}
.dealer-regi-info-box .ad-set-state-box ul li > div {
  position: relative;
  padding: 30px 40px;
  border-radius: 10px;
  background-color: #f5f6f9;
}
.dealer-regi-info-box .ad-set-state-box ul li > div:after {
  display: block;
  content: "";
  position: absolute;
  right: 30px;
  top: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-regi-info-box .ad-set-state-box ul li > div.ico-ad-state01:after {
  width: 43px;
  height: 42px;
  background-position: 0 -359px;
}
.dealer-regi-info-box .ad-set-state-box ul li > div.ico-ad-state02:after {
  width: 47px;
  height: 47px;
  background-position: -54px -359px;
}
.dealer-regi-info-box .ad-set-state-box ul li > div.ico-ad-state03:after {
  width: 38px;
  height: 43px;
  background-position: -111px -359px;
}
.dealer-regi-info-box .ad-set-state-box ul li strong {
  display: block;
  margin: 0 0 20px;
  font-size: 18px;
}
.dealer-regi-info-box .ad-set-state-box ul li .date {
  color: #999;
}
.dealer-regi-info-box .ad-set-state-box ul li .txt {
  margin: 5px 0 0;
  font-size: 16px;
}
.dealer-regi-info-box .delivery-regi-box > strong {
  display: block;
  margin: 60px 0 20px;
  font-size: 24px;
  font-weight: 100;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a {
  display: inline-block;
  position: relative;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a label {
  display: block;
  cursor: pointer;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url("../images/common/form_icon.png") no-repeat -80px top;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a label > span {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  margin-left: 10px;
  font-size: 16px;
  color: #999;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a.on label:before {
  background-position: -100px top;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a.on label span {
  color: #222;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .pay-cate > a + a {
  margin: 0 0 0 20px;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .normal-price {
  display: none;
  margin: 30px 0 0;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .sale-price {
  margin: 30px 0 0;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .sale-price > span {
  display: inline-block;
  position: relative;
  margin: 0 70px 0 0;
  line-height: 40px;
  font-weight: 500;
  font-size: 18px;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .sale-price > span:after {
  display: block;
  content: "";
  position: absolute;
  right: -45px;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -281px -137px;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .sale-price p {
  margin: 15px 0 0;
  font-size: 16px;
}
.dealer-regi-info-box .delivery-regi-box .pay-inp-wrap .sale-price p span {
  font-size: 14px;
  color: #999;
}
.dealer-regi-info-box .final-price-amount {
  padding: 0 0 40px;
  border-bottom: 1px solid #ddd;
}
.dealer-regi-info-box .final-price-amount > .final-price-tit {
  display: block;
  margin: 0 0 20px;
  font-size: 24px;
}
.dealer-regi-info-box .final-price-amount > div .txt {
  display: inline-block;
  margin: 0 100px 0 0;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.dealer-regi-info-box .repair-photo-box {
  overflow: hidden;
}
.dealer-regi-info-box .repair-photo-box > div {
  overflow: hidden;
  margin: -20px -20px 0 0;
}
.dealer-regi-info-box .repair-photo-box .item {
  position: relative;
  float: left;
  width: 533px;
  height: 400px;
  margin: 20px 20px 0 0;
}
.dealer-regi-info-box .repair-photo-box .item button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.dealer-regi-info-box .repair-photo-box .item button span {
  font-size: 16px;
}
.dealer-regi-info-box .repair-photo-box .item button span:before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  margin: 0 auto 30px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -473px 0;
}
.dealer-regi-info-box .repair-photo-box .item .img {
  display: block;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.dealer-regi-info-box .state-sign-box {
  line-height: 24px;
  letter-spacing: -0.7px;
  font-size: 16px;
}
.dealer-regi-info-box .state-sign-box .inp-ch, .dealer-regi-info-box .state-sign-box .inp-ch-new {
  margin: 0 10px 0 0;
}
.dealer-regi-info-box .pfrm-guarantee-txt .guarant-tit {
  display: block;
  margin: 30px 0 0;
  font-weight: 100;
  font-size: 24px;
}
.dealer-regi-info-box .pfrm-guarantee-txt ul {
  margin: 30px 0 0;
}
.dealer-regi-info-box .pfrm-guarantee-txt ul li {
  margin: 30px 0 0;
  font-weight: 100;
  font-size: 16px;
  line-height: 30px;
}
.dealer-regi-info-box .pfrm-guarantee-txt ul li .inp-t.underline {
  padding: 0;
  margin: 0 10px;
  border: none;
  border-bottom: 1px solid #222;
  border-radius: 0;
}
.dealer-regi-info-box .pfrm-guarantee-txt ul li:first-child {
  margin: 0;
}
.dealer-regi-info-box .pfrm-guarantee-txt .noti {
  margin: 40px 0 0;
  font-weight: 100;
  font-size: 16px;
}

.dealer-service-item {
  display: inline-block;
  width: 260px;
}
.dealer-service-item input[type=checkbox] + label span,
.dealer-service-item input[type=radlio] + label span {
  margin: 10px 0 0;
}
.dealer-service-item input[type=checkbox] + label:before,
.dealer-service-item input[type=radlio] + label:before {
  display: block;
}
.dealer-service-item > label,
.dealer-service-item > span {
  display: block;
}
.dealer-service-item > label span,
.dealer-service-item > span span {
  display: block;
  position: relative;
  height: 80px;
  padding: 0 60px 0 20px;
  margin: 0;
  line-height: 80px;
  font-size: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}
.dealer-service-item > label span:after,
.dealer-service-item > span span:after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 41px;
  height: 42px;
  margin: -22px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-service-item.v01 > label,
.dealer-service-item.v01 > span {
  display: block;
}
.dealer-service-item.v01 > label span:after,
.dealer-service-item.v01 > span span:after {
  background-position: -105px -173px;
}
.dealer-service-item.v02 > label,
.dealer-service-item.v02 > span {
  display: block;
}
.dealer-service-item.v02 > label span:after,
.dealer-service-item.v02 > span span:after {
  background-position: -105px -222px;
}
.dealer-service-item.v03 > label,
.dealer-service-item.v03 > span {
  display: block;
}
.dealer-service-item.v03 > label span:after,
.dealer-service-item.v03 > span span:after {
  background-position: -154px -173px;
}
.dealer-service-item.v04 > label,
.dealer-service-item.v04 > span {
  display: block;
}
.dealer-service-item.v04 > label span:after,
.dealer-service-item.v04 > span span:after {
  width: 40px;
  height: 40px;
  background-position: -154px -222px;
}
.dealer-service-item.v05 > label,
.dealer-service-item.v05 > span {
  display: block;
}
.dealer-service-item.v05 > label span::before,
.dealer-service-item.v05 > span span::before {
  content: "";
  position: absolute;
  background-image: url(../images/dealer/badge_dealer_home.png);
  background-size: 46px;
  width: 46px;
  height: 29px;
  top: -14.5px;
  left: 20px;
  display: block;
}
.dealer-service-item.v05 > label span:after,
.dealer-service-item.v05 > span span:after {
  width: 38px;
  height: 33px;
  background-position: 0 0;
  background-size: 38px;
  margin: -17px 0 0;
  background-image: url(../images/dealer/ico_dealer_home.png);
}

.dealer-indemni-box .dealer-indemni-item {
  display: block;
}
.dealer-indemni-box .dealer-indemni-item + .dealer-indemni-item {
  margin: 10px 0 0;
}

.dealer-indemni-item {
  display: inline-block;
  overflow: hidden;
}
.dealer-indemni-item input[type=checkbox],
.dealer-indemni-item input[type=radio] {
  position: absolute;
  left: -9999px;
}
.dealer-indemni-item label {
  position: relative;
  padding: 20px 20px 20px 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.dealer-indemni-item label strong {
  display: block;
  font-weight: 500;
  font-size: 18px;
}
.dealer-indemni-item label strong span {
  font-weight: 500;
  font-size: 18px;
  color: #2666c6;
}
.dealer-indemni-item label .txt {
  display: block;
  margin: 5px 0 0;
  font-weight: 100;
  font-size: 16px;
  color: #222;
}
.dealer-indemni-item label:before {
  display: block;
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  background: url("../images/common/form_icon.png") no-repeat;
}
.dealer-indemni-item input[type=checkbox] + label:before {
  background-position: -20px top;
}
.dealer-indemni-item input[type=radio] + label:before {
  background-position: -80px top;
}
.dealer-indemni-item .comt {
  margin: 10px 0 0;
  font-weight: 100;
  color: #fd665c;
}
.dealer-indemni-item .indem-part-list {
  overflow: hidden;
  margin: 20px -20px 0 0;
}
.dealer-indemni-item .indem-part-list li {
  float: left;
  margin: 0 20px 0 0;
}
.dealer-indemni-item.checked input[type=radio] + label:before {
  background-position: -100px top;
}
.dealer-indemni-item.checked input[type=checkbox] + label:before {
  background-position: -40px top;
}

.dealer-ico-part {
  display: inline-block;
  position: relative;
  font-weight: 100;
  text-align: center;
  white-space: nowrap;
}
.dealer-ico-part:before {
  display: block;
  content: "";
  width: 61px;
  height: 61px;
  margin: 0 auto 10px;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-ico-part.v01:before {
  background-position: -205px -173px;
}
.dealer-ico-part.v02:before {
  background-position: -275px -173px;
}
.dealer-ico-part.v03:before {
  background-position: -205px -243px;
}
.dealer-ico-part.v04:before {
  background-position: -275px -243px;
}

.dealer-sell-service-list li {
  position: relative;
}
.dealer-sell-service-list li strong {
  display: block;
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 100;
}
.dealer-sell-service-list li p {
  font-size: 16px;
}
.dealer-sell-service-list li:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 61px;
  height: 61px;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-sell-service-list li.item01:after {
  background-position: -345px -173px;
}
.dealer-sell-service-list li.item02:after {
  background-position: -345px -243px;
}
.dealer-sell-service-list li + li {
  margin: 30px 0 0;
}

.delar-market-price-state {
  overflow: hidden;
}
.delar-market-price-state:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.delar-market-price-state .state-item {
  float: left;
  width: 48%;
  margin: 20px 0 0 0;
  padding: 30px;
  border-radius: 5px;
  background-color: #f5f6f9;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.delar-market-price-state .state-item strong {
  display: block;
  margin: 0 0 30px;
  font-weight: 300;
  font-size: 18px;
}
.delar-market-price-state .state-item strong span {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.delar-market-price-state .state-item ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.delar-market-price-state .state-item ul li {
  float: left;
  width: 33.3%;
}
.delar-market-price-state .state-item ul li .tit {
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  text-align: center;
}
.delar-market-price-state .state-item ul li .price {
  display: block;
  text-align: center;
}
.delar-market-price-state .state-item ul li .price span {
  font-size: 24px;
  font-weight: 600;
}
.delar-market-price-state .state-item ul li .price.low span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
}
.delar-market-price-state .state-item ul li .price.low span:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 13px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -281px -91px;
}
.delar-market-price-state .state-item ul li .price.high span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  color: #2666c6;
}
.delar-market-price-state .state-item ul li .price.high span:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 13px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -281px -113px;
}
.delar-market-price-state .state-item + .state-item {
  margin-left: 20px;
}
.delar-market-price-state .nodata {
  line-height: 24px;
  font-size: 16px;
  text-align: center;
}

.w1260 .delar-market-price-state .state-item {
  width: 500px;
}
.w1260 .delar-market-price-state .state-item + .state-item {
  margin: 20px 0 0;
}

.dealer-ai-pay:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-ai-pay .tit {
  display: inline-block;
  margin: 0 180px 0 0;
  line-height: 30px;
  font-size: 16px;
  vertical-align: middle;
}
.dealer-ai-pay .price {
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  font-size: 24px;
  color: #2666c6;
  vertical-align: middle;
}

.dealer-market-price-comt {
  margin: 40px 0 0;
  line-height: 24px;
  font-size: 16px;
}

.dealer-price-eval {
  overflow: hidden;
  margin: 30px 0 0;
}
.dealer-price-eval > div {
  float: left;
  margin: 0 80px 0 0;
}
.dealer-price-eval > div .tit {
  display: inline-block;
  margin: 0 20px 0 0;
  line-height: 34px;
  font-size: 16px;
  vertical-align: middle;
}
.dealer-price-eval > div .cont {
  display: inline-block;
  line-height: 34px;
  vertical-align: middle;
}
.dealer-price-eval > div .cont span {
  font-weight: 600;
  font-size: 24px;
}

.dealer-no-same-car-group {
  margin: 40px 0 0;
  padding: 80px 0;
  font-weight: 100;
  font-size: 16px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.dealer-regi-sell-price {
  overflow: hidden;
  margin: 60px 0 0;
  padding: 30px;
  border-radius: 5px;
  background-color: #ffcc00;
}
.dealer-regi-sell-price strong {
  float: left;
  position: relative;
  padding: 0 0 0 40px;
  line-height: 40px;
  font-size: 18px;
}
.dealer-regi-sell-price strong:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -335px -42px;
}
.dealer-regi-sell-price .regi-price {
  float: right;
}
.dealer-regi-sell-price .regi-price .inp-ch label span, .dealer-regi-sell-price .regi-price .inp-ch-new label span {
  font-weight: 100;
  color: #666;
}
.dealer-regi-sell-price.type2 {
  padding: 25px 30px;
}
.dealer-regi-sell-price.type2 .regi-tit {
  font-size: 20px;
  font-weight: bold;
  background: none;
  line-height: 1.2;
  margin-bottom: 20px;
}
.dealer-regi-sell-price.type2 .regi-price {
  float: left;
  max-width: 50%;
  width: auto;
  text-align: left;
}
.dealer-regi-sell-price.type2 .regi-price.result {
  float: right;
  width: 278px;
}
.dealer-regi-sell-price.type2 .regi-price.result .form-area2 {
  width: auto;
}
.dealer-regi-sell-price.type2 .form-item .inp-t {
  width: 200px;
}
.dealer-regi-sell-price.no-box {
  background: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.dealer-regi-sell-price.no-box .regi-price .inp-t {
  border: 1px solid #ddd;
}
.dealer-regi-sell-price.no-box .t-txt {
  font-weight: 100;
  font-size: 16px;
}

.dealer-finance-info {
  margin: 60px 0 0;
}
.dealer-finance-info strong {
  display: block;
  font-weight: 500;
  line-height: 60px;
  font-size: 50px;
  color: #336fc9;
}
.dealer-finance-info .opt-date {
  margin: 60px 0 0;
  font-size: 24px;
  font-weight: 600;
}
.dealer-finance-info .opt-date span {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 100;
}

.dealer-safety-range-box {
  position: relative;
  padding: 4px 40px 25px;
}
.dealer-safety-range-box .graph-box {
  position: relative;
  height: 4px;
  border-radius: 2px;
  background-color: #ddd;
}
.dealer-safety-range-box .graph-box .g-bar {
  position: absolute;
  top: 0;
  display: block;
  height: 4px;
  border-radius: 2px;
  background-color: #336fc9;
}
.dealer-safety-range-box .graph-box .g-bar .b-min,
.dealer-safety-range-box .graph-box .g-bar .b-max {
  position: absolute;
  top: 10px;
  display: block;
  text-align: center;
  width: 80px;
  height: 18px;
  line-height: 18px;
}
.dealer-safety-range-box .graph-box .g-bar .b-min:before,
.dealer-safety-range-box .graph-box .g-bar .b-max:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: -13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 11px;
  height: 11px;
  margin: 0 0 0 -6px;
  border: 2px solid #336fc9;
  border-radius: 100%;
  background: #fff;
}
.dealer-safety-range-box .graph-box .g-bar .b-min {
  left: 0;
  margin: 0 0 0 -40px;
}
.dealer-safety-range-box .graph-box .g-bar .b-max {
  right: 0;
  margin: 0 -40px 0 0;
}
.dealer-safety-range-box .graph-box .g-point {
  position: absolute;
  top: -4px;
  display: block;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #336fc9;
}
.dealer-safety-range-box .graph-box .g-point:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
}
.dealer-safety-range-box .g-min,
.dealer-safety-range-box .g-max {
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
  width: 80px;
  height: 18px;
  line-height: 18px;
}
.dealer-safety-range-box .g-min {
  left: 0;
}
.dealer-safety-range-box .g-max {
  right: 0;
}

.dealer-market-prediction-box {
  position: relative;
  max-width: 1480px;
  min-height: 360px;
  margin: 90px 0 0;
  padding-left: 690px;
}
.dealer-market-prediction-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-market-prediction-box .result-prediction {
  width: 380px;
}
.dealer-market-prediction-box .result-prediction > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-market-prediction-box .result-prediction > div .predic-item {
  float: left;
  width: 50%;
}
.dealer-market-prediction-box .result-prediction > div .predic-item strong {
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: 25px;
  font-size: 18px;
  color: #666;
  vertical-align: middle;
}
.dealer-market-prediction-box .result-prediction > div .predic-item .predic-state {
  margin: 10px 0 0;
  font-weight: 300;
  font-size: 16px;
  color: #999;
}
.dealer-market-prediction-box .result-prediction > div .predic-item .predic-state em {
  font-weight: 900;
  font-size: 24px;
  color: #222;
}
.dealer-market-prediction-box .result-prediction .predic-noti {
  margin: 55px 0 0;
  font-size: 16px;
  letter-spacing: -1px;
}
.dealer-market-prediction-box .prediction-graph {
  position: absolute;
  left: 0;
  top: 0;
  width: 590px;
  height: 360px;
  background: #f58484;
}
.dealer-market-prediction-box .prediction-graph > div {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align: center;
}
.dealer-market-prediction-box .price-setting {
  margin-top: 75px;
}
.dealer-market-prediction-box .price-setting .price-cntr > button {
  width: 40px;
  height: 40px;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
  vertical-align: middle;
}
.dealer-market-prediction-box .price-setting .price-cntr .minus-num {
  background-position: -303px -91px;
}
.dealer-market-prediction-box .price-setting .price-cntr .plus-num {
  background-position: -353px -91px;
}
.dealer-market-prediction-box .price-setting .price-cntr .marketing-price {
  display: inline-block;
  margin: 0 10px;
  line-height: 40px;
  font-weight: bold;
  font-size: 30px;
  vertical-align: middle;
}
.dealer-market-prediction-box .price-setting .predic-noti {
  margin: 18px 0 0;
  font-size: 16px;
  letter-spacing: -1px;
}
.dealer-market-prediction-box .gage-graph {
  position: absolute;
  left: 50px;
  top: 50px;
  padding: 30px 20px 0;
}
.dealer-market-prediction-box .gage-graph .gage {
  width: 383px;
  height: 190px;
  background: url("../images/dealer/gage_graph.png") no-repeat 0 0;
}
.dealer-market-prediction-box .gage-graph .gage .per01,
.dealer-market-prediction-box .gage-graph .gage .per02 {
  display: block;
  position: absolute;
  top: 115px;
  width: 50px;
  text-align: center;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.dealer-market-prediction-box .gage-graph .gage .per01 {
  left: 130px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.dealer-market-prediction-box .gage-graph .gage .per02 {
  right: 130px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}
.dealer-market-prediction-box .gage-graph .gage .gage-pin {
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  width: 87px;
  height: 66px;
  margin: 0 0 0 -33px;
  background: url("../images/dealer/gage_pin.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 50px;
      -ms-transform-origin: 50% 50px;
          transform-origin: 50% 50px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.dealer-market-prediction-box .gage-graph .gage-cate01,
.dealer-market-prediction-box .gage-graph .gage-cate02,
.dealer-market-prediction-box .gage-graph .gage-cate03 {
  display: block;
  position: absolute;
  width: 100px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.dealer-market-prediction-box .gage-graph .gage-cate01 {
  left: -12px;
  top: 100px;
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.dealer-market-prediction-box .gage-graph .gage-cate02 {
  left: 50%;
  top: 5px;
  margin: 0 0 0 -50px;
}
.dealer-market-prediction-box .gage-graph .gage-cate03 {
  right: -12px;
  top: 100px;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.dealer-market-prediction-box .gage-graph.on01.IE8 .gage .gage-pin {
  height: 44px;
  background-position: 0 -77px;
}
.dealer-market-prediction-box .gage-graph.on02.IE8 .gage .gage-pin {
  background-position: 0 0;
}
.dealer-market-prediction-box .gage-graph.on03.IE8 .gage .gage-pin {
  height: 44px;
  background-position: 0 -131px;
}

.week-avg {
  width: 480px;
  margin-top: 30px;
}
.week-avg .tit-week-avg {
  margin: 0 0 30px;
}
.week-avg .tit-week-avg strong {
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: 25px;
  font-size: 18px;
  color: #666;
  vertical-align: middle;
}
.week-avg .avg-bar-graph {
  position: relative;
  width: 100%;
  height: 30px;
}
.week-avg .avg-bar-graph .act-bar {
  position: absolute;
  top: 50%;
  height: 4px;
  margin: -2px 0 0;
  background-color: #2666c6;
}
.week-avg .avg-bar-graph .act-bar .act-bar-min,
.week-avg .avg-bar-graph .act-bar .act-bar-max {
  position: absolute;
  top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #2666c6;
}
.week-avg .avg-bar-graph .act-bar .act-bar-min span,
.week-avg .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;
}
.week-avg .avg-bar-graph .act-bar .act-bar-min {
  left: -6px;
}
.week-avg .avg-bar-graph .act-bar .act-bar-max {
  right: -6px;
}
.week-avg .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;
}
.week-avg .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;
}
.week-avg .avg-bar-graph .dott.active {
  border: 7px solid #ffcd42;
}
.week-avg .avg-bar-graph:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  margin: -2px 0 0;
  background-color: #f1f1f1;
}
.week-avg .avg-chk-box {
  margin: 70px 0 0;
}
.week-avg .avg-chk-box button {
  overflow: visible;
  position: relative;
  width: 120px;
}
.week-avg .avg-chk-box button.on:after {
  display: block;
  content: "";
  position: absolute;
  top: -13px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -395px -42px;
}

.dealer-car-level-choice {
  overflow: hidden;
  margin: 60px 0 0;
}
.dealer-car-level-choice .level-box {
  overflow: hidden;
  margin: -10px -10px 0 0;
}
.dealer-car-level-choice .level-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-car-level-choice .level-box > li {
  float: left;
  width: 300px;
  margin: 10px 10px 0 0;
}
.dealer-car-level-choice .level-box > li .level-tit-group {
  position: relative;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 500px;
  padding: 200px 0 0;
  text-align: center;
  border-radius: 10px;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a > span {
  display: inline-block;
  position: relative;
  padding: 70px 0 0;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a > span:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 44px;
  height: 36px;
  margin: 0 0 0 -22px;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a.ico-tit01 > span:after {
  background-position: 0 -313px;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a.ico-tit02 > span:after {
  background-position: -49px -313px;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a.ico-tit03 > span:after {
  background-position: -91px -313px;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a.ico-tit04 > span:after {
  background-position: -137px -313px;
}
.dealer-car-level-choice .level-box > li .level-tit-group > a.ico-tit05 > span:after {
  background-position: -181px -313px;
}
.dealer-car-level-choice .level-box > li .level-tit-group .selected-view {
  position: absolute;
  top: 340px;
  left: 0;
  right: 0;
  text-align: center;
}
.dealer-car-level-choice .level-box > li .level-tit-group .selected-view > span {
  display: inline-block;
  position: relative;
  width: 160px;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.dealer-car-level-choice .level-box > li .level-tit-group .selected-view > span a {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -413px 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box {
  display: none;
  height: 500px;
  padding: 30px 0 0;
  border-radius: 10px;
}
.dealer-car-level-choice .level-box > li .level-opt-box > strong {
  display: block;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-class {
  overflow: hidden;
  margin: 30px 0 0;
  padding: 0 18px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-class > div {
  margin: -4px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-class a {
  display: inline-block;
  height: 40px;
  margin: 4px 0 0;
  padding: 0 15px;
  line-height: 40px;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-class a.on {
  color: #fff;
  border: 1px solid #336fc9;
  background-color: #336fc9;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list {
  overflow: hidden;
  height: 290px;
  margin: 20px 0 0;
  padding: 0 0 0 18px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul {
  margin: -20px -17px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li {
  float: left;
  width: 160px;
  margin: 20px 17px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new {
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd input[type=radio], .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new input[type=radio] {
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 0;
  width: 0;
  height: 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 160px;
  padding: 20px 0 0;
  border-radius: 10px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label span, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label span {
  margin: 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label .img, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label .img {
  display: block;
  width: 130px;
  margin: auto;
  text-align: center;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label .img img, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label .img img {
  display: block;
  width: auto;
  height: 84px;
  max-width: 100%;
  margin: 0 auto;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label .name, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label .name {
  display: block;
  margin: 3px 0 0;
  font-size: 16px;
  text-align: center;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label .price, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label .price {
  display: block;
  padding: 2px 0 0;
  font-size: 16px;
  text-align: center;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd label:before, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd-new label:before {
  display: none;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .inp-rd.checked label, .dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li .checked.inp-rd-new label {
  background: #eaf0f9;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li label {
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li label input[type=radio] {
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 0;
  width: 0;
  height: 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list ul li label input[type=radio]:checked + div {
  background: #eaf0f9;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand {
  margin: 30px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul {
  margin: -10px -11px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li {
  width: 120px;
  margin: 10px 11px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd label, .dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd-new label {
  display: block;
  height: 120px;
  padding: 25px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd label .img, .dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd-new label .img {
  margin: 0 auto;
  line-height: 36px;
  width: 100%;
  height: 36px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd label .img img, .dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd-new label .img img {
  vertical-align: middle;
  width: auto;
  height: 36px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd label .name, .dealer-car-level-choice .level-box > li .level-opt-box .model-list.brand ul li .inp-rd-new label .name {
  margin: 10px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 {
  margin: 30px 0 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li {
  margin: 20px 0 0;
  padding: 0 0 0 40px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new {
  display: block;
  overflow: hidden;
  position: relative;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd input[type=radio], .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new input[type=radio] {
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 0;
  width: 0;
  height: 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd label, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new label {
  display: block;
  position: relative;
  padding: 0 0 0 30px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd label span, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new label span {
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
  color: #222;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd label span + span, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new label span + span {
  position: relative;
  margin: 0;
  padding: 0 0 0 17px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd label span + span:after, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new label span + span:after {
  display: block;
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 1px;
  height: 13px;
  margin: -6px 0 0;
  background-color: #222;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd label:before, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd-new label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/common/form_icon.png") no-repeat -80px top;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd.checked label span, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .checked.inp-rd-new label span {
  color: #2666c6;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd.checked label span + span:after, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .checked.inp-rd-new label span + span:after {
  background-color: #2666c6;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .inp-rd.checked label:before, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li .checked.inp-rd-new label:before {
  background-position: -100px top;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul li:first-child {
  margin: 0;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul.cmm-in-model {
  display: none;
  margin-top: 15px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul.cmm-in-model li {
  padding: 0 0 0 30px;
}
.dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul .inp-rd.checked + .cmm-in-model, .dealer-car-level-choice .level-box > li .level-opt-box .model-list02 ul .checked.inp-rd-new + .cmm-in-model {
  display: block;
}
.dealer-car-level-choice .level-box > li.level01 .level-tit-group > a {
  background-color: #2666c6;
}
.dealer-car-level-choice .level-box > li.level01 .level-opt-box {
  border: 2px solid #2666c6;
}
.dealer-car-level-choice .level-box > li.level02 .level-tit-group > a {
  background-color: #a3adce;
}
.dealer-car-level-choice .level-box > li.level02 .level-opt-box {
  border: 2px solid #a3adce;
}
.dealer-car-level-choice .level-box > li.level03 .level-tit-group > a {
  background-color: #a29b93;
}
.dealer-car-level-choice .level-box > li.level03 .level-opt-box {
  border: 2px solid #a29b93;
}
.dealer-car-level-choice .level-box > li.level04 .level-tit-group > a {
  background-color: #fcaf17;
}
.dealer-car-level-choice .level-box > li.level04 .level-opt-box {
  border: 2px solid #fcaf17;
}
.dealer-car-level-choice .level-box > li.active {
  width: 550px;
}
.dealer-car-level-choice .level-box > li.active .level-tit-group {
  display: none;
}
.dealer-car-level-choice .level-box > li.active .level-opt-box {
  display: block;
}
.dealer-car-level-choice .mCSB_inside > .mCSB_container {
  margin: 0 13px 0 0;
}
.dealer-car-level-choice .mCSB_inside .mCSB_scrollTools {
  width: 13px;
}
.dealer-car-level-choice .mCSB_inside .mCSB_scrollTools .mCSB_dragger {
  width: 5px;
}
.dealer-car-level-choice .mCSB_inside .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag {
  border-radius: 2px;
  opacity: 1;
  background-color: #ccc;
}
.dealer-car-level-choice .mCSB_inside .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  border-radius: 2px;
  background-color: #ccc;
}
.dealer-car-level-choice .mCSB_inside .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  margin: 0;
  background-color: #fff;
}
.dealer-car-level-choice .level-btn-box {
  overflow: hidden;
  margin: 20px 0 0;
}
.dealer-car-level-choice .level-btn-box .box-l {
  float: left;
}
.dealer-car-level-choice .level-btn-box .box-r {
  float: right;
}

.gift-regi-list-sort {
  margin: 60px 0 0;
  text-align: right;
}
.gift-regi-list-sort .select2 {
  text-align: left;
}
.gift-regi-list-sort .select2.select2-container--default .select2-selection--single {
  border-radius: 20px;
}
.gift-regi-list-sort .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
}

.gift-regi-list {
  margin: 20px 0 0;
  padding: 30px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.gift-regi-list ul {
  margin: -30px -20px 0 0;
}
.gift-regi-list ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.gift-regi-list ul li {
  float: left;
  width: 200px;
  margin: 30px 20px 0 0;
}
.gift-regi-list ul li a {
  display: block;
  margin: 10px 0 0;
}
.gift-regi-list ul li .img {
  position: relative;
  display: block;
  height: 150px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.gift-regi-list ul li .img img {
  height: 100%;
}
.gift-regi-list ul li .img .date {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 8px;
  overflow: hidden;
}
.gift-regi-list ul li .img .date-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #323232;
  opacity: 0.6;
}
.gift-regi-list ul li .img .date-text {
  position: relative;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.gift-regi-list ul li strong {
  display: block;
  display: -webkit-box;
  height: 56px;
  margin: 15px 0 0;
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gift-regi-list ul li .pay {
  position: relative;
  display: block;
  height: 52px;
  margin-top: 5px;
  overflow: hidden;
}
.gift-regi-list ul li .pay .normal {
  display: block;
  color: #999;
  text-decoration: line-through;
}
.gift-regi-list ul li .pay .date {
  display: block;
  color: #999;
}
.gift-regi-list ul li .pay .sale {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #336fc9;
}
.gift-regi-list ul li .pay .per {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  color: #fd665c;
}

.dealer-gift-detail-box {
  position: relative;
}
.dealer-gift-detail-box .flag-sale {
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 76px;
  height: 76px;
  line-height: 76px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  background-color: #fd665c;
  z-index: 2;
}
.dealer-gift-detail-box .gift-view-slide {
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav {
  height: 0;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.owl-prev {
  left: 10px;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.owl-next {
  right: 10px;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button.disabled.owl-next:after {
  width: 19px;
  background-position: -125px top;
}
.dealer-gift-detail-box .gift-view-slide .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-gift-detail-box .gift-info {
  margin: 30px 0 0;
}
.dealer-gift-detail-box .gift-info strong {
  display: block;
  line-height: 30px;
  font-size: 24px;
}
.dealer-gift-detail-box .gift-info .pay {
  margin: 10px 0 0;
}
.dealer-gift-detail-box .gift-info .pay .normal {
  display: inline-block;
  color: #999;
  text-decoration: line-through;
}
.dealer-gift-detail-box .gift-info .pay .sale {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #336fc9;
}
.dealer-gift-detail-box .detail-guide {
  overflow: hidden;
  margin: 30px 0 0;
}
.dealer-gift-detail-box .detail-guide .detail-tab {
  overflow: hidden;
  margin: 0 -1% 30px 0;
}
.dealer-gift-detail-box .detail-guide .detail-tab a {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24%;
  height: 40px;
  margin: 0 1% 0 0;
  line-height: 38px;
  color: #336fc9;
  text-align: center;
  border: 1px solid #336fc9;
  border-radius: 5px;
  background-color: #fff;
}
.dealer-gift-detail-box .detail-guide .detail-tab a.on {
  color: #fff;
  background-color: #336fc9;
}
.dealer-gift-detail-box .detail-guide .detail-cont > div {
  display: none;
}
.dealer-gift-detail-box .detail-guide .detail-cont > div:first-child {
  display: block;
}

.popup-wrap.dealer-tp .txt01 {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.popup-wrap.dealer-tp .txt02 {
  display: block;
  font-size: 16px;
  color: #999;
}

.dealer-pic.dealer-pic-wrap .pic-list {
  padding-top: 30px;
  padding-bottom: 30px;
}
.dealer-pic .pic-list .pic-info {
  float: none;
  width: 100%;
}
.dealer-pic .pic-list .pic-info [class*=cmm-state] {
  height: 24px;
  line-height: 22px;
  vertical-align: 2px;
}
.dealer-pic .pic-list .pic-info .car-img {
  width: 120px;
  height: auto;
}
.dealer-pic .pic-list .pic-info .car-txt {
  padding-left: 10px;
  width: auto;
  overflow: hidden;
  float: none;
}
.dealer-pic .pic-list .pic-info .car-txt .car-name-ad {
  line-height: 1.5;
}
.dealer-pic .pic-list .pic-info .car-txt .car-name-ad span.car-num-ad {
  line-height: 1.5;
}
.dealer-pic .pic-list .pic-info .car-txt .car-name-ad.big-tit {
  font-weight: bold;
  font-size: 30px;
}
.dealer-pic .pic-list .pic-info .car-txt .ad-reg {
  font-weight: 500;
  color: #999 !important;
}
.dealer-pic .pic-list .pic-info .car-txt .app-date .date {
  font-size: 16px;
  color: #666;
}
.dealer-pic .float-r {
  float: right !important;
}
.dealer-pic .car-bidding > * {
  font-size: 18px;
}
.dealer-pic .car-bidding strong {
  font-weight: bold;
}
.dealer-pic .car-bidding.tp02 > * {
  font-size: 24px;
}

.dealer-special-sale {
  padding: 15px 0 10px;
}
.dealer-special-sale .img-wrap-right {
  float: right;
}
.dealer-special-sale .img-wrap-right img {
  border-radius: 6px;
}

.dealer-set-pricing {
  padding: 20px 0 10px;
}
.dealer-set-pricing .old-money {
  font-size: 16px;
}
.dealer-set-pricing .old-money span {
  font-weight: 500;
  font-size: 18px;
  text-decoration: line-through;
}

.dealer-participation-form .acc-save {
  position: relative;
}
.dealer-participation-form .acc-save .coin {
  top: 2px;
}
.dealer-participation-form .ra-ck {
  position: relative;
}
.dealer-participation-form .ra-ck .input-r + label {
  font-size: 14px;
}
.dealer-participation-form .coin {
  font-size: 30px;
  position: absolute;
  right: 0px;
  top: -8px;
  font-size: 30px;
}
.dealer-participation-form .coin:after {
  position: relative;
  top: 3px;
  right: 0;
  display: inline-block;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -274px 0;
  content: "";
}
.dealer-participation-form .coin.off {
  color: #999;
}
.dealer-participation-form .coin.off:after {
  background-position-x: -240px;
}
.dealer-participation-form .coin.pos-static {
  position: static;
}
.dealer-participation-form .section-tit {
  display: block;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: normal;
}
.dealer-participation-form .section-tit.tp02 {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.dealer-participation-form .section-tit.tp03 {
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.dealer-participation-form .box-content {
  text-align: right;
}
.dealer-participation-form .box-content .h-box {
  position: relative;
}
.dealer-participation-form .box-content .h-box .p-tit {
  font-weight: 500;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 7px;
}
.dealer-participation-form .box-content .h-box .p-tit.tp-02:after {
  margin-left: 23px;
}
.dealer-participation-form .box-content .h-box .p-tit:after {
  display: inline-block;
  margin-left: 32px;
  width: 17px;
  height: 12px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -213px 0;
  content: "";
  vertical-align: 2px;
}
.dealer-participation-form .right-text {
  text-align: right;
  color: #999 !important;
}
.dealer-participation-form .right-text * {
  color: #999 !important;
}
.dealer-participation-form > ol > li {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}
.dealer-participation-form > ol > li.b-no {
  border-top: 0;
}
.dealer-participation-form > ol > li.b-bot {
  border-bottom: 1px solid #ddd;
}
.dealer-participation-form .align-r {
  text-align: right;
}

.dealer-sellcar-edit .v-box {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}
.dealer-sellcar-edit .v-box .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: normal;
}
.dealer-sellcar-edit .v-box .ra-ck {
  margin-bottom: 24px;
}
.dealer-sellcar-edit .v-box .bl-dash {
  display: inline-block;
  width: 16px;
  text-align: center;
}
.dealer-sellcar-edit .v-box .month-period {
  margin-left: 10px;
  font-weight: 300;
  font-size: 16px;
}
.dealer-sellcar-edit .h-box {
  border-top: 1px solid #ddd;
}
.dealer-sellcar-edit .h-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-sellcar-edit .h-box .v-box {
  width: 195px;
  border-top: 0;
  float: left;
}
.dealer-sellcar-edit .h-box .v-box + .v-box {
  float: right;
}

.dealer-sellcar-info-txt {
  padding-top: 15px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
}
.dealer-sellcar-info-txt > div {
  padding: 9px 0;
}
.dealer-sellcar-info-txt > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-sellcar-info-txt > div h3 {
  float: left;
  font-weight: 300;
  font-size: 16px;
  color: #888;
}
.dealer-sellcar-info-txt > div div {
  float: right;
  font-weight: 500;
  font-size: 16px;
}
.dealer-sellcar-info-txt > div div .txt-point {
  font-weight: 500;
  font-size: 16px;
  color: #2666c6;
}
.dealer-sellcar-info-txt > div.frm-box h3 {
  position: relative;
  top: 7px;
}

.dealer-pop-copy {
  margin: 0 0 25px;
  padding: 0 0 25px;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
}
.dealer-pop-copy .cor-blue {
  font-size: 18px;
}
.dealer-pop-copy .cor-blue .cor-blue {
  color: #336fc9 !important;
}

.dealer-sns-pop {
  overflow: hidden;
}
.dealer-sns-pop ul {
  margin: -1% -1% 0 0;
}
.dealer-sns-pop ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-sns-pop ul li {
  float: left;
  width: 49%;
  margin: 1% 1% 0 0;
}
.dealer-sns-pop ul li a {
  display: block;
  position: relative;
  padding: 150px 0 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
}
.dealer-sns-pop ul li a:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50px;
  width: 65px;
  height: 65px;
  margin: 0 0 0 -33px;
  background: url("../images/dealer/sns_dealer.png") no-repeat;
}
.dealer-sns-pop ul li a.sns-kakao:after {
  background-position: -75px 0;
}
.dealer-sns-pop ul li a.sns-kakao-story:after {
  background-position: 0 0;
}
.dealer-sns-pop ul li a.sns-facebook:after {
  background-position: -150px 0;
}
.dealer-sns-pop ul li a.sns-url:after {
  background-position: -225px 0;
}

.map-addr {
  font-size: 18px;
}

.map-wrap {
  margin: 30px 0 0;
}

.dealer-graph-line {
  padding: 25px 0 20px;
  border: 1px solid #ddd;
  border-width: 1px 0;
}
.dealer-graph-line .tit {
  font-size: 18px;
  text-align: center;
}
.dealer-graph-line .tit strong {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
}
.dealer-graph-line .tit [class^=cor] {
  font-size: 18px;
}
.dealer-graph-line .dealer-safety-range-box {
  padding-bottom: 38px;
}
.dealer-graph-line .dealer-safety-range-box .b-min,
.dealer-graph-line .dealer-safety-range-box .b-max {
  padding-top: 13px;
}

.dealer-photo-modify {
  position: relative;
}
.dealer-photo-modify .modify-txt {
  font-weight: 100;
  font-size: 16px;
}
.dealer-photo-modify .modify-photo-list {
  position: relative;
  margin: 20px 0 0;
}
.dealer-photo-modify .modify-photo-list .owl-nav {
  position: absolute;
  top: -42px;
  right: 0;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.owl-next {
  margin: 0 0 0 10px;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button.disabled.owl-next:after {
  width: 19px;
  background-position: -125px top;
}
.dealer-photo-modify .modify-photo-list .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-photo-modify .photo-box {
  margin: 20px 0 0;
}
.dealer-photo-modify .cropper-line {
  background-color: #ffcc00;
}
.dealer-photo-modify .cropper-point {
  background-color: #ffcc00;
}
.dealer-photo-modify .cropper-dashed {
  border: 1px solid #ffcc00;
}
.dealer-photo-modify .cropper-view-box {
  outline: 1px solid #ffcc00;
}
.dealer-photo-modify .nav-txt {
  position: absolute;
  right: 95px;
  top: 0;
  line-height: 34px;
  font-size: 16px;
}
.dealer-photo-modify .nav-txt .now {
  font-size: 16px;
  color: #2666c6;
}
.dealer-photo-modify .nav-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.dealer-photo-modify .nav-btn > button {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.dealer-photo-modify .nav-btn > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.dealer-photo-modify .nav-btn > button.nav-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.dealer-photo-modify .nav-btn > button.nav-next {
  margin: 0 0 0 10px;
}
.dealer-photo-modify .nav-btn > button.nav-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.dealer-photo-modify .nav-btn > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.dealer-photo-modify .nav-btn > button.disabled.nav-prev:after {
  background-position: -108px top;
}
.dealer-photo-modify .nav-btn > button.disabled.nav-next:after {
  width: 19px;
  background-position: -125px top;
}
.dealer-photo-modify .nav-btn > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.dealer-photo-modify .modify-cntr-box {
  margin: 20px 0 0;
  text-align: center;
}
.dealer-photo-modify .modify-cntr-box button {
  width: 120px;
}
.dealer-photo-modify .btn-cut span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-photo-modify .btn-cut span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -425px -42px;
}
.dealer-photo-modify .btn-rotate span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-photo-modify .btn-rotate span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 17px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -451px -42px;
}
.dealer-photo-modify .btn-del span {
  position: relative;
  padding: 0 0 0 25px;
}
.dealer-photo-modify .btn-del span:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 13px;
  height: 16px;
  margin: -8px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -481px -42px;
}

.dealer-performance-regi .pfrm-tit {
  display: block;
  margin: 60px 0 20px;
  font-size: 24px;
  font-weight: 100;
}
.dealer-performance-regi .pfrm-cont {
  margin: 20px 0 0;
}
.dealer-performance-regi .dealer-pfmc-photo {
  overflow: hidden;
  margin: 40px 0 0;
}
.dealer-performance-regi .dealer-pfmc-photo ul {
  margin: -40px -20px 0 0;
}
.dealer-performance-regi .dealer-pfmc-photo ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-performance-regi .dealer-pfmc-photo ul li {
  float: left;
  width: 532px;
  margin: 40px 20px 0 0;
}
.dealer-performance-regi .dealer-pfmc-photo ul li .tit {
  height: 48px;
  margin: 0 0 15px;
  line-height: 24px;
  font-weight: 100;
  font-size: 16px;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div {
  position: relative;
  height: 400px;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div .img {
  display: block;
  overflow: hidden;
  height: 400px;
  border: 10px solid #f2f2f2;
  text-align: center;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div .img img {
  height: 100%;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div .del {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -413px 0;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div .regi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/dealer/dealer_dim.png") repeat;
}
.dealer-performance-regi .dealer-pfmc-photo ul li > div .regi:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -403px -91px;
}
.dealer-performance-regi .no-regi-pfrm {
  margin: 60px 0 0;
}
.dealer-performance-regi .no-regi-pfrm .txt01 {
  margin: 0 0 10px;
  line-height: 30px;
  font-size: 24px;
}
.dealer-performance-regi .no-regi-pfrm .txt02 {
  line-height: 24px;
  font-weight: 100;
  font-size: 16px;
}
.dealer-performance-regi .pfrm-noti {
  margin: 40px 0 0;
}
.dealer-performance-regi .pfrm-noti > span {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
}
.dealer-performance-regi .pfrm-noti .txt01 {
  font-weight: 100;
  font-size: 16px;
  letter-spacing: -1px;
}
.dealer-performance-regi .pfrm-noti .txt01 + .txt02 {
  margin: 10px 0 0;
}
.dealer-performance-regi .pfrm-noti .txt02 {
  padding: 0 0 0 18px;
  text-indent: -18px;
  font-weight: 100;
  font-size: 16px;
  color: #fd665c;
  letter-spacing: -1px;
}

.dealer-pfmc-regi-cate {
  overflow: hidden;
}
.dealer-pfmc-regi-cate ul {
  overflow: hidden;
  margin: -20px -20px 0 0;
}
.dealer-pfmc-regi-cate ul li {
  float: left;
  width: 256px;
  margin: 20px 20px 0 0;
}
.dealer-pfmc-regi-cate ul li a {
  display: block;
  position: relative;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.dealer-pfmc-regi-cate ul li a span {
  display: block;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  letter-spacing: -0.7px;
}
.dealer-pfmc-regi-cate ul li a:after {
  display: block;
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  background: url("../images/dealer/ico_dealer.png") no-repeat;
}
.dealer-pfmc-regi-cate ul li a.cate01:after {
  width: 50px;
  height: 40px;
  margin: -20px 0 0;
  background-position: -227px -313px;
}
.dealer-pfmc-regi-cate ul li a.cate02:after {
  width: 39px;
  height: 40px;
  margin: -20px 0 0;
  background-position: -291px -313px;
}
.dealer-pfmc-regi-cate ul li a.cate03:after {
  width: 54px;
  height: 34px;
  margin: -17px 0 0;
  background-position: -340px -313px;
}
.dealer-pfmc-regi-cate ul li a.cate04:after {
  width: 54px;
  height: 34px;
  margin: -20px 0 0;
  background-position: -404px -313px;
}
.dealer-pfmc-regi-cate ul li.on a {
  border: 1px solid #336fc9;
}

.accident-history {
  margin: -5px;
  overflow: hidden;
}
.accident-history:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.accident-history li {
  width: 20%;
  padding: 5px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.accident-history li > div {
  height: 133px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.accident-history li > div:before {
  display: block;
  margin: 18px auto 10px;
  width: 48px;
  height: 48px;
  content: "";
  background: url("../images/dealer/list_dealer_02.png") no-repeat 0 0;
}
.accident-history li > div.li01:before {
  background-position-x: 0;
}
.accident-history li > div.li02:before {
  background-position-x: -58px;
}
.accident-history li > div.li03:before {
  background-position-x: -116px;
}
.accident-history li > div.li04:before {
  background-position-x: -174px;
}
.accident-history li > div.li05:before {
  background-position-x: -232px;
}
.accident-history li > div.li06:before {
  background-position-x: -290px;
}
.accident-history li > div.li07:before {
  background-position-x: -348px;
}
.accident-history li > div.li08:before {
  background-position-x: -406px;
}
.accident-history li > div.li09:before {
  background-position-x: -464px;
}
.accident-history li > div.li10:before {
  background-position-x: -522px;
}
.accident-history li > div.li11:before {
  background-position-x: -580px;
}
.accident-history li > div .num {
  margin-top: 2px;
  font-size: 16px;
}
.accident-history li > div .num strong {
  font-weight: bold;
  font-weight: normal;
}
.accident-history li.colspan2 {
  width: 40%;
}

.dealer-pop-hotmark {
  overflow: hidden;
}
.dealer-pop-hotmark ul {
  overflow: hidden;
  margin: 0;
}
.dealer-pop-hotmark ul li {
  float: left;
  width: 70px;
  margin: 0 5px 10px;
}
.dealer-pop-hotmark ul li button {
  width: 100%;
  height: 30px;
  color: #222;
  border: 1px solid #222;
  border-radius: 30px;
}
.dealer-pop-hotmark ul li button.hot-mark01.on {
  color: #fff;
  border-color: #ffbc00;
  background: #ffbc00;
}
.dealer-pop-hotmark ul li button.hot-mark02.on {
  color: #fff;
  border-color: #9cd5c2;
  background: #9cd5c2;
}
.dealer-pop-hotmark ul li button.hot-mark03.on {
  color: #fff;
  border-color: #2666c6;
  background: #2666c6;
}
.dealer-pop-hotmark ul li button.hot-mark04.on {
  color: #fff;
  border-color: #fd665c;
  background: #fd665c;
}
.dealer-pop-hotmark ul li button.hot-mark05.on {
  color: #fff;
  border-color: #aad1d9;
  background: #aad1d9;
}

.cmm-appl-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-appl-info > div {
  float: left;
  width: 480px;
}
.cmm-appl-info > div .txt {
  margin-bottom: 5px;
  font-size: 16px;
}
.cmm-appl-info > div .txt span {
  font-size: 16px;
}
.cmm-appl-info > div .txt .appl-date {
  color: #999;
  margin-left: 15px;
}

.cmm-check-item dt {
  color: #2666c6;
  font-size: 16px;
  margin-bottom: 15px;
}
.cmm-check-item dd {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 16px;
  color: #999;
}
.cmm-check-item dd:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

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

.comment-view {
  position: relative;
}
.comment-view .type {
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.comment-view .tit {
  font-size: 36px;
  line-height: 1.33;
  font-weight: 300;
}
.comment-view .data-line-cm {
  display: block;
  margin-top: 17px;
  overflow: hidden;
}
.comment-view .data-line-cm span {
  position: relative;
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #999;
}
.comment-view .data-line-cm [class*=ico] {
  position: relative;
  padding-left: 30px;
}
.comment-view .data-line-cm [class*=ico]:after {
  content: "";
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  position: absolute;
  top: 50%;
  left: 10px;
}
.comment-view .data-line-cm .ico-view:after {
  background-position: 0 -681px;
  width: 15px;
  height: 11px;
  margin-top: -5px;
}
.comment-view .data-line-cm .ico-fav:after {
  background-position: -16px -680px;
  width: 13px;
  height: 14px;
  margin-top: -7px;
}

.il-box.fl-cont .tit-box {
  float: left;
  padding: 7px 0 0;
}
.il-box.fl-cont .file-box {
  padding-left: 103px;
}

.ad-effect-graph {
  position: absolute;
  left: 0;
  top: 0;
  width: 590px;
  height: 360px;
}
.ad-effect-graph .amcharts-chart-div a {
  display: none !important;
}
.ad-effect-graph .age-area {
  position: absolute;
  left: 0;
  top: 380px;
  width: 100%;
}
.ad-effect-graph .age-area > div {
  position: relative;
  width: auto;
  margin: 0 0 0 75px;
}
.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: 55px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-left: -16px;
  z-index: 9;
}
.ad-effect-graph .age-area .age-num:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 29px;
  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: 33px;
  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: 20px;
  background: #2666c6;
  color: #fff;
  font-weight: 600;
  border-radius: 20px;
  line-height: 20px;
  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: 20px;
  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: -25px;
  width: 150px;
  margin-left: -75px;
  text-align: center;
}

.cmm-dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 390px;
  z-index: 10;
}
.cmm-dim:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}
.cmm-dim .cmm-dim-txt {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  margin-top: -9px;
  z-index: 11;
}

.cmm-table .table-layout {
  table-layout: fixed;
}

.cmm-txt-over {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cla-hf-box {
  overflow: hidden;
}
.cla-hf-box .left {
  float: left;
  width: 380px;
}
.cla-hf-box .right {
  float: left;
  width: 380px;
  margin-left: 30px;
}

.dealer-top-area .myinfo {
  float: left;
}
.dealer-top-area .btn-screen-ch {
  position: relative;
  display: inline-block;
  width: 100px;
  border: 1px solid #37609d;
  height: 40px;
  border-radius: 40px;
  margin-left: 20px;
}
.dealer-top-area .btn-screen-ch button {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  line-height: 38px;
  z-index: 2;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  outline: 0;
}
.dealer-top-area .btn-screen-ch .dlr {
  color: #37609d;
}
.dealer-top-area .btn-screen-ch:after {
  content: "";
  position: absolute;
  left: 46px;
  top: 2px;
  width: 50px;
  height: 34px;
  background: #37609d;
  border-radius: 34px;
  z-index: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.dealer-top-area .btn-screen-ch.active .dlr {
  color: #fff;
}
.dealer-top-area .btn-screen-ch.active .cs {
  color: #37609d;
}
.dealer-top-area .btn-screen-ch.active:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 50px;
  height: 34px;
  background: #37609d;
  border-radius: 34px;
  z-index: 0;
}

.cmm-dealer-rating li {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}
.cmm-dealer-rating li:first-child {
  border-top: none;
}
.cmm-dealer-rating li .img {
  float: left;
  width: 75px;
}
.cmm-dealer-rating li dl {
  padding: 0 0 0 75px;
}
.cmm-dealer-rating li dl dt {
  font-size: 18px;
  padding: 9px 0 14px;
}
.cmm-dealer-rating li dl dd {
  position: relative;
  padding: 0 0 0 10px;
}
.cmm-dealer-rating li dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 1px;
  background: #222;
}
.cmm-dealer-rating li.last .img {
  position: relative;
  left: -20px;
  top: 2px;
}
.cmm-dealer-rating li.last dt {
  padding-top: 0;
}

.cmm-h-type {
  margin-top: 47px;
}
.cmm-h-type .inp-rd, .cmm-h-type .inp-rd-new {
  margin: 0 25px 15px 0;
}

.no-data-txt {
  position: relative;
}
.no-data-txt .txt {
  position: absolute;
  top: -60px;
  left: 0;
  padding: 25px 30px;
  border-radius: 7px;
  background: #ffbc00;
  color: #fff;
  font-weight: bold;
  -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}
.no-data-txt .txt:after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 10px solid #ffbc00;
}

.layer-content h3.ly-sub-title {
  font-size: 18px;
  padding: 10px 0;
}
.layer-content h3.ly-sub-title.mid {
  margin-top: 20px;
}
.layer-content .tb-basic {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.layer-content .tb-basic thead tr th {
  padding: 9px 20px;
  color: #222;
  font-size: 16px;
  font-weight: 100;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #f0f0f0;
}
.layer-content .tb-basic thead tr th:first-child {
  border-left: 0;
}
.layer-content .tb-basic tbody tr:first-child th {
  border-top: none;
}
.layer-content .tb-basic tbody tr:first-child td {
  border-top: none;
}
.layer-content .tb-basic tbody tr th {
  padding: 9px 20px;
  color: #222;
  font-size: 16px;
  font-weight: 100;
  border-top: 1px solid #ddd;
  background-color: #f0f0f0;
  text-align: left;
}
.layer-content .tb-basic tbody tr th.center {
  text-align: center;
}
.layer-content .tb-basic tbody tr td {
  color: #222;
  border-top: 1px solid #ddd;
  height: 60px;
  padding: 9px 20px;
  font-weight: normal;
}
.layer-content .tb-basic tbody tr td:hover {
  color: #222;
}
.layer-content .tb-basic tbody tr td .no-result {
  text-align: center;
}
.layer-content .tb-basic tbody tr td strong {
  font-weight: 600;
}
.layer-content .tb-basic tbody tr td strong.tx-dark-cyan {
  color: #336fc9;
}
.layer-content .tb-basic tbody tr td .float-left,
.layer-content .tb-basic tbody tr td .phone, .layer-content .tb-basic tbody tr td.left {
  text-align: left;
}
.layer-content .tb-basic.sm td {
  text-align: center;
}
.layer-content .tb-basic.sm td.right {
  text-align: right;
}
.layer-content .ly-sms-box {
  margin-top: 30px;
}
.layer-content .alert-list p {
  position: relative;
  padding: 0 0 0 10px;
}
.layer-content .alert-list p:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.layer-content input[type=text] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
}
.layer-content .btn.lv2 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 60px;
  height: 40px;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #336fc9;
  border-radius: 4px;
  background-color: #336fc9;
  color: #fff;
  cursor: pointer;
}
.layer-content .btn.lv3 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 60px;
  height: 40px;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #222;
  cursor: pointer;
}
.layer-content .btn.lv3.point-b {
  margin-left: 20px;
}
.layer-content .sms-nuber {
  display: inline-block;
  margin-right: 10px;
}
.layer-content .checkbox-group {
  margin-bottom: 10px;
}
.layer-content .checkbox {
  display: inline-block;
  vertical-align: middle;
}
.layer-content .checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.layer-content .checkbox input:checked + label:before {
  background-position: -40px top;
}
.layer-content .checkbox input:disabled + lable {
  ackground-position: -60px top;
}
.layer-content .checkbox label {
  display: block;
  cursor: pointer;
}
.layer-content .checkbox label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url("../images/common/form_icon.png") no-repeat -20px top;
}
.layer-content .checkbox label > em {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  margin-left: 10px;
  font-size: 16px;
}
.layer-content .checkbox + .checkbox {
  margin-left: 25px;
}

.mypage-section .contract-info-list {
  margin: 20px 0 30px;
}
.mypage-section .contract-info-list > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
}
.mypage-section .contract-info-list > li:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 3px;
}
.mypage-section .contract-info-list > li > ul {
  padding: 5px 0 0;
}
.mypage-section .contract-info-list > li > ul > li {
  position: relative;
  padding: 0 0 0 10px;
}
.mypage-section .contract-info-list > li > ul > li:after {
  content: "-";
  position: absolute;
  left: 0;
  top: 3px;
}
.mypage-section .contract-info-list .tx-dark-cyan {
  color: #336fc9;
}
.mypage-section .contract-agree-list li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 15px;
}
.mypage-section .contract-agree-list li span {
  position: absolute;
  left: 0;
  top: 0;
}
.w1280 .dealer-mng-state-list {
  overflow: hidden;
}
.w1280 .dealer-mng-state-list ul li {
  width: 32%;
}

.dlList {
  padding: 30px 0 0;
}
.dlList dt {
  float: left;
  font-size: 18px;
}
.dlList dd {
  margin-bottom: 10px;
  padding: 0 0 0 150px;
  font-size: 16px;
  color: #fd665c;
}

.dealer-wrap--layerpop {
  margin: 0;
  padding: 0;
}
.dealer-wrap--layerpop .dealer-line-wrap {
  border: 0;
}
.dealer-wrap--layerpop .ico-menu-list.tp-02 li .txt {
  font-size: 16px;
}

.textTitle {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
}
.textTitle strong {
  font-weight: bold;
}

.displayBlock {
  display: block;
}

.overflowHide {
  overflow: hidden;
}

.searchArea__content__info.roundTop .searchAreaTabContent {
  border-radius: 15px;
  border-top: 1px solid #ddd;
}

.minW1200 {
  min-width: 1200px;
}

.file-box .fb-btm.fileImage .img-box {
  width: 157px;
  height: 120px;
}

.cmm-car-photo ul li.off {
  display: none;
}

.top-tit-copy.fs-36,
.tv-tit01.fs-36 {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}
.top-tit-copy.fs-36 .cor-blue,
.tv-tit01.fs-36 .cor-blue {
  font-size: 36px;
  font-weight: normal;
}

.top-tit.heightAuto {
  width: auto !important;
  min-height: auto !important;
  padding-bottom: 0 !important;
}

.grd-box.h80 {
  line-height: 80px;
}

/* 차량위치 상단이동 */
.dealer-cmm-top-wrap .top-car-model-info {
  width: 1180px !important;
}
.dealer-cmm-top-wrap .top-car-model-info.car-model-vTop .img {
  bottom: auto;
  top: 0;
}
.dealer-cmm-top-wrap .top-car-model-info.car-model-vTop .img img {
  bottom: auto;
  top: 0;
}

/* 바꿔줘 2020.09.111 */
.line-table thead th {
  height: 50px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 100;
  color: #333;
  text-align: center;
}
.line-table tbody td {
  padding: 30px 0;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.line-table tbody td:first-child {
  text-align: left;
}
.line-table tbody td .date-count {
  margin-bottom: 20px;
}
.line-table tbody td .date-count div {
  display: inline-block;
  padding: 8px 15px;
  margin-left: 20px;
  background: #fd665c;
  border-radius: 7px;
}
.line-table tbody td .date-count span,
.line-table tbody td .date-count strong {
  color: #fff;
  font-size: 16px;
}
.line-table tbody td .date-count strong {
  margin-left: 40px;
  font-weight: bold;
}
.line-table tbody td .pic-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;
}
.line-table tbody td .pic-info .car-img {
  width: 180px;
  height: 135px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 30px;
}
.line-table tbody td .pic-info .car-info-sb .sell-pc span {
  color: #fff;
}
.line-table tbody td .pic-info .car-info-sb .sell-pc span.cm-cmm-state {
  background: #336fc9;
  border-color: #336fc9;
}
.line-table tbody td .pic-info .car-info-sb .sell-pc span.sl-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
}
.line-table tbody td .pic-info .car-info-sb .sell-pc .price {
  font-size: 18px;
  font-weight: black;
  color: #336fc9;
  padding-left: 10px;
}
.line-table tbody td .pic-info .car-info-sb strong {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.line-table tbody td .counsel-state {
  display: inline-block;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  font-size: 14px;
}
.line-table tbody td .counsel-state.counsel-b {
  border-color: #336fc9;
  color: #336fc9;
}
.line-table tbody td .counsel-state.counsel-g {
  border-color: #10af5b;
  color: #10af5b;
}
.line-table tbody td .counsel-state.counsel-r {
  border-color: #fd665c;
  color: #fd665c;
}
.line-table tbody td .btn-m {
  display: inline-block;
}
.line-table tbody td .btn-m.disable {
  background: #dedede;
  cursor: default;
}
.line-table tbody td .btn-m.disable span {
  color: #999;
}
.line-table tbody td [class*=btn-] + [class*=btn-] {
  margin-left: 0;
}
.line-table tbody td .customer-tel-num {
  margin-bottom: 20px;
}
.line-table tbody td .customer-tel-num span {
  display: block;
  font-size: 18px;
}
.line-table tbody td .customer-tel-num div {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.line-table tbody td .customer-tel-num div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}

/* 방문예약 */
.btn-today-reserv {
  padding: 30px;
  background: #5c6ffd;
  border-radius: 7px;
}
.btn-today-reserv p {
  font-size: 24px;
  margin-bottom: 30px;
  color: #fff;
}
.btn-today-reserv p strong {
  font-weight: 600;
}
.btn-today-reserv a {
  color: #fff;
}
.btn-today-reserv a:after {
  background-position: -6px -80px;
  top: 3px;
}

/*보내줘차차차*/
.btn-today-delivery {
  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 40px;
  background: #fafafa;
  border-radius: 7px;
}
.btn-today-delivery div {
  font-size: 16px;
}
.btn-today-delivery div strong {
  font-size: 20px;
  color: #fd665c;
  font-weight: 600;
}
.btn-today-delivery a {
  font-size: 16px;
}

/*실매물 검색*/
.delar-txar-file .add-file-list .file {
  background: url("../images/sub/ico_clip.png") no-repeat 0 2px;
  display: inline-block;
  padding-left: 20px;
  color: #2666c6;
  margin-bottom: 5px;
}
.delar-txar-file .add-file-list .fb-del {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
  margin-left: 10px;
}
.delar-txar-file .add-file-list .fb-del span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.delar-txar-file .add-file-list .fb-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.delar-txar-file .file-txt {
  margin-top: 20px;
}
.delar-txar-file .file-txt p {
  font-size: 16px;
  color: #666;
}
.delar-txar-file.file-flex-list {
  overflow: hidden;
  margin-top: 40px;
}
.delar-txar-file.file-flex-list dt {
  margin-right: 45px;
  font-size: 16px;
  float: left;
}
.delar-txar-file.file-flex-list dd {
  float: left;
}

/*진단중고차*/
.diagcar-num {
  position: relative;
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
  padding-right: 15px;
}
.diagcar-num span {
  font-size: 16px;
}
.diagcar-num:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 10px;
  margin-top: -4px;
  background: url("../images/sub/bg_completed_arrow_g01.png") no-repeat;
}

.ico-menu-list-new {
  width: 340px;
  overflow: hidden;
}
.ico-menu-list-new li {
  width: 170px;
  float: left;
}

.ad-btn-area:after {
  display: block;
  clear: both;
  content: "";
}
.ad-btn-area .btn-diagnosis {
  position: relative;
  float: left;
}
.ad-btn-area .btn-diagnosis.col2 > a {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}
.ad-btn-area .btn-diagnosis a {
  position: relative;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 50px 0 20px;
  color: #010101;
  text-align: left;
  text-decoration: none;
  font-weight: 500;
  border-radius: 36px;
}
.ad-btn-area .btn-diagnosis a:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url("../images/sub/dia_arrow.png") no-repeat;
  background-size: 7px 48px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
}
.ad-btn-area .btn-diagnosis a.btn-app {
  background: #ffbc00;
}
.ad-btn-area .btn-diagnosis a.btn-app:after {
  background-position: 0 0;
}
.ad-btn-area .btn-diagnosis a.btn-app.disabled {
  background: #e4e4e4;
  cursor: default;
}
.ad-btn-area .btn-diagnosis a.btn-app.disabled:after {
  display: none;
}
.ad-btn-area .btn-diagnosis a.btn-use {
  background: #60584c;
  color: #fff;
}
.ad-btn-area .btn-diagnosis a.btn-use:after {
  background-position: 0 -12px;
}
.ad-btn-area .btn-diagnosis a.btn-prog {
  background: #9cd5c2;
}
.ad-btn-area .btn-diagnosis a.btn-prog:after {
  background-position: 0 -24px;
}
.ad-btn-area .btn-diagnosis.btn-diagnosis--left a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ad-btn-area .btn-diagnosis.btn-diagnosis--right a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ad-btn-area .btn-diagnosis.btn-diagnosis--right a.btn-prog {
  background: #fd665c;
  color: #fff;
}
.ad-btn-area .btn-diagnosis.btn-diagnosis--right a.btn-prog:after {
  background-position: 0 -36px;
}
.ad-btn-area .btn-diagnosis .btn-cert {
  padding-right: 20px;
  background-color: #ff5d16;
  color: #fff;
}
.ad-btn-area .btn-diagnosis .btn-cert::after {
  display: none;
}
.ad-btn-area .btn-diagnosis .balloon-box {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  font-size: 14px;
  padding: 5px 20px;
  line-height: 1.4;
  background: #434c53;
  white-space: nowrap;
}
.ad-btn-area .btn-diagnosis .balloon-box:before {
  position: absolute;
  bottom: 100%;
  left: 20px;
  display: block;
  width: 12px;
  height: 9px;
  margin-bottom: -1px;
  background: url("../images/common/intro-balloon-tip.svg") center/contain no-repeat;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
  content: "";
}

/*인증중고차 팝업*/
.calendar-box .ui-datepicker .ui-widget-header {
  margin: 0 10px;
}
.calendar-box .ui-datepicker .ui-widget-header a.ui-datepicker-next {
  right: 0;
  top: 21px;
}
.calendar-box .ui-datepicker .ui-widget-header a.ui-datepicker-prev {
  left: 0;
  top: 21px;
}
.calendar-box .ui-datepicker.ui-widget-content {
  position: relative;
  width: 100%;
  padding: 10px;
  border-color: #ddd;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.calendar-box .ui-datepicker.ui-widget-content .ui-state-active {
  background-color: #336fc9 !important;
  color: #fff !important;
}
.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-datepicker-today a.ui-state-active {
  background-color: #336fc9 !important;
  color: #fff !important;
}

.diagnosis-pop .diag-price {
  text-align: right;
}
.diagnosis-pop .diag-price .pay-type {
  display: block;
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}
.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-size: 16px;
  padding-right: 12px;
}
.diagnosis-pop .diag-price .car-price strong {
  position: relative;
  font-size: 24px;
  font-weight: 600;
}
.diagnosis-pop .diag-price .car-price strong span {
  font-size: 16px;
}
.diagnosis-pop .diag-rest {
  text-align: right;
}
.diagnosis-pop .diag-rest span {
  font-size: 16px;
  font-weight: 600;
  color: #fd665d;
  display: block;
  margin-bottom: 10px;
}
.diagnosis-pop .diag-rest strong {
  font-size: 22px;
  font-weight: 600;
}
.diagnosis-pop .diag-caution {
  background: #f1f1f1;
  padding: 20px;
  margin-top: 30px;
}
.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: 4px;
  height: 4px;
  border-radius: 3px;
  background: #999;
  position: absolute;
  left: 2px;
  top: 8px;
}

.common-sub-content .top-tit.diag-bg {
  position: relative;
}
.common-sub-content .top-tit.diag-bg:after {
  content: "";
  position: absolute;
  right: -170px;
  top: 0;
  display: block;
  width: 306px;
  height: 281px;
  background: url("../images/sub/bg_diag.png") no-repeat 0 0;
}

.diag-table tbody tr td {
  padding: 40px 10px;
}
.diag-table .pic-info {
  text-align: left;
  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;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diag-table .pic-info .car-img {
  position: relative;
  width: 180px;
  height: 135px;
  border-radius: 8px;
  overflow: hidden;
}
.diag-table .pic-info .car-img .img-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diag-table .pic-info .car-img .img-thum img {
  display: block;
  width: 100%;
  border-radius: 8px;
}
.diag-table .pic-info .car-img .check-bedge {
  position: absolute;
  top: 10px;
  left: 10px;
}
.diag-table .pic-info .car-img .check-bedge img {
  max-width: 44px;
}
.diag-table .pic-info .car-txt {
  padding-left: 30px;
}
.diag-table .pic-info .car-txt .car-num {
  font-size: 18px;
}
.diag-table .car-price {
  font-size: 24px;
  font-weight: 900;
  color: #336fc9;
}
.diag-table .ad-info span {
  display: block;
  color: #999;
}
.diag-table .diag-reserv {
  overflow: hidden;
}
.diag-table .diag-reserv span {
  display: block;
  font-size: 16px;
  text-align: right;
}
.diag-table .diag-reserv span i {
  font-style: normal;
  color: #336fc9;
}
.diag-table .diag-reserv .btn-diagnosis {
  float: right;
  margin-top: 20px;
  width: 240px;
}
.diag-table .diag-reserv .btn-diagnosis:first-child {
  margin-top: 0;
}
.diag-table .diag-reserv .btn-diagnosis a {
  position: relative;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 25px 0 10px;
  border-radius: 3px;
  text-align: left;
  color: #000;
}
.diag-table .diag-reserv .btn-diagnosis a:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url("../images/sub/dia_arrow.png") no-repeat;
  background-size: 7px 48px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.diag-table .diag-reserv .btn-diagnosis a.btn-cancel {
  background: #fd665c;
  color: #fff;
}
.diag-table .diag-reserv .btn-diagnosis a.btn-cancel:after {
  background-position: 0 -36px;
}
.diag-table .diag-reserv .btn-diagnosis a.btn-app {
  background: #ffbc00;
}
.diag-table .diag-reserv .btn-diagnosis a.btn-app:after {
  background-position: 0 0;
}
.diag-table .pic-info.sold-out .car-img {
  position: relative;
}
.diag-table .pic-info.sold-out .car-img:after {
  content: "";
  display: block;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.diag-table .pic-info.sold-out .car-img:before {
  content: "SOLD OUT";
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fd665c;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -50px;
  border-radius: 4px;
  z-index: 1;
}
.diag-table [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;
  color: #fff;
}
.diag-table .gray-cmm-state {
  background: #ddd;
  border-color: #ddd;
  color: #fff;
}
.diag-table .green-cmm-state {
  background: #10af5b;
  border-color: #10af5b;
  color: #fff;
}
.diag-table .blue-cmm-state {
  background: #336fc9;
  border-color: #336fc9;
  color: #fff;
}
.diag-table .red-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}
.diag-table .red-dk-cmm-state {
  background: #89150d;
  border-color: #89150d;
  color: #fff;
}
.diag-table .btn-state {
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 3px;
  line-height: 30px;
  color: #fff;
}
.diag-table .btn-state:after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: 7px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
}
.diag-table .btn-state.video {
  background: #2666c6;
}
.diag-table .btn-state.reason {
  background: #333;
}

.area .check-bedge {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 2;
  display: block;
}
.area .check-bedge-normal {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: block;
}

.no-diagdata {
  padding-top: 270px;
  margin: 80px 0;
  background: url("../images/sub/no_diagdata.png") no-repeat 50% 0;
  text-align: center;
}
.no-diagdata p {
  font-size: 18px;
}

.visual-diag {
  background: url("../images/sub/visual_diag.jpg") no-repeat 0 0;
  height: 540px;
  margin-bottom: 100px;
  padding: 155px 0 0 50px;
}
.visual-diag .text .title {
  font-size: 50px;
  font-size: 300;
  color: #fff;
}
.visual-diag .text .title span {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
}
.visual-diag .text p {
  font-size: 16px;
  color: #fff;
  padding: 35px 0 40px;
}
.visual-diag .view-link {
  width: 116px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  background: #fd665c;
  text-align: center;
}
.visual-diag .view-link a {
  color: #fff;
  font-weight: 300;
}

.calc-pd {
  margin-top: 70px;
  display: inline-block;
}
.calc-pd h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.calc-pd .calc-pd-check {
  background: #f5f6f9 url("../images/sub/bg_calc_pd.png") no-repeat 200px 50%;
  border-radius: 8px;
  padding: 35px 110px 35px 35px;
}

/* 진단차량관리 수정 2021.02.08*/
.diag-top-ed {
  clear: both;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diag-top-ed .btn-menu-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.diag-top-ed .btn-menu-list .mycar-admin {
  position: relative;
  width: 300px;
  height: 120px;
  border-radius: 16px;
  padding: 30px 0 30px 85px;
  margin-right: 20px;
}
.diag-top-ed .btn-menu-list .mycar-admin:before {
  content: "";
  display: block;
  width: 38px;
  height: 33px;
  position: absolute;
  top: 30px;
  left: 30px;
  background: url("../images/sub/mycar_admin.png") no-repeat;
}
.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: 50px;
  margin-top: -8px;
  background: url("../images/sub/arr_mycar_admin.png") no-repeat;
}
.diag-top-ed .btn-menu-list .mycar-admin strong {
  display: block;
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 10px;
}
.diag-top-ed .btn-menu-list .mycar-admin span {
  font-size: 16px;
  color: #fff;
}
.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: -38px 0;
}
.diag-top-ed .btn-menu-list .mycar-admin-home {
  background: #f8de7a;
}
.diag-top-ed .btn-menu-list .mycar-admin-home strong,
.diag-top-ed .btn-menu-list .mycar-admin-home span {
  color: #303030;
}
.diag-top-ed .btn-menu-list .mycar-admin-home:before {
  background: url(../images/sub/mycar_home.png) no-repeat;
}
.diag-top-ed .btn-menu-list .mycar-admin-home:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 43px;
  height: 24px;
  background: url(../images/sub/new_icon.png) no-repeat;
}
.diag-top-ed .btn-menu-list .mycar-admin-home a::after {
  width: 10px;
  height: 10px;
  background: none;
  border-top: solid 2px #303030;
  border-right: solid 2px #303030;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.diag-top-ed .ico-menu-list {
  margin: -12px 0 0 10px;
}

/*진단예약 팝업 수정 2021.02.23*/
.diagnosis-pop .diag-caution-check {
  margin-top: 40px;
}
.diagnosis-pop .diag-caution-check .inp-ch, .diagnosis-pop .diag-caution-check .inp-ch-new {
  position: relative;
}
.diagnosis-pop .diag-caution-check .inp-ch label, .diagnosis-pop .diag-caution-check .inp-ch-new label {
  padding-left: 20px;
}
.diagnosis-pop .diag-caution-check .inp-ch label:before, .diagnosis-pop .diag-caution-check .inp-ch-new label:before {
  position: absolute;
  top: 1px;
  left: 0;
}
.diagnosis-pop .diag-caution-check .diag-caution-list {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px 15px 0 15px;
  margin-top: 20px;
}
.diagnosis-pop .diag-caution-check .diag-caution-list ul li {
  position: relative;
  padding-left: 15px;
  padding-bottom: 15px;
  color: #999;
}
.diagnosis-pop .diag-caution-check .diag-caution-list ul li:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #fd665c;
  position: absolute;
  top: 7px;
  left: 0;
}

/*진단예약 팝업 수정 2021.03.18*/
.diagnosis-pop .calendar-box-hg .ui-datepicker .ui-widget-header {
  margin-bottom: 10px;
}
.diagnosis-pop .calendar-box-hg .ui-datepicker .ui-widget-header a.ui-datepicker-next {
  top: 10px;
}
.diagnosis-pop .calendar-box-hg .ui-datepicker .ui-widget-header a.ui-datepicker-prev {
  top: 10px;
}
.diagnosis-pop .calendar-box-hg .ui-datepicker .ui-widget-header .ui-datepicker-title {
  margin-top: 0;
  height: 30px;
  line-height: 30px;
}
.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 {
  width: 23%;
  height: 30px;
  margin-bottom: 10px;
}
.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;
}

/* 온라인 진단 - 진단신청차량 정보확인 */
.diag-review-scroll {
  margin-left: -25px;
  margin-right: -25px;
}
.diag-review-scroll .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.diag-review {
  background: #f8f8f8;
}
.diag-review .diag-review-text {
  padding: 12px 25px 27px;
  background: #fff;
}
.diag-review .diag-review-text strong {
  display: block;
  margin-bottom: 13px;
  font-size: 20px;
  font-weight: 700;
}
.diag-review .diag-review-text span {
  display: block;
  font-size: 16px;
}
.diag-review .diag-review-item {
  position: relative;
  width: 100%;
  margin-top: 8px;
  padding: 20px 25px;
  background: #fff;
}
.diag-review .diag-review-item.maker .diag-review-title {
  margin: 3px 0 5px;
}
.diag-review .diag-review-item.price .unit {
  letter-spacing: -1px;
}
.diag-review .diag-review-item:after {
  display: block;
  content: "";
  clear: both;
}
.diag-review .btn-review-edit {
  position: absolute;
  right: 15px;
  width: 56px;
  height: 28px;
  background: #336fc9;
  border-radius: 4px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.diag-review .diag-review-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
}
.diag-review .diag-review-value {
  float: right;
  padding-right: 65px;
  font-size: 16px;
}
.diag-review .diag-review-value .unit {
  font-style: normal;
  font-weight: 700;
}
.diag-review .diag-review-model {
  display: block;
  padding-top: 3px;
  font-size: 16px;
}
.diag-review .diag-review-option {
  margin-top: 12px;
}
.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: 14px;
  line-height: 1.5;
}

.diag-review-info:after {
  display: block;
  content: "";
  clear: both;
}

.diag-review-thumb {
  position: relative;
  float: left;
  width: 120px;
  height: 90px;
  margin-right: 20px;
  border-radius: 4px;
  overflow: hidden;
}
.diag-review-thumb .number {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.65);
  border-bottom-right-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  text-align: center;
}
.diag-review-thumb .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.diag-review-detail {
  float: left;
}
.diag-review-detail .model {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.diag-review-detail .price {
  display: block;
  margin: 2px 0;
  font-size: 16px;
  font-weight: 500;
}
.diag-review-detail .info-group .info {
  display: inline-block;
  font-size: 14px;
  color: #999;
}

/* 온라인 진단 - 진단신청차량 정보수정 */
.diag-edit {
  margin-top: 5px;
}
.diag-edit .diag-edit-item {
  display: inline-block;
  margin: 10px 0;
}
.diag-edit .diag-edit-item.distance {
  float: left;
}
.diag-edit .diag-edit-item.price {
  float: right;
}
.diag-edit .diag-edit-item.option {
  width: 100%;
  clear: both;
}
.diag-edit .diag-edit-item .inp-t {
  width: 240px;
}
.diag-edit .diag-edit-title {
  display: inline-block;
  min-width: 124px;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  vertical-align: middle;
}
.diag-edit .select2 + select + .select2 {
  margin-left: 0;
}
.diag-edit .cont-regi {
  margin: 0;
  padding: 0;
  border: none;
}
.diag-edit .regi-row {
  margin: 3px 10px 0;
}
.diag-edit .regi-col + .regi-col {
  margin-top: 40px;
}
.diag-edit .regi-col strong {
  display: block;
  margin: 0 0 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 100;
}
.diag-edit .regi-col .inp-ch-pn {
  margin: 0 26px 0 0 !important;
}

/* 온라인 진단 - 진단신청차량 진단상품선택 */
.diag-type .diag-service-group {
  margin-top: 37px;
}
.diag-type .diag-service-item {
  padding: 18px 19px;
  border: 1px solid #fcb222;
  border-radius: 12px;
  -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);
}
.diag-type .diag-service-item + .diag-service-item {
  margin-top: 20px;
}
.diag-type .diag-service-link {
  position: relative;
  display: block;
}
.diag-type .diag-service-link:after {
  position: absolute;
  top: 50%;
  right: 9px;
  content: "";
  width: 12px;
  height: 12px;
  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%);
}
.diag-type .diag-service-text {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  color: #777;
}
.diag-type .diag-service-type {
  display: block;
  font-size: 22px;
  font-weight: 700;
}
.diag-type .diag-service-type .mark-plus {
  position: relative;
  display: inline-block;
  width: 4px;
  height: 20px;
  margin: -4px 16px 0 12px;
  background: #fcb222;
  border-radius: 2px;
  font-size: 0;
  vertical-align: middle;
}
.diag-type .diag-service-type .mark-plus:after {
  position: absolute;
  top: 50%;
  left: -8px;
  content: "";
  width: 20px;
  height: 4px;
  margin-top: -2px;
  background: #fcb222;
  border-radius: 2px;
}

/* 온라인 진단 - 진단중고차(온라인 진단)신청 */
.diag-file-group {
  margin-top: 33px;
}
.diag-file-group .title {
  font-size: 16px;
  font-weight: 700;
}
.diag-file-group .diag-file-item {
  margin-top: 24px;
}
.diag-file-group .diag-file-title {
  margin-bottom: 10px;
}
.diag-file-group .diag-file-attach {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 182px;
  text-align: center;
}
.diag-file-group .diag-file-attach: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-file-group .diag-file-attach .diag-file-upload {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.diag-file-group .diag-file-attach label {
  position: relative;
  display: inline-block;
  height: 36px;
  padding: 0 30px;
  background: #fff;
  border-radius: 6px;
  font-weight: 500;
  line-height: 36px;
  color: #333;
  cursor: pointer;
}
.diag-file-group .diag-file-attach input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.diag-file-group .diag-file-attach .file-upload-text {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #fcb222;
}
.diag-file-group .diag-file-attach .diag-file-img {
  width: 100%;
  height: auto;
}
.diag-file-group .diag-file-attach.is-filled .diag-file-upload {
  display: none;
}
.diag-file-group .diag-file-attach.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-file-group .diag-file-attach.is-filled .btn-round-x {
  display: block;
}
.diag-file-group .diag-file-attach .btn-round-x {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 8px;
  right: 8px;
  display: none;
}

.diag-notice {
  margin-top: 28px;
}
.diag-notice .diag-notice-accent {
  margin-bottom: 13px;
}
.diag-notice .diag-notice-title {
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
  color: #fd665c;
  font-weight: 500;
}
.diag-notice .diag-notice-title:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 16px;
  height: 16px;
  background: url("../images/sub/ico_notice.png") no-repeat 0 0;
}
.diag-notice .diag-notice-desc {
  position: relative;
  padding-left: 16px;
  line-height: 1.3;
  color: #999;
}
.diag-notice .diag-notice-desc:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #999;
  border-radius: 3px;
}
.diag-notice .diag-notice-list {
  position: relative;
  padding-left: 16px;
  line-height: 1.3;
  color: #fd665c;
}
.diag-notice .diag-notice-list:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.diag-service-check .diag-agree {
  display: block;
}
.diag-service-check .diag-agree label {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
}
.diag-service-check .diag-agree-txt {
  position: relative;
  display: block;
  padding-left: 30px;
  font-size: 15px;
}
.diag-service-check .diag-agree-txt:after {
  position: absolute;
  top: 50%;
  right: 3px;
  content: "";
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border: solid #ddd;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.diag-service-check .diag-agree-txt.active:after {
  margin-top: -5px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.diag-service-check .diag-agree-accent {
  color: #fd665d;
}
.diag-service-check .diag-service-caution {
  display: none;
  margin-top: 18px;
  padding: 25px 20px;
  background: #f8f8f8;
}
.diag-service-check .diag-service-caution.active {
  display: block;
}
.diag-service-check .diag-service-caution .caution-title {
  font-size: 16px;
  font-weight: 500;
}
.diag-service-check .diag-service-caution .caution-group {
  margin-top: 8px;
}
.diag-service-check .diag-service-caution .caution-group li {
  font-size: 13px;
  line-height: 1.5;
  color: #888;
}
.diag-service-check .diag-service-caution .caution-list {
  position: relative;
  padding-left: 8px;
}
.diag-service-check .diag-service-caution .caution-list:before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background: #fd665c;
  border-radius: 3px;
}
.diag-service-check .diag-service-caution .caution-list + .caution-list {
  margin-top: 9px;
}
.diag-service-check .diag-service-caution .caution-sub-group {
  margin-top: 8px;
}
.diag-service-check .diag-service-caution .caution-sub-list + .caution-sub-list {
  margin-top: 4px;
}

.new-step-list {
  margin-top: 20px;
}
.new-step-list > li {
  position: relative;
  padding: 0 0 20px 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;
}

.diagnosis-pop.diag-review {
  background: none;
}
.diagnosis-pop.diag-review .diag-review-detail {
  position: relative;
  width: calc(100% - 140px);
}
.diagnosis-pop.diag-review .btn-review-edit {
  top: 0;
  right: 0;
}
.diagnosis-pop.diag-review .diag-file-attach {
  width: 400px;
}
.diagnosis-pop.diag-review .diag-file-title {
  font-size: 16px;
}
.diagnosis-pop.diag-review .diag-review-item {
  padding-left: 0;
  padding-right: 0;
}

.dealer-wrap.type-component {
  padding: 0;
  margin-bottom: 0;
}
.dealer-wrap.type-component .dealer-regi-info-box {
  margin: 0;
}
.dealer-wrap.type-component .repair-state-view-box {
  border-bottom: 1px solid #eee;
}

.dealer_ad_apply {
  padding: 50px 25px;
}
.dealer_ad_apply .color-orange {
  color: #ff5d16;
}
.dealer_ad_apply .step-guide {
  margin-top: 12px;
  font-size: 20px;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
.dealer_ad_apply .step-section {
  margin-top: 30px;
  color: #222;
}
.dealer_ad_apply .step-section ~ .step-section {
  margin-top: 40px;
}
.dealer_ad_apply .step-section .line {
  margin: 24px 0 0 0;
  border-top: 1px solid #eee;
}
.dealer_ad_apply .step-section .title {
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.1px;
}
.dealer_ad_apply .step-section .title ~ .sub-title {
  margin-top: 16px;
}
.dealer_ad_apply .step-section .sub-title {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.31px;
}
.dealer_ad_apply .step-section .sub-title ~ .sub-title {
  margin-top: 24px;
}
.dealer_ad_apply .step-section .sub-title .stxt {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.27px;
  color: #888;
}
.dealer_ad_apply .step-section .desc {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.43;
  letter-spacing: -0.31px;
  color: #757575;
}
.dealer_ad_apply .mycar-info {
  margin-top: 16px;
  padding: 24px 16px 28px 16px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.dealer_ad_apply .mycar-info .car-num {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.86;
  line-height: normal;
  letter-spacing: -0.31px;
}
.dealer_ad_apply .mycar-info .car-detail {
  margin-top: 8px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.31px;
  color: #888;
}
.dealer_ad_apply .mycar-info .car-model {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: -0.36px;
}
.dealer_ad_apply .mycar-info .select-box {
  margin-top: 8px;
}
.dealer_ad_apply .mycar-info .select-box select {
  width: 100%;
  height: 48px;
  padding-left: 12px;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  font-size: 16px;
  letter-spacing: -0.31px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -140px top;
  background-color: #fff;
}
.dealer_ad_apply .form-wrap {
  margin: 8px -5px -4px -5px;
  font-size: 0;
}
.dealer_ad_apply .form-wrap.has-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 12px 0 0 0;
}
.dealer_ad_apply .form-field {
  position: relative;
}
.dealer_ad_apply .form-field.form-check {
  display: inline-block;
  width: 50%;
  padding: 4px 5px;
  vertical-align: top;
}
.dealer_ad_apply .form-field.form-check input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer_ad_apply .form-field.form-check input:checked + label::before {
  background-image: url("../images/icon/ico_checkbox_orange_checked.svg");
}
.dealer_ad_apply .form-field.form-check label {
  position: relative;
  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;
  height: 48px;
  padding: 4px 10px 4px 36px;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.31px;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dealer_ad_apply .form-field.form-check label::before {
  position: absolute;
  top: 14px;
  left: 10px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("../images/icon/ico_checkbox_orange.svg") no-repeat 0 0;
}
.dealer_ad_apply .form-field.form-radio {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0;
  border: solid 1px #e9e9e9;
}
.dealer_ad_apply .form-field.form-radio:first-child {
  border-radius: 4px 0 0 4px;
}
.dealer_ad_apply .form-field.form-radio ~ .form-radio {
  margin-left: -1px;
}
.dealer_ad_apply .form-field.form-radio input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer_ad_apply .form-field.form-radio input:checked + label {
  background-color: #ff5d16;
  color: #fff;
}
.dealer_ad_apply .form-field.form-radio input:checked + label span {
  color: #fff;
}
.dealer_ad_apply .form-field.form-radio 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 7px 0;
  height: 46px;
  font-size: 14px;
  line-height: 1.33;
  letter-spacing: -0.27px;
  text-align: center;
  background-color: #fff;
  color: #757575;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dealer_ad_apply .form-field.form-radio label span {
  color: #757575;
}
.dealer_ad_apply .price-check {
  margin-top: 8px;
  padding: 20px 16px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.dealer_ad_apply .price-check p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
}
.dealer_ad_apply .price-check .inpt-box {
  position: relative;
  margin-top: 8px;
}
.dealer_ad_apply .price-check .inpt-box input {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 46px 0 10px;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.26px;
  text-align: right;
  color: #ff5d16;
  background-color: #fff;
}
.dealer_ad_apply .price-check .inpt-box .inpt-unit {
  position: absolute;
  right: 14px;
  top: 0;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.23px;
  color: #999;
}
.dealer_ad_apply .total-price {
  margin-top: 16px;
  text-align: right;
}
.dealer_ad_apply .total-price .price {
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.29px;
  color: #ff5d16;
}
.dealer_ad_apply .total-price .txt {
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #888;
}
.dealer_ad_apply .agree {
  position: relative;
  width: 100%;
}
.dealer_ad_apply .agree .inpt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer_ad_apply .agree .inpt:checked ~ .label::before {
  background-image: url("../images/icon/ico_checkbox_orange_checked.svg");
}
.dealer_ad_apply .agree .inpt:checked ~ .label::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.dealer_ad_apply .agree .label {
  position: relative;
  display: block;
  padding: 0 30px;
}
.dealer_ad_apply .agree .label::before, .dealer_ad_apply .agree .label::after {
  position: absolute;
  top: 0;
  display: block;
  content: "";
}
.dealer_ad_apply .agree .label::before {
  left: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: url("../images/icon/ico_checkbox_orange.svg") no-repeat 0 0;
  background-size: 100%;
}
.dealer_ad_apply .agree .label .subject {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.23px;
}
.dealer_ad_apply .agree .label .txt {
  margin-top: 2px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.17px;
  color: #666;
}
.dealer_ad_apply .bullet-list li {
  position: relative;
  margin-top: 16px;
  padding-left: 12px;
  text-align: left;
  line-height: normal;
}
.dealer_ad_apply .bullet-list li:first-child {
  margin-top: 0;
}
.dealer_ad_apply .bullet-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888;
}
.dealer_ad_apply .bullet-list li li {
  padding-left: 0;
}
.dealer_ad_apply .bullet-list li li::before {
  display: none;
}
.dealer_ad_apply .precautions {
  margin-top: 18px;
  padding: 32px 16px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.dealer_ad_apply .precautions.active {
  display: block;
}
.dealer_ad_apply .precautions .subject {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.2px;
}
.dealer_ad_apply .precautions .bullet-list {
  margin-top: 16px;
}
.dealer_ad_apply .precautions .bullet-list li {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #888;
}
.dealer_ad_apply .precautions .bullet-list li::before {
  width: 3px;
  height: 3px;
}
.dealer_ad_apply .precautions .bullet-list li li {
  margin: 0;
}
.dealer_ad_apply .car-detail-img-wrap {
  margin-top: 8px;
}
.dealer_ad_apply .car-detail-img-wrap .car-detail-img img {
  width: 100%;
}

.pop-area .tit-desc {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.42;
  letter-spacing: -1.07px;
  color: #222;
}

.btn-text-wrap .btn-text-item {
  padding: 20px 25px 27px 25px;
  border-radius: 8px;
  background-color: #f5f6f9;
}
.btn-text-wrap .btn-text-item ~ .btn-text-item {
  margin: 16px 0 0 0;
}
.btn-text-wrap .btn-text-item .text {
  font-size: 16px;
  line-height: 1.88;
  letter-spacing: -0.71px;
  color: #222;
}
.btn-text-wrap .btn-text-item .text strong {
  color: #2566c6;
}
.btn-text-wrap .btn-text-item .btn-m {
  margin-top: 7px;
}

.homedelivery-table table {
  border-top: solid 1px #ddd;
}
.homedelivery-table table th {
  text-align: center;
  height: 55px;
  border-bottom: solid 1px #ddd;
}
.homedelivery-table table td {
  padding: 40px 0;
  text-align: center;
  border-bottom: solid 1px #ddd;
}
.homedelivery-table table td .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.homedelivery-table table td .car-txt {
  text-align: left;
  padding-left: 19px;
}
.homedelivery-table table td .car-txt .car-name-ad {
  font-size: 18px;
}
.homedelivery-table table td .car-txt .car-name-ad .car-num-ad {
  color: #222;
  font-weight: normal;
}
.homedelivery-table table td .homedelivery-btn {
  height: 35.7px;
  line-height: 35.7px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 0 13px;
}
.homedelivery-table table td .homedelivery-btn.btn01 {
  background: #336fc9;
}
.homedelivery-table table td .homedelivery-btn.btn02 {
  background: #fcaf17;
}
.homedelivery-table table td .homedelivery-btn.btn03 {
  background: #fd665c;
}
.homedelivery-table table td .homedelivery-btn.btn04 {
  background: #33c95c;
}
.homedelivery-table table td .homedelivery-btn.btn05 {
  background: #c933c9;
}
.homedelivery-table table td .homedelivery-btn.btn06 {
  background: #fd665c;
}
.homedelivery-table table td .homedelivery-btn.btn07 {
  background: #336fc9;
}
.homedelivery-table table td .homedelivery-btn.btn08 {
  background: #fcaf17;
}
.homedelivery-table table td .homedelivery-btn.btn09 {
  background: #888;
}
.homedelivery-table table td .detail-box {
  text-align: left;
  width: 100%;
  padding: 20px 23px;
  border: solid 1px #ebecec;
  margin-top: 23px;
  font-size: 14px;
  color: #888888;
}
.homedelivery-table table td .detail-box .tit {
  color: #444;
  margin-bottom: 17px;
}
.homedelivery-table table td .detail-box .con p {
  color: #888;
}
.homedelivery-table table td .detail-box .con p + p {
  margin-top: 13px;
}
.homedelivery-table table td .detail-box .customer-center {
  margin-top: 20px;
  border-top: solid 1px #ebebec;
  padding-top: 20px;
  font-weight: bold;
}
.homedelivery-table table td .detail-box .customer-center span {
  color: #888888;
}
.homedelivery-table table td .more {
  display: inline-block;
  text-align: center;
  color: #2666c6;
  margin-top: 26px;
}
.homedelivery-table table td .more::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: solid 2px #2666c6;
  border-right: solid 2px #2666c6;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 7.5px;
  margin-bottom: 1px;
}

.tbl-bod-lft {
  border-left: 1px solid #ddd;
}

.txt-underline {
  text-decoration: underline;
}

.wrap-hom {
  width: 650px;
  margin: 0 auto;
  background-color: #f0f0f0;
  border: solid 1px #dcdddc;
  border-bottom: 0;
  /* Checkbox */
}
.wrap-hom .hom-tit {
  width: 610px;
  min-height: 83px;
  margin: 0 auto 55px;
  padding: 29px 20px;
  -webkit-box-shadow: -1px 0 10px 3px rgba(0, 0, 0, 0.08);
  box-shadow: -1px 0 10px 3px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 0 0 7px 7px;
  font-size: 24px;
  font-weight: bold;
}
.wrap-hom .input-ckbox input {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.wrap-hom .input-ckbox label {
  display: inline-block;
  font-size: 16px;
  color: #000;
  letter-spacing: -2px;
  cursor: pointer;
}
.wrap-hom .input-ckbox label:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 9px;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  background: #fff url(../images/icon/icon_check_mark.png) no-repeat;
  vertical-align: middle;
}
.wrap-hom .input-ckbox input:checked + label:before {
  content: "";
  border-color: transparent;
  background-color: #ff5d16;
  background-position-y: -30px;
}
.wrap-hom .input-ckbox.type-ckall input:checked + label:before {
  background-position-y: -27px;
}
.wrap-hom .input-ckbox.type-ckall label {
  font-size: 18px;
}
.wrap-hom .input-ckbox.type-ckall label:before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 25px;
  background-position: center 3px;
}
.wrap-hom .terms-box01 {
  padding: 20px 40px 50px;
}
.wrap-hom .box02 {
  padding: 0 25px 46px;
}
.wrap-hom .ul-line-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 #d8d8d8;
}
.wrap-hom .btn-link-txt {
  display: inline-block;
  font-size: 12px;
  color: #616161;
  text-decoration: underline;
}
.wrap-hom .ft-list > li,
.wrap-hom .ft-list > li > .icon {
  font-size: 12px;
}

.btn-foot-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: 650px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.bc-orange {
  width: 100%;
  height: 72px;
  background-color: #ff5d16;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 72px;
  font-weight: 500;
  cursor: pointer;
}
.bc-orange span {
  color: inherit;
  font-size: inherit;
}

.bc-white {
  width: 100%;
  height: 72px;
  background-color: #fff;
  border: solid 1px #e3e3e2;
  color: #222;
  font-size: 24px;
  text-align: center;
  line-height: 72px;
  font-weight: 500;
  cursor: pointer;
}
.bc-white span {
  color: inherit;
  font-size: inherit;
}

.bc-orange:disabled,
.bc-white:disabled {
  background-color: #faf9f8;
  color: #999;
}

.dealer-view-table.th-color tbody th {
  background-color: #f9f9f9;
}

.th-txt {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

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

.display-flex-start {
  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;
}

.txt-info-rht {
  color: #646464;
  font-size: 12px;
  text-align: right;
}

.txt-info-lft {
  margin-top: 4px;
  color: #646464;
  font-size: 10px;
}

.error-txt02 {
  margin-top: 4px;
  color: #f10d0d;
  font-size: 10px;
}

.filebox input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox .upload-name {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 300px;
  color: #999999;
}

.filebox label {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  vertical-align: middle;
  border-color: #336fc9;
  background-color: #336fc9;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}

.filebox input + label {
  margin-left: 10px;
}

.filebox input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.pad-lr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.file-img-area {
  width: 60px;
  height: 60px;
  margin-top: 10px;
  background-color: #f1f1f1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.file-img-area img {
  width: 100%;
  height: auto;
}

.send-assurance-header {
  padding: 12px 25px;
  background-color: #fff;
  color: #888;
}
.send-assurance-content {
  margin-top: 8px;
  padding: 0;
}
.send-assurance-content .card {
  margin-top: 8px;
  padding: 20px 25px;
  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 .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 .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 .info-car-name {
  margin-top: 3px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
}
.send-assurance-content .card-info .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 .info-car-info span {
  position: relative;
  font-size: 12px;
}
.send-assurance-content .card-info .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 .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 {
  -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 {
  margin-top: 12px;
}

.common-menu-list.common-dealer-btm dd:after {
  display: none !important;
}

.box-top-tit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.box-top-tit.large {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}

.box-top-desc {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}

.box-sub-desc {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #ff5d16;
}

.status-info-box {
  border: 1px solid #aaa;
  padding: 12px 16px;
  border-radius: 4px;
}
.status-info-box .info-detail {
  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;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.status-info-box .info-detail li + li {
  position: relative;
  padding: 0 6px;
}
.status-info-box .info-detail li + li::before {
  content: "|";
  position: absolute;
  left: 0;
  color: #aaa;
}
.status-info-box .info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 17px;
}
.status-info-box .info-row > li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.status-info-box .info-row > li.with-separator {
  position: relative;
}
.status-info-box .info-row > li.with-separator:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  position: absolute;
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-gray-box {
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 20px 24px 20px 20px;
}
.form-gray-box .form-chk-radio input[type=checkbox]:disabled + label,
.form-gray-box .form-chk-radio input[type=radio]:disabled + label {
  color: #222;
  font-weight: 300;
}
.form-gray-box .form-chk-radio.fm-line input[type=checkbox]:disabled:checked + label::before,
.form-gray-box .form-chk-radio.fm-line input[type=radio]:disabled:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}
.form-gray-box.form-gray-box--ty2 {
  padding: 48px;
  border-radius: 12px;
}
.form-gray-box.form-gray-box--ty3 {
  padding: 30px 32px;
}

.button-space {
  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;
}

.delivery-ad-form {
  padding: 24px 0 126px;
}
.delivery-ad-form .box-top-desc {
  margin-top: 2px;
}
.delivery-ad-form .terms-line-box,
.delivery-ad-form .asterisk-list {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.delivery-ad-form .terms-line-box > li,
.delivery-ad-form .asterisk-list > li {
  margin-left: 8px;
}
.delivery-ad-form .form-chk-radio input[type=radio] + label,
.delivery-ad-form .form-chk-radio input[type=checkbox] + label {
  padding-left: 32px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.delivery-ad-form .form-chk-radio input[type=radio] + label::before,
.delivery-ad-form .form-chk-radio input[type=checkbox] + label::before {
  width: 24px;
  height: 24px;
  background-size: 16px 16px;
  top: 1px;
}

.terms-line-box {
  padding: 32px 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.terms-line-box > li:first-child {
  margin-bottom: 16px;
}
.terms-line-box > li + li {
  margin-top: 8px;
  margin-left: 32px;
}

.link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.link-wrap .btn-link-txt {
  background: url(../images/icon/icon-arrow-right-black.svg) no-repeat center;
  background-size: 100% auto;
  min-width: 15px;
  height: 16px;
}
.link-wrap .btn-link-txt--text {
  text-decoration: underline;
}

.clause-area.terms-box-area {
  margin-bottom: 0;
}
.clause-area.terms-box-area > * {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.clause-area.terms-box-area .cla-tit03 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
  margin-top: 0;
}
.clause-area.terms-box-area .cla-tit03 + .cla-num-list01 {
  margin-top: 8px;
}
.clause-area.terms-box-area .cla-tit04 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.clause-area.terms-box-area .cla-tit04 ~ .cla-tit03 {
  margin-top: 16px;
}
.clause-area.terms-box-area p ~ .cla-tit03 {
  margin-top: 16px;
}
.clause-area.terms-box-area .cla-num-list01 > li {
  padding-left: 24px;
}
.clause-area.terms-box-area .cla-num-list01 > li > .nb-bul {
  left: 5px;
}
.clause-area.terms-box-area .cla-num-list01.sm-light > li {
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.clause-area.terms-box-area .cmm-table {
  margin-top: 8px;
  margin-bottom: 8px;
  border: none;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
.clause-area.terms-box-area .cmm-table table {
  table-layout: fixed;
}
.clause-area.terms-box-area .cmm-table thead th {
  height: 48px;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #222;
}
.clause-area.terms-box-area .cmm-table thead th.narrow {
  padding: 0 5px;
}
.clause-area.terms-box-area .cmm-table tbody tr td {
  height: 32px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding: 12px;
}
.clause-area.terms-box-area .cmm-table tbody tr td.left {
  text-align: left;
}
.clause-area.terms-box-area .cmm-table tbody tr td.wide {
  padding: 13.5px 20px;
}
.clause-area.terms-box-area .cmm-table tbody tr td.narrow {
  padding-left: 5px;
  padding-right: 5px;
}
.clause-area.terms-box-area .cmm-table tbody tr td.a-top {
  vertical-align: top;
}
.clause-area.terms-box-area .cmm-table.light-border tbody tr td {
  border-left: 1px solid #f8f8f8;
  border-color: #f8f8f8;
}
.clause-area.terms-box-area .cmm-table.light-border tbody tr td:first-child[rowspan] {
  border-left: none;
}
.clause-area.terms-box-area .light-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}

select[class*=sel-tp].sel-tp04 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
}
select[class*=sel-tp].sel-tp04.is-invalid + .select2-container .select2-selection--single {
  border-color: #f23f3f;
}
select[class*=sel-tp].sel-tp04 + .select2-container {
  width: auto !important;
  min-width: 168px;
}
select[class*=sel-tp].sel-tp04 + .select2-container .select2-selection--single {
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 4px !important;
}
select[class*=sel-tp].sel-tp04 + .select2-container .select2-selection--single .select2-selection__arrow {
  width: 16px;
  height: 16px;
  background: url(../images/icon/icon-select-arrow.svg) no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 12px;
}
select[class*=sel-tp].sel-tp04 + .select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}
select[class*=sel-tp].sel-tp04 + .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 12px 32px 12px 16px;
}
select[class*=sel-tp].sel-tp04 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
select[class*=sel-tp].sel-tp04.size-xm + .select2-container .select2-selection--single {
  height: 48px;
}
select[class*=sel-tp].sel-tp04.size-xm + .select2-container .select2-selection--single .select2-selection__arrow {
  right: 16px;
}
select[class*=sel-tp].sel-tp04.size-xm + .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  padding: 12px 32px 12.5px 16px;
}
select[class*=sel-tp].sel-tp04.size-s + .select2-container .select2-selection--single {
  height: 40px;
}
select[class*=sel-tp].sel-tp04.size-s + .select2-container .select2-selection--single .select2-selection__arrow {
  right: 16px;
}
select[class*=sel-tp].sel-tp04.size-s + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 8px 32px 10px 16px;
}

.select2-container--default .select2-dropdown.tp04 {
  top: 2px;
  border: none;
}
.select2-container--default .select2-dropdown.tp04 .select2-results {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options {
  max-height: 112px;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 3px;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options .select2-results__option {
  line-height: 20px;
  padding: 6px 8px 6px 10px;
  font-size: 14px;
  font-weight: 500;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options .select2-results__option.select-8-results__option--highlighted {
  background-color: #eee;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] {
  background-color: #fff;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #eee;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options::-webkit-scrollbar {
  width: 4px;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options::-webkit-scrollbar-track {
  background: #f8f8f8;
  border-radius: 100px;
}
.select2-container--default .select2-dropdown.tp04 .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #444;
  border-radius: 100px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.mc-main-visual {
  position: relative;
  width: auto !important;
  height: 414px;
}
.mc-main-visual .tv-coin {
  display: block;
  margin-top: 52px;
}
.mc-main-visual .gs-box {
  position: absolute;
  left: 510px;
  top: 0;
}
.mc-main-visual .gs-box .tv-garage + tv-garage {
  margin-top: 80px;
}

.mc-main-content .quick-link {
  overflow: hidden;
  height: 20px;
  margin-bottom: 30px;
}
.mc-main-content .quick-link .ql-left {
  float: left;
}
.mc-main-content .quick-link .ql-left a {
  font-size: 16px;
}
.mc-main-content .quick-link .ql-left a + a {
  margin-left: 45px;
}
.mc-main-content .quick-link .ql-left a.setting {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
}
.mc-main-content .quick-link .ql-left a.setting:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/mycar-bg.png") no-repeat;
  background-position: -117px top;
}
.mc-main-content .quick-link .ql-right {
  float: right;
}
.mc-main-content .quick-link .ql-right a {
  font-size: 16px;
}
.mc-main-content .quick-link .ql-right a + a {
  margin-left: 45px;
}
.mc-main-content .quick-link .ql-right a[class*=link] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
}
.mc-main-content .quick-link .ql-right a[class*=link]:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  background: url("../images/sub/mycar-bg.png") no-repeat;
}
.mc-main-content .quick-link .ql-right a[class*=link] .num {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  margin-left: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}
.mc-main-content .quick-link .ql-right a.link01 {
  padding-left: 26px;
}
.mc-main-content .quick-link .ql-right a.link01:after {
  top: 3px;
  width: 20px;
  height: 17px;
  background-position: -66px top;
}
.mc-main-content .quick-link .ql-right a.link02 {
  padding-left: 23px;
}
.mc-main-content .quick-link .ql-right a.link02:after {
  top: 1px;
  width: 16px;
  height: 21px;
  background-position: -86px top;
}
.mc-main-content .quick-link .ql-right a.link03 {
  padding-left: 22px;
}
.mc-main-content .quick-link .ql-right a.link03:after {
  top: 2px;
  width: 15px;
  height: 19px;
  background-position: -102px top;
}
.mc-main-content .int-lat-area {
  height: 515px;
  border-top: 1px solid #ddd;
}
.mc-main-content .int-lat-area.no-data {
  height: 355px;
}
.mc-main-content .gsc-area {
  border-top: 1px solid #ddd;
}
.mc-main-content .gsc-area .get-list > .tit,
.mc-main-content .gsc-area .sell-list > .tit,
.mc-main-content .gsc-area .change-list > .tit {
  display: block;
  padding: 56px 0 26px;
  font-size: 24px;
}
.mc-main-content .gsc-area .get-list .pic-list + .pic-list,
.mc-main-content .gsc-area .sell-list .pic-list + .pic-list,
.mc-main-content .gsc-area .change-list .pic-list + .pic-list {
  margin-top: 40px;
}
.mc-main-content .gsc-area .cmm-big-txt {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 100;
}
.mc-main-content .mc-banner {
  margin: 110px 0 100px;
}

.cmm-sub-content,
.common-sub-content {
  position: relative;
}
.cmm-sub-content .top-tit,
.common-sub-content .top-tit {
  position: relative;
  width: 840px;
  min-height: 250px;
  padding-bottom: 80px;
  z-index: 1;
}
.cmm-sub-content .top-tit.estimate-bg,
.common-sub-content .top-tit.estimate-bg {
  position: relative;
}
.cmm-sub-content .top-tit.estimate-bg:after,
.common-sub-content .top-tit.estimate-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -52px;
  display: block;
  width: 246px;
  height: 292px;
  background: url("../images/sub/my_bg.png") no-repeat 0px 0px;
}
.cmm-sub-content .top-tit.enquiry-bg,
.common-sub-content .top-tit.enquiry-bg {
  position: relative;
}
.cmm-sub-content .top-tit.enquiry-bg:after,
.common-sub-content .top-tit.enquiry-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -15px;
  display: block;
  width: 269px;
  height: 240px;
  background: url("../images/sub/my_bg.png") no-repeat -400px 0px;
}
.cmm-sub-content .top-tit.enquiry-bg:after,
.common-sub-content .top-tit.enquiry-bg:after {
  z-index: 1;
}
.cmm-sub-content .top-tit.interest-bg,
.common-sub-content .top-tit.interest-bg {
  position: relative;
}
.cmm-sub-content .top-tit.interest-bg:after,
.common-sub-content .top-tit.interest-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -12px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/my_bg.png") no-repeat -800px 0px;
}
.cmm-sub-content .top-tit.interest-bg:after,
.common-sub-content .top-tit.interest-bg:after {
  right: 0;
}
.cmm-sub-content .top-tit.event-bg,
.common-sub-content .top-tit.event-bg {
  position: relative;
}
.cmm-sub-content .top-tit.event-bg:after,
.common-sub-content .top-tit.event-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -52px;
  display: block;
  width: 330px;
  height: 280px;
  background: url("../images/sub/my_bg.png") no-repeat -1200px 0px;
}
.cmm-sub-content .top-tit.coupon-bg,
.common-sub-content .top-tit.coupon-bg {
  position: relative;
}
.cmm-sub-content .top-tit.coupon-bg:after,
.common-sub-content .top-tit.coupon-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 290px;
  height: 266px;
  background: url("../images/sub/my_bg.png") no-repeat -1600px 0px;
}
.cmm-sub-content .top-tit.survey-bg,
.common-sub-content .top-tit.survey-bg {
  position: relative;
}
.cmm-sub-content .top-tit.survey-bg:after,
.common-sub-content .top-tit.survey-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -17px;
  display: block;
  width: 285px;
  height: 245px;
  background: url("../images/sub/my_bg.png") no-repeat 0px -400px;
}
.cmm-sub-content .top-tit.review-bg,
.common-sub-content .top-tit.review-bg {
  position: relative;
}
.cmm-sub-content .top-tit.review-bg:after,
.common-sub-content .top-tit.review-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -37px;
  display: block;
  width: 265px;
  height: 253px;
  background: url("../images/sub/my_bg.png") no-repeat -400px -400px;
}
.cmm-sub-content .top-tit.direct-bg,
.common-sub-content .top-tit.direct-bg {
  position: relative;
}
.cmm-sub-content .top-tit.direct-bg:after,
.common-sub-content .top-tit.direct-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -26px;
  display: block;
  width: 263px;
  height: 240px;
  background: url("../images/sub/my_bg.png") no-repeat -1200px -400px;
}
.cmm-sub-content .top-tit.going-bg,
.common-sub-content .top-tit.going-bg {
  position: relative;
}
.cmm-sub-content .top-tit.going-bg:after,
.common-sub-content .top-tit.going-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -53px;
  display: block;
  width: 370px;
  height: 267px;
  background: url("../images/sub/my_bg.png") no-repeat -1600px -400px;
}
.cmm-sub-content .top-tit.partner-bg,
.common-sub-content .top-tit.partner-bg {
  position: relative;
}
.cmm-sub-content .top-tit.partner-bg:after,
.common-sub-content .top-tit.partner-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -53px;
  display: block;
  width: 370px;
  height: 267px;
  background: url("../images/sub/my_bg.png") no-repeat -1600px -400px;
}
.cmm-sub-content .top-tit .s-txt-up,
.common-sub-content .top-tit .s-txt-up {
  position: relative;
  top: -25px;
  height: 22px;
  border: 1px solid #222;
  border-radius: 22px;
  font-size: 13px;
  padding: 0 10px;
  margin-left: 10px;
}
.cmm-sub-content .top-tit-cooper,
.common-sub-content .top-tit-cooper {
  position: relative;
  width: 980px;
  min-height: 145px;
  padding-bottom: 120px;
  z-index: 1;
}
.cmm-sub-content .top-tit-cooper .tv-carLife .cl-btn,
.common-sub-content .top-tit-cooper .tv-carLife .cl-btn {
  text-align: right;
  margin-top: 25px;
}
.cmm-sub-content .top-tit-cooper .tv-carLife .cl-btn a,
.common-sub-content .top-tit-cooper .tv-carLife .cl-btn a {
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  background: #336fc9;
  color: #fff;
}
.cmm-sub-content .top-tit01,
.common-sub-content .top-tit01 {
  position: relative;
  width: 840px;
  z-index: 1;
}
.cmm-sub-content .fix-tab,
.common-sub-content .fix-tab {
  position: relative;
  background: #fff;
  margin-bottom: 95px;
}
.cmm-sub-content .total-select,
.common-sub-content .total-select {
  position: relative;
  margin-bottom: 25px;
}
.cmm-sub-content .total-select .total-num,
.common-sub-content .total-select .total-num {
  margin-right: 25px;
}
.cmm-sub-content .total-select .ps-right,
.common-sub-content .total-select .ps-right {
  position: absolute;
  right: 10px;
  top: 0;
}
.cmm-sub-content .total-select .ps-right.center,
.common-sub-content .total-select .ps-right.center {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cmm-sub-content .total-select.hg40,
.common-sub-content .total-select.hg40 {
  height: 40px;
}
.cmm-sub-content .total-select.hg40 .total-num,
.common-sub-content .total-select.hg40 .total-num {
  line-height: 40px;
}
.cmm-sub-content .total-select .auction-time,
.common-sub-content .total-select .auction-time {
  position: absolute;
  right: 0;
  top: 0;
  color: #336fc9;
  font-weight: bold;
}
.cmm-sub-content .dealer-enq,
.common-sub-content .dealer-enq {
  border-top: 1px solid #ddd;
  padding: 40px 0 0;
}
.cmm-sub-content .paginate,
.common-sub-content .paginate {
  margin: 60px 0 100px;
}
.cmm-sub-content .paginate.type-new-paginate,
.common-sub-content .paginate.type-new-paginate {
  margin-top: 48px;
}
.cmm-sub-content.fix,
.common-sub-content.fix {
  -webkit-transition: none;
  transition: none;
}
.cmm-sub-content.fix .fix-tab,
.common-sub-content.fix .fix-tab {
  position: fixed;
  left: 160px;
  top: 124px;
  width: 100%;
  height: 60px;
  padding: 0 0 0 60px;
  background: #2666c6;
  z-index: 4;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
}
.cmm-sub-content.fix .fix-tab li,
.common-sub-content.fix .fix-tab li {
  margin: 0;
}
.cmm-sub-content.fix .fix-tab li a,
.common-sub-content.fix .fix-tab li a {
  height: 60px;
  padding: 0 25px !important;
  color: #fff !important;
  line-height: 60px;
}
.cmm-sub-content.fix .fix-tab li.on a:after,
.common-sub-content.fix .fix-tab li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.cmm-sub-content .membership-area,
.common-sub-content .membership-area {
  position: absolute;
  left: 626px;
  top: 235px;
  width: 415px;
}
.cmm-sub-content .membership-area .tv-coin,
.common-sub-content .membership-area .tv-coin {
  width: 100%;
  text-align: right;
  margin-bottom: 60px;
}
.cmm-sub-content .membership-area .tv-coin > span,
.common-sub-content .membership-area .tv-coin > span {
  float: none;
}
.cmm-sub-content .dealer-view-top,
.common-sub-content .dealer-view-top {
  position: relative;
  margin-bottom: 60px;
}
.cmm-sub-content .dealer-view-top .top-tit,
.common-sub-content .dealer-view-top .top-tit {
  padding: 0 0 16px;
}
.cmm-sub-content .dealer-view-top .photo,
.common-sub-content .dealer-view-top .photo {
  position: absolute;
  width: 130px;
  left: 869px;
  top: 10px;
  text-align: center;
}
.cmm-sub-content .dealer-view-top .photo .img,
.common-sub-content .dealer-view-top .photo .img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin: 0 auto 15px;
  overflow: hidden;
}
.cmm-sub-content .dealer-view-top .photo .img img,
.common-sub-content .dealer-view-top .photo .img img {
  width: 100%;
}
.cmm-sub-content .dealer-view-top .photo .star-area,
.common-sub-content .dealer-view-top .photo .star-area {
  text-align: left;
}
.cmm-sub-content .dealer-view-top .pay,
.common-sub-content .dealer-view-top .pay {
  margin-bottom: 17px;
}
.cmm-sub-content .dealer-view-top .pay span,
.common-sub-content .dealer-view-top .pay span {
  margin-right: 5px;
}
.cmm-sub-content .dealer-view-top .pay *,
.common-sub-content .dealer-view-top .pay * {
  font-size: 24px;
}
.cmm-sub-content .dealer-view-top .btn-m,
.common-sub-content .dealer-view-top .btn-m {
  padding: 0 20px;
}
.cmm-sub-content .dealer-view-list,
.common-sub-content .dealer-view-list {
  border-top: 1px solid #ddd;
  padding: 60px 10px 45px;
}
.cmm-sub-content .dealer-view-list .tit-num,
.common-sub-content .dealer-view-list .tit-num {
  margin-bottom: 22px;
}
.cmm-sub-content .dealer-view-list .tit-num *,
.common-sub-content .dealer-view-list .tit-num * {
  font-size: 24px;
}
.cmm-sub-content .dealer-view-list .tit-num span,
.common-sub-content .dealer-view-list .tit-num span {
  margin-right: 5px;
}
.cmm-sub-content .dealer-view-list .info-txt,
.common-sub-content .dealer-view-list .info-txt {
  margin-bottom: 15px;
  overflow: hidden;
}
.cmm-sub-content .dealer-view-list .info-txt:after,
.common-sub-content .dealer-view-list .info-txt:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-sub-content .dealer-view-list .info-txt > *,
.common-sub-content .dealer-view-list .info-txt > * {
  float: left;
  font-size: 16px;
}
.cmm-sub-content .dealer-view-list .info-txt .w-mid,
.common-sub-content .dealer-view-list .info-txt .w-mid {
  min-width: 670px;
}
.cmm-sub-content .dealer-view-list .info-txt .date,
.common-sub-content .dealer-view-list .info-txt .date {
  width: 189px;
  float: right;
}
.cmm-sub-content .dealer-view-list .info-txt .date > span,
.common-sub-content .dealer-view-list .info-txt .date > span {
  color: #999;
}
.cmm-sub-content .dealer-view-list .info-txt .name,
.common-sub-content .dealer-view-list .info-txt .name {
  margin-right: 15px;
}
.cmm-sub-content .dealer-view-list .info-txt .photo,
.common-sub-content .dealer-view-list .info-txt .photo {
  width: 180px;
  padding: 10px 0 0 18px;
}
.cmm-sub-content .dealer-view-list .info-txt .photo .img-center,
.common-sub-content .dealer-view-list .info-txt .photo .img-center {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-sub-content .dealer-view-list .info-txt .photo .img-center img,
.common-sub-content .dealer-view-list .info-txt .photo .img-center img {
  width: 100%;
  height: 100%;
}
.cmm-sub-content .dealer-view-list.chatting,
.common-sub-content .dealer-view-list.chatting {
  padding: 60px 10px 15px;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt,
.common-sub-content .dealer-view-list.chatting .info-txt {
  margin-bottom: 20px;
  padding: 10px 0 0;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt .name,
.common-sub-content .dealer-view-list.chatting .info-txt .name {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 18px;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt .txt,
.common-sub-content .dealer-view-list.chatting .info-txt .txt {
  color: #666;
  font-size: 16px;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt .time,
.common-sub-content .dealer-view-list.chatting .info-txt .time {
  width: 189px;
  float: right;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt .time > span,
.common-sub-content .dealer-view-list.chatting .info-txt .time > span {
  color: #999;
}
.cmm-sub-content .dealer-view-list.chatting .info-txt .num,
.common-sub-content .dealer-view-list.chatting .info-txt .num {
  position: relative;
  top: -7px;
  right: -3px;
  display: inline-block;
  min-width: 18px;
  height: 18px;
  background: #fd665c;
  border-radius: 18px;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  font-weight: 100;
  line-height: 17px;
}
.cmm-sub-content .usage-history-area,
.common-sub-content .usage-history-area {
  position: relative;
}
.cmm-sub-content .usage-history-area .top-tit,
.common-sub-content .usage-history-area .top-tit {
  padding: 0 0 60px;
}
.cmm-sub-content .usage-history-area .ps-right,
.common-sub-content .usage-history-area .ps-right {
  position: absolute;
  left: 650px;
  top: 0;
  z-index: 1;
}
.cmm-sub-content .usage-history-area .ps-right .tv-coin02,
.common-sub-content .usage-history-area .ps-right .tv-coin02 {
  display: block;
}
.cmm-sub-content .member-point-area,
.common-sub-content .member-point-area {
  position: relative;
  padding: 0 0 60px;
}
.cmm-sub-content .member-point-area .coin-link .tv-banner,
.common-sub-content .member-point-area .coin-link .tv-banner {
  margin: 0 0 27px;
}
.cmm-sub-content .member-point-area .coin-link .tv-talLink,
.common-sub-content .member-point-area .coin-link .tv-talLink {
  margin-left: 20px;
}
.cmm-sub-content .usage-review-pay,
.common-sub-content .usage-review-pay {
  position: relative;
  overflow: hidden;
}
.cmm-sub-content .usage-review-pay:after,
.common-sub-content .usage-review-pay:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-sub-content .usage-review-pay .car-img,
.common-sub-content .usage-review-pay .car-img {
  float: left;
  width: 180px;
  height: 135px;
  border-radius: 7px;
  overflow: hidden;
}
.cmm-sub-content .usage-review-pay .car-img img,
.common-sub-content .usage-review-pay .car-img img {
  width: 180px;
  height: 135px;
}
.cmm-sub-content .usage-review-pay .name-area,
.common-sub-content .usage-review-pay .name-area {
  padding: 1px 0 0 210px;
}
.cmm-sub-content .usage-review-pay .name-area .car-name,
.common-sub-content .usage-review-pay .name-area .car-name {
  font-size: 30px;
  font-weight: bold;
  margin: 7px 0 10px;
}
.cmm-sub-content .usage-review-pay .name-area .info span,
.common-sub-content .usage-review-pay .name-area .info span {
  position: relative;
  color: #666;
  margin-right: 20px;
}
.cmm-sub-content .usage-review-pay .name-area .info span:after,
.common-sub-content .usage-review-pay .name-area .info span:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #666;
}
.cmm-sub-content .usage-review-pay .name-area .info span:last-child:after,
.common-sub-content .usage-review-pay .name-area .info span:last-child:after {
  display: none;
}
.cmm-sub-content .usage-review-pay .pay,
.common-sub-content .usage-review-pay .pay {
  position: absolute;
  left: 710px;
  top: 40px;
  font-weight: 900;
  font-size: 36px;
  color: #336fc9;
}
.cmm-sub-content .usage-review-pay .apply-txt,
.common-sub-content .usage-review-pay .apply-txt {
  position: absolute;
  left: 713px;
  top: 5px;
}
.cmm-sub-content .usage-review-pay .apply-txt span,
.common-sub-content .usage-review-pay .apply-txt span {
  display: block;
  margin-bottom: 15px;
  font-size: 36px;
  color: #336fc9;
  font-weight: 900;
}
.cmm-sub-content .usage-review-pay .apply-txt p,
.common-sub-content .usage-review-pay .apply-txt p {
  font-size: 16px;
  color: #336fc9;
}
.cmm-sub-content .usage-review-area .review-select,
.common-sub-content .usage-review-area .review-select {
  overflow: hidden;
}
.cmm-sub-content .usage-review-area .review-select:after,
.common-sub-content .usage-review-area .review-select:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-sub-content .usage-review-area .review-select .tv-star-box,
.common-sub-content .usage-review-area .review-select .tv-star-box {
  float: left;
  width: 270px;
  margin: 0 0 0 90px;
}
.cmm-sub-content .usage-review-area .review-select .tv-star-box .tit,
.common-sub-content .usage-review-area .review-select .tv-star-box .tit {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
}
.cmm-sub-content .usage-review-area .review-select .tv-star-box .star-btn .btn-m,
.common-sub-content .usage-review-area .review-select .tv-star-box .star-btn .btn-m {
  width: 50px;
  min-width: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-sub-content .usage-review-area .review-select .tv-star-box:first-child,
.common-sub-content .usage-review-area .review-select .tv-star-box:first-child {
  margin: 0;
}
.cmm-sub-content .map-area,
.common-sub-content .map-area {
  position: relative;
}
.cmm-sub-content .map-area .maps,
.common-sub-content .map-area .maps {
  width: 100%;
  height: 740px;
  margin-bottom: 100px;
}
.cmm-sub-content .map-area .cmm-lay-map,
.common-sub-content .map-area .cmm-lay-map {
  width: 408px;
  background: #fff;
  border: 1px solid #336fc9;
  border-radius: 4px;
  padding: 19px 19px 27px 80px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
}
.cmm-sub-content .map-area .cmm-lay-map .ico-img,
.common-sub-content .map-area .cmm-lay-map .ico-img {
  position: absolute;
  left: 19px;
  top: 19px;
  width: 50px;
  height: 50px;
  padding: 5px 0 0;
  border: 1px solid #dedede;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
}
.cmm-sub-content .map-area .cmm-lay-map .ico-img img,
.common-sub-content .map-area .cmm-lay-map .ico-img img {
  display: inline-block;
  width: 45px;
  margin: 0;
}
.cmm-sub-content .map-area .cmm-lay-map .ico-img.auto,
.common-sub-content .map-area .cmm-lay-map .ico-img.auto {
  background: #78bc29;
  border-color: #78bc29;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .tit-area,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .tit-area {
  margin-bottom: 13px;
  padding: 8px 0 0;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .tit-area .tit,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .tit-area .tit {
  font-size: 18px;
  margin-right: 17px;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .cor-green,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .cor-green {
  color: #2ea35d;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info {
  overflow: hidden;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .addr,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .addr {
  margin-bottom: 5px;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info {
  margin-left: -13px;
  overflow: hidden;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info span,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info span {
  position: relative;
  display: inline-block;
  margin-left: 13px;
  color: #2666c6;
  letter-spacing: -0.2px;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info span:after,
.common-sub-content .map-area .cmm-lay-map .txt-cnt .addr-info .txt-info span:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 4px;
  width: 1px;
  height: 12px;
  background: #2666c6;
}
.cmm-sub-content .map-area .cmm-lay-map .txt-cnt p,
.common-sub-content .map-area .cmm-lay-map .txt-cnt p {
  margin-top: 20px;
  font-size: 12px;
  color: #999;
}
.cmm-sub-content .map-area .cmm-lay-map .btn-map-close,
.common-sub-content .map-area .cmm-lay-map .btn-map-close {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 17px;
  height: 17px;
}
.cmm-sub-content .map-area .cmm-lay-map .btn-map-close:after,
.common-sub-content .map-area .cmm-lay-map .btn-map-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -63px -548px;
  margin: -4px 0 0 -4px;
}
.cmm-sub-content .map-area .div-table,
.common-sub-content .map-area .div-table {
  position: relative;
  left: -80px;
  display: table;
  width: 400px;
  margin-top: 25px;
}
.cmm-sub-content .map-area .div-table > div,
.common-sub-content .map-area .div-table > div {
  display: table-cell;
  text-align: center;
}
.cmm-sub-content .map-area .div-table > div.tit,
.common-sub-content .map-area .div-table > div.tit {
  width: 60px;
}
.cmm-sub-content .map-area .div-table > div.charge-type,
.common-sub-content .map-area .div-table > div.charge-type {
  width: 260px;
}
.cmm-sub-content .map-area .div-table > div.charge-type span,
.common-sub-content .map-area .div-table > div.charge-type span {
  position: relative;
  display: inline-block;
  margin: 0 18px;
  padding: 26px 0 0;
}
.cmm-sub-content .map-area .div-table > div.charge-type span:after,
.common-sub-content .map-area .div-table > div.charge-type span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 24px;
  height: 19px;
  margin: 0 0 0 -12px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-sub-content .map-area .div-table > div.charge-type span.type1:after,
.common-sub-content .map-area .div-table > div.charge-type span.type1:after {
  background-position: -108px -608px;
}
.cmm-sub-content .map-area .div-table > div.charge-type span.type2:after,
.common-sub-content .map-area .div-table > div.charge-type span.type2:after {
  top: 3px;
  background-position: -108px -637px;
}
.cmm-sub-content .map-area .div-table > div.charge-type span.type3:after,
.common-sub-content .map-area .div-table > div.charge-type span.type3:after {
  background-position: -108px -662px;
}
.cmm-sub-content .map-area .div-table > div[class*=cor-],
.common-sub-content .map-area .div-table > div[class*=cor-] {
  text-align: left;
  width: 65px;
}
.cmm-sub-content .map-area .map-marker,
.common-sub-content .map-area .map-marker {
  position: relative;
  display: inline-block;
  width: 91px;
  height: 80px;
  background: url("../images/sub/bg_map_marker.png") no-repeat;
}
.cmm-sub-content .map-area .map-marker > span,
.common-sub-content .map-area .map-marker > span {
  position: absolute;
  left: 7px;
  top: 7px;
  display: inline-block;
  border-radius: 45px;
  overflow: hidden;
}
.cmm-sub-content .map-area .map-marker.on,
.common-sub-content .map-area .map-marker.on {
  background: url("../images/sub/bg_map_marker_on.png") no-repeat;
}
.cmm-sub-content .map-area .map-marker.on > span,
.common-sub-content .map-area .map-marker.on > span {
  left: 9px;
}
.cmm-sub-content .map-area .top-select-btn,
.common-sub-content .map-area .top-select-btn {
  position: absolute;
  left: 20px;
  top: 20px;
}
.cmm-sub-content .map-area .top-select-btn select,
.common-sub-content .map-area .top-select-btn select {
  height: 38px;
  padding: 0 54px 0 20px;
  border: 1px solid #999;
  border-radius: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/sub/bg_arraw.png") no-repeat 80% 50%;
}
.cmm-sub-content .map-area .top-select-btn button,
.common-sub-content .map-area .top-select-btn button {
  display: inline-block;
  height: 38px;
  border: 1px solid #999;
  background: #fff;
  border-radius: 38px;
}
.cmm-sub-content .map-area .top-select-btn button.rescanning,
.common-sub-content .map-area .top-select-btn button.rescanning {
  position: relative;
  padding: 0 50px 0 20px;
}
.cmm-sub-content .map-area .top-select-btn button.rescanning:after,
.common-sub-content .map-area .top-select-btn button.rescanning:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 10px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -108px -725px;
  width: 16px;
  height: 18px;
}
.cmm-sub-content .map-area .top-select-btn button.current-location,
.common-sub-content .map-area .top-select-btn button.current-location {
  position: relative;
  width: 34px;
  height: 34px;
  border: 1px solid #999;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
}
.cmm-sub-content .map-area .top-select-btn button.current-location:after,
.common-sub-content .map-area .top-select-btn button.current-location:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -108px -691px;
  width: 24px;
  height: 24px;
}

.subscribe-visual {
  position: relative;
  height: 740px;
  background: url("../images/sub/subscribe_visual.jpg") no-repeat 0 0;
  padding: 100px 0 0 100px;
  margin-left: -61px;
}
.subscribe-visual .tv-subCar {
  position: absolute;
  left: 495px;
  top: 110px;
}

.pro-sub-area {
  position: relative;
}
.pro-sub-area .subscribe-box {
  position: absolute;
  right: 0;
  top: 22px;
}

.cmm-content.setting-content,
.common-content.content--center-block {
  width: 100%;
  background: #f5f6f9;
}
.cmm-content.setting-content .setting-wrap,
.common-content.content--center-block .setting-wrap {
  position: relative;
  width: 980px;
  margin: 0 auto 100px;
  padding-top: 0;
}
.cmm-content.setting-content .setting-wrap .cmm-top-area,
.common-content.content--center-block .setting-wrap .cmm-top-area {
  position: relative;
  width: 100%;
  padding: 0 0 0 59px;
  background: #f5f6f9;
}
.cmm-content.setting-content .setting-wrap .cmm-top-area:before,
.common-content.content--center-block .setting-wrap .cmm-top-area:before {
  display: none;
}
.cmm-content.setting-content .setting-wrap .car-search,
.common-content.content--center-block .setting-wrap .car-search {
  left: 0;
}
.cmm-content.setting-content .setting-wrap .top-location,
.common-content.content--center-block .setting-wrap .top-location {
  margin: 0 0 60px 60px;
}
.cmm-content.setting-content .setting-wrap .top-tit,
.common-content.content--center-block .setting-wrap .top-tit {
  position: relative;
  padding-left: 64px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg01,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg01 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg01:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg01:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -26px;
  display: block;
  width: 267px;
  height: 240px;
  background: url("../images/sub/my_bg.png") no-repeat 0px -800px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg02,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg02 {
  padding-bottom: 90px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg02:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg02:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -37px;
  display: block;
  width: 240px;
  height: 248px;
  background: url("../images/sub/my_bg.png") no-repeat -400px -800px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg03,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg03 {
  padding-bottom: 155px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg03:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg03:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -36px;
  display: block;
  width: 273px;
  height: 250px;
  background: url("../images/sub/my_bg.png") no-repeat -800px -800px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg04,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg04 {
  padding-bottom: 95px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg04:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg04:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -54px;
  display: block;
  width: 240px;
  height: 268px;
  background: url("../images/sub/my_bg.png") no-repeat -1200px -800px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg05,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg05 {
  padding-bottom: 155px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg05:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg05:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -26px;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/my_bg.png") no-repeat -1600px -800px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg06,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg06 {
  padding-bottom: 95px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg06:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg06:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -41px;
  display: block;
  width: 255px;
  height: 255px;
  background: url("../images/sub/my_bg.png") no-repeat 0px -1200px;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg07,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg07 {
  padding-bottom: 150px;
  position: relative;
}
.cmm-content.setting-content .setting-wrap .top-tit.setting-bg07:after,
.common-content.content--center-block .setting-wrap .top-tit.setting-bg07:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -41px;
  display: block;
  width: 290px;
  height: 250px;
  background: url("../images/sub/visit_bg.png") no-repeat 0px 0px;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box,
.common-content.content--center-block .setting-wrap .box-white .set-box {
  position: relative;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box h3,
.common-content.content--center-block .setting-wrap .box-white .set-box h3 {
  font-size: 24px;
  font-weight: 300;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box .btn-more,
.common-content.content--center-block .setting-wrap .box-white .set-box .btn-more {
  position: absolute;
  top: 6px;
  right: 0;
  padding-right: 16px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat right 50%;
  color: #2666c6;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box [class*=sns],
.common-content.content--center-block .setting-wrap .box-white .set-box [class*=sns] {
  font-weight: 100;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box [class*=sns] span,
.common-content.content--center-block .setting-wrap .box-white .set-box [class*=sns] span {
  color: #999;
  padding-left: 5px;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box [class*=sns] .img,
.common-content.content--center-block .setting-wrap .box-white .set-box [class*=sns] .img {
  position: relative;
  top: 10px;
  margin-right: 15px;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box .sns-kakao,
.common-content.content--center-block .setting-wrap .box-white .set-box .sns-kakao {
  background: url("../images/sub/ico_kacao_b.png") no-repeat 0 50%;
}
.cmm-content.setting-content .setting-wrap .box-white .set-box .sns-naver,
.common-content.content--center-block .setting-wrap .box-white .set-box .sns-naver {
  background: url("../images/sub/ico_naver_b.png") no-repeat 0 50%;
}
.cmm-content.setting-content .setting-wrap .box-white .mg-auto,
.common-content.content--center-block .setting-wrap .box-white .mg-auto {
  margin: 0 auto;
}
.cmm-content.setting-content .setting-wrap .box-white .txt-lft,
.common-content.content--center-block .setting-wrap .box-white .txt-lft {
  text-align: left !important;
}
.cmm-content.setting-content .sns-interlock,
.common-content.content--center-block .sns-interlock {
  width: 380px;
  margin: 0 auto;
}
.cmm-content.setting-content .sns-interlock li,
.common-content.content--center-block .sns-interlock li {
  margin-bottom: 30px;
}
.cmm-content.setting-content .sns-interlock li a,
.common-content.content--center-block .sns-interlock li a {
  position: relative;
  display: inline-block;
  color: #336fc9;
}
.cmm-content.setting-content .sns-interlock li a:after,
.common-content.content--center-block .sns-interlock li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #336fc9;
}
.cmm-content.setting-content .sns-interlock li a.undo,
.common-content.content--center-block .sns-interlock li a.undo {
  color: #999;
}
.cmm-content.setting-content .sns-interlock li a.undo:after,
.common-content.content--center-block .sns-interlock li a.undo:after {
  display: none;
}
.cmm-content.setting-content .sns-interlock [class*=bl-],
.common-content.content--center-block .sns-interlock [class*=bl-] {
  position: relative;
  display: inline-block;
  width: 325px;
  padding: 0 0 0 33px;
  font-size: 16px;
}
.cmm-content.setting-content .sns-interlock [class*=bl-]:after,
.common-content.content--center-block .sns-interlock [class*=bl-]:after {
  content: "";
  background: url("../images/common/btn_icon.png") no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}
.cmm-content.setting-content .sns-interlock .bl-naver:after,
.common-content.content--center-block .sns-interlock .bl-naver:after {
  width: 16px;
  height: 15px;
  background-position: -7px top;
}
.cmm-content.setting-content .sns-interlock .bl-kakao:after,
.common-content.content--center-block .sns-interlock .bl-kakao:after {
  width: 18px;
  height: 17px;
  background-position: -23px top;
}
.cmm-content.setting-content .sns-interlock .bl-facebook:after,
.common-content.content--center-block .sns-interlock .bl-facebook:after {
  width: 9px;
  height: 19px;
  background-position: -41px top;
}
.cmm-content.setting-content .sns-interlock .bl-google:after,
.common-content.content--center-block .sns-interlock .bl-google:after {
  width: 16px;
  height: 17px;
  background-position: -50px top;
}
.cmm-content.setting-content .re-person,
.common-content.content--center-block .re-person {
  width: 450px;
  margin: 80px auto 0;
}

.next-mycar {
  padding: 58px 0;
  border-top: 1px solid #ddd;
}
.next-mycar .mtmc-tit {
  padding-bottom: 18px;
}
.next-mycar .mtmc-tit .tit {
  line-height: 32px;
  font-size: 24px;
  font-weight: normal;
  font-weight: normal;
}
.next-mycar .mtmc-tit .txt01 {
  display: block;
  line-height: 22px;
  margin-top: 34px;
  font-size: 18px;
  font-weight: 500;
}
.next-mycar .mtmc-tit .txt01 .won {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #2666c6;
}
.next-mycar .cs-list .owl-nav > button {
  top: -107px;
}

.storage-mycar {
  padding: 58px 0;
  border-top: 1px solid #ddd;
}
.storage-mycar .sgmc-tit {
  padding-bottom: 35px;
}
.storage-mycar .sgmc-tit .tit,
.storage-mycar .sgmc-tit .tit > * {
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  font-size: 24px;
  font-weight: normal;
  font-weight: normal;
}
.storage-mycar .sgmc-tit .link-arrow {
  margin-left: 16px;
}
.storage-mycar .txt-link {
  display: block;
  margin-bottom: 18px;
}
.storage-mycar.tp02 .cs-list .owl-nav > button {
  top: -102px;
}

.ch-pop-list li {
  padding: 14px 0;
  border-top: 1px solid #ddd;
}
.ch-pop-list li:first-child {
  border: 0;
}

.cmm-car-info .car-img {
  float: left;
  width: 120px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
}
.cmm-car-info .car-img img {
  width: 120px;
  height: 90px;
  overflow: hidden;
}

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

.cmm-sale-input .sale-txt {
  float: left;
  position: relative;
  width: 140px;
  font-size: 18px;
  padding: 7px 0 0;
  text-decoration: line-through;
}
.cmm-sale-input .sale-txt:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 13px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -295px -30px;
  width: 17px;
  height: 12px;
}
.cmm-sale-input .sale-input {
  padding: 0 0 0 154px;
}

.cmm-justify {
  overflow: hidden;
}
.cmm-justify:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-justify .fl-l {
  float: left;
}
.cmm-justify .fl-r {
  float: right;
}
.cmm-justify .coin {
  float: right;
  position: relative;
  top: -10px;
}
.cmm-justify .coin span {
  position: relative;
  font-size: 30px;
  padding: 0 33px 0 0;
}
.cmm-justify .coin span:after {
  content: "C";
  position: absolute;
  right: 0;
  top: 13px;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 23px;
  letter-spacing: 2px;
  border-radius: 24px;
  font-size: 15px;
  font-weight: bold;
  background-color: #ffbc00;
}
.cmm-justify .coin.txt-disable span {
  color: #999;
}
.cmm-justify .coin.txt-disable span:after {
  background-color: #f0f0f0;
}

.notice-flex-info .info-box {
  width: 280px;
  margin-left: 85px;
}
.notice-flex-info .info-box:first-child {
  margin-left: 0px;
}
.notice-flex-info .info-box .tit {
  display: block;
  color: #222;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 23px;
  font-weight: normal;
  letter-spacing: -0.02em;
}
.notice-flex-info .info-box .txt {
  color: #666;
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: normal;
}

.survey-flex-info {
  margin-left: -20px;
}
.survey-flex-info .box-area {
  position: relative;
  width: 480px;
  padding: 24px 30px 30px;
  border-radius: 10px;
  margin: 20px 0 0 20px;
}
.survey-flex-info .box-area:last-child {
  margin-right: 0px;
}
.survey-flex-info .box-area.bg01 {
  background-color: #e9eef0;
}
.survey-flex-info .box-area.bg02 {
  background-color: #f5f2ec;
}
.survey-flex-info .box-area.bg03 {
  background-color: #f5f6f9;
}
.survey-flex-info .box-area .tit {
  font-size: 24px;
  font-weight: bold;
}
.survey-flex-info .box-area .txt {
  margin-top: 23px;
  font-size: 18px;
  font-weight: normal;
}
.survey-flex-info .box-area .tnb {
  position: absolute;
  right: 30px;
  top: 30px;
}
.survey-flex-info .box-area .tnb .date {
  font-size: 14px;
  color: #999;
  font-weight: 500;
}
.survey-flex-info .box-area .tnb p {
  margin-top: 13px;
  font-size: 18px;
  font-weight: normal;
}
.survey-flex-info .box-area .survey-wrapper {
  margin: 37px -30px 0;
  padding: 0 30px;
  height: 120px;
}
.survey-flex-info .box-area .survey-wrapper .swiper-slide {
  width: 150px;
}
.survey-flex-info .box-area .survey-wrapper .swiper-slide img {
  width: 100%;
}
.survey-flex-info .box-area .survey-wrapper.down-vertion .swiper-slide {
  width: 160px;
  padding-right: 10px;
}

.sur-area {
  margin-top: 36px;
}
.sur-area .sur-list {
  overflow: hidden;
  margin-left: -10px;
}
.sur-area .sur-list .sur-link {
  float: left;
  display: block;
  width: 76px;
  height: 57px;
  margin-left: 10px;
}
.sur-area .sur-list .sur-link > img {
  display: block;
  width: 100%;
  height: 100%;
}

.product-flex-advantage {
  width: 980px;
}
.product-flex-advantage .ad-box {
  position: relative;
  text-align: center;
  width: 33%;
}
.product-flex-advantage .ad-box:before {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  content: "";
  background: #f5f6f9 url("../images/sub/bg_carlife.png") no-repeat 0 0;
}
.product-flex-advantage .ad-box.carlife-01:before {
  background-position: 0 0;
}
.product-flex-advantage .ad-box.carlife-02:before {
  background-position: -100px 0;
}
.product-flex-advantage .ad-box.carlife-03:before {
  background-position: -200px 0;
}
.product-flex-advantage .ad-box.carlife-04:before {
  background-position: 0 -100px;
}
.product-flex-advantage .ad-box.carlife-05:before {
  background-position: -100px -100px;
}
.product-flex-advantage .ad-box.carlife-06:before {
  background-position: -200px -100px;
}
.product-flex-advantage .ad-box.carlife-07:before {
  background-position: -300px -100px;
}
.product-flex-advantage .ad-box.carlife-08:before {
  background-position: 0 -200px;
}
.product-flex-advantage .ad-box.carlife-09:before {
  background-position: -100px -200px;
}
.product-flex-advantage .ad-box.carlife-10:before {
  background-position: -200px -200px;
}
.product-flex-advantage .ad-box.carlife-11:before {
  background-position: 0 -300px;
}
.product-flex-advantage .ad-box.carlife-12:before {
  background-position: -100px -300px;
}
.product-flex-advantage .ad-box.carlife-13:before {
  background-position: -200px -300px;
}
.product-flex-advantage .ad-box.carlife-14:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: 0 0;
}
.product-flex-advantage .ad-box.carlife-15:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -110px 0;
}
.product-flex-advantage .ad-box.carlife-16:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -220px 0;
}
.product-flex-advantage .ad-box.carlife-17:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -330px 0;
}
.product-flex-advantage .ad-box.carlife-18:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: 0 -120px;
}
.product-flex-advantage .ad-box.carlife-19:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -110px -120px;
}
.product-flex-advantage .ad-box.carlife-20:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -220px -120px;
}
.product-flex-advantage .ad-box.carlife-21:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -330px -120px;
}
.product-flex-advantage .ad-box.carlife-22:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: 0 -240px;
}
.product-flex-advantage .ad-box.carlife-23:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -110px -240px;
}
.product-flex-advantage .ad-box.carlife-24:before {
  background: url("../images/sub/bg_carlife2.png") no-repeat;
  background-position: -220px -240px;
}
.product-flex-advantage .ad-box .img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
}
.product-flex-advantage .ad-box .tit {
  margin-top: 20px;
  margin-bottom: 8px;
  display: block;
  font-size: 24px;
  font-weight: normal;
  font-weight: 400;
}
.product-flex-advantage .ad-box .txt {
  font-size: 16px;
  font-weight: normal;
}
.product-flex-advantage.wd25 .ad-box {
  width: 25%;
}

.by-selling {
  width: 100%;
  max-width: 1480px;
  padding: 60px 0;
  border-top: 1px solid #ddd;
}
.by-selling .tit {
  font-size: 24px;
  font-weight: 300;
}
.by-selling .sel-content {
  margin-top: 20px;
}
.by-selling .sel-content .total-sel {
  margin-bottom: 25px;
}
.by-selling .sel-content .total-sel > a {
  margin-left: 5px;
}
.by-selling .sel-content .total-sel .cor-blue {
  font-size: 30px;
  vertical-align: middle;
}
.by-selling .sel-content .total-sel .btn-notice {
  vertical-align: middle;
  margin-left: 10px;
}
.by-selling .sel-content .total-sel .current-txt {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 18px;
}
.by-selling .sel-content .detail-sel {
  margin-bottom: 5px;
}
.by-selling .sel-content .detail-sel dt {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.by-selling .sel-content .detail-sel dd {
  display: inline-block;
  vertical-align: middle;
}
.by-selling .sel-content .detail-sel dd .round-box {
  vertical-align: middle;
  margin-right: 10px;
}
.by-selling .sel-content .detail-sel dd strong {
  vertical-align: middle;
  font-size: 24px;
}
.by-selling .pedict-wrap .detail-sel {
  margin-bottom: 10px;
}
.by-selling .pedict-wrap .detail-sel dt {
  width: 155px;
}
.by-selling .pedict-wrap .detail-sel dd {
  text-align: right;
}

.grap-wrap .line-charts {
  width: 680px;
  height: 190px;
}
.grap-wrap .txt {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

.quotation-estimate {
  overflow: hidden;
  width: 100%;
  max-width: 1280px;
}
.quotation-estimate .sel-content {
  float: left;
}
.quotation-estimate .grap-wrap {
  float: right;
}

.basic-inspection {
  width: 100%;
  max-width: 1480px;
  border-top: 1px solid #ddd;
  padding: 60px 0px;
}
.basic-inspection .tit {
  font-size: 24px;
  font-weight: 300;
}
.basic-inspection .lord-sum {
  padding-right: 100px;
  text-align: right;
}
.basic-inspection .lord-sum .txt {
  font-size: 18px;
}
.basic-inspection .lord-sum strong {
  display: inline-block;
  margin-left: 40px;
  font-size: 36px;
  font-weight: normal;
}
.basic-inspection .info-txt {
  padding-right: 100px;
  text-align: right;
  color: #999;
}

.sw-inspection {
  width: 1440px;
  position: relative;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sw-inspection.down-vertion {
  height: 200px;
  padding: 0 95px;
}
.sw-inspection.down-vertion .swiper-wrapper {
  width: 140% !important;
  margin-right: -20px;
}
.sw-inspection.down-vertion .swiper-slide {
  width: 180px !important;
  padding-right: 20px !important;
}
.sw-inspection .swiper-wrapper {
  padding: 15px 0;
}
.sw-inspection .swiper-button-next {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -22px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  background-image: url("../images/sub/swiper-next-active.png");
  background-size: 34px auto;
}
.sw-inspection .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -22px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  background-image: url("../images/sub/swiper-prev-active.png");
  background-size: 34px auto;
}
.sw-inspection .check-bullet {
  position: absolute;
  top: -15px;
  left: 45px;
  padding-left: 32px;
  padding-right: 15px;
  height: 30px;
  line-height: 28px;
  text-align: left;
  background-color: #fd665c;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
}
.sw-inspection .check-bullet:before {
  position: absolute;
  left: 7px;
  top: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_exclamation_mark.png") no-repeat 0 0;
  content: "";
}
.sw-inspection .swiper-slide {
  width: 180px !important;
  height: 180px !important;
}
.sw-inspection .swiper-slide .box {
  width: 180px;
  height: 180px !important;
  position: relative;
  border-radius: 5px;
  background-color: #2666c6;
  text-align: center;
  padding-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sw-inspection .swiper-slide .box strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 18px;
}
.sw-inspection .swiper-slide .box p {
  color: #fff;
  font-size: 16px;
}

.recommended-list {
  border-top: 1px solid #ddd;
  padding: 60px 0;
  width: 100%;
  max-width: 1480px;
}
.recommended-list .tit {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 30px;
}
.recommended-list ul li {
  position: relative;
  display: inline-block;
  height: 65px;
  padding-left: 75px;
  padding-top: 10px;
  margin-right: 115px;
}
.recommended-list ul li .img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  height: 70px;
  overflow: hidden;
}
.recommended-list ul li .img img {
  height: 100%;
}
.recommended-list ul li > strong {
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
}
.recommended-list ul li .pay {
  overflow: hidden;
}
.recommended-list ul li .pay > strong {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
}
.recommended-list ul li .pay span {
  color: #999;
  font-size: 18px;
}
.recommended-list ul li:last-child {
  margin-right: 0px;
}

.driving-distance {
  border-top: 1px solid #ddd;
  padding: 60px 0;
  width: 100%;
  max-width: 1480px;
}
.driving-distance .driving-tit .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  vertical-align: middle;
}
.driving-distance .driving-tit .txt {
  display: inline-block;
  color: #666;
  margin-left: 30px;
  vertical-align: middle;
}
.driving-distance .grap-driving-wrap {
  overflow: hidden;
}
.driving-distance .grap-driving-wrap .driving-graph {
  float: left;
  width: 780px;
  position: relative;
  margin-top: 25px;
  margin-right: 30px;
}
.driving-distance .grap-driving-wrap .driving-graph .bar {
  position: relative;
  height: 160px;
  overflow: hidden;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.eco {
  width: 35%;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.eco:after {
  background: #9cd5c2;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.normal {
  width: 60%;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.normal:after {
  background: url("../images/sub/bg_driving.png") no-repeat 0 0;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.normal > .ico-car {
  left: auto;
  right: 10px;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.h {
  width: 100%;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.h:after {
  background: url("../images/sub/bg_driving.png") no-repeat 0 0;
}
.driving-distance .grap-driving-wrap .driving-graph .bar.h > .ico-car {
  left: auto;
  right: 10px;
}
.driving-distance .grap-driving-wrap .driving-graph .bar > .km {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-weight: 600;
  z-index: 1;
  font-size: 24px;
}
.driving-distance .grap-driving-wrap .driving-graph .bar > .ico-car {
  position: absolute;
  bottom: 0px;
  left: 10px;
  display: block;
  width: 94px;
  height: 40px;
  z-index: 1;
  background: url("../images/sub/ico_driver_car.png") no-repeat 0 0;
  background-size: 100% auto;
}
.driving-distance .grap-driving-wrap .driving-graph .bar:after {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 160px;
  width: 100%;
  z-index: 0;
  white-space: nowrap;
  content: "";
}
.driving-distance .grap-driving-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: "";
}
.driving-distance .grap-driving-wrap .top-info {
  padding-top: 35px;
  float: left;
}
.driving-distance .grap-driving-wrap .top-info .type {
  display: block;
  font-size: 16px;
}
.driving-distance .grap-driving-wrap .top-info .type span {
  display: block;
  font-size: 26px;
}
.driving-distance .grap-driving-wrap .top-info .type.eco {
  color: #9cd5c2;
}
.driving-distance .grap-driving-wrap .top-info .type.eco span {
  color: #9cd5c2;
}
.driving-distance .grap-driving-wrap .top-info .type.normal {
  color: #a6b5c7;
}
.driving-distance .grap-driving-wrap .top-info .type.normal span {
  color: #a6b5c7;
}
.driving-distance .grap-driving-wrap .top-info .type.h {
  color: #ff6666;
}
.driving-distance .grap-driving-wrap .top-info .type.h span {
  color: #ff6666;
}
.driving-distance .grap-driving-wrap .top-info .average {
  display: block;
  font-size: 16px;
  margin-bottom: 40px;
}
.driving-distance .grap-driving-wrap .top-info .average span {
  display: block;
  font-size: 26px;
}
.driving-distance .grap-driving-wrap .top-info .average span em {
  font-weight: 700;
  font-size: 26px;
}
.driving-distance .parking-find {
  clear: both;
  padding-top: 20px;
}
.driving-distance .parking-find > a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #2666c6;
  text-decoration: none;
  margin-right: 30px;
}
.driving-distance .parking-find > a:after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 6px;
  height: 12px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0 0;
  content: "";
}
.driving-distance .parking-find > a:last-child {
  margin-right: 0px;
}

.qustions-area {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 60px 0;
}
.qustions-area .in-article {
  background: url("../images/sub/ico_qustion.png") no-repeat 0 0;
  padding-left: 55px;
}
.qustions-area .in-article .txt {
  margin-bottom: 25px;
  font-size: 16px;
  color: #222;
}
.qustions-area .in-article .file-flex-list dt {
  margin-right: 45px;
  font-size: 16px;
}
.qustions-area .in-article .file {
  background: url("../images/sub/ico_clip.png") no-repeat 0 2px;
  display: inline-block;
  padding-left: 20px;
  color: #2666c6;
  margin-bottom: 5px;
}

.answer-area {
  border-bottom: 1px solid #ddd;
  padding: 60px 0;
}
.answer-area .in-article {
  background: url("../images/sub/ico_answer.png") no-repeat 0 0;
  padding-left: 55px;
}
.answer-area .in-article .date-txt {
  color: #999;
  display: block;
  margin-bottom: 25px;
}
.answer-area .in-article .txt {
  font-size: 16px;
}

[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;
  color: #fff;
}

.buy-cmm-state {
  background: #e5e179;
  border-color: #e5e179;
  color: #706d25;
}

.sell-cmm-state {
  background: #7491b4;
  border-color: #7491b4;
  color: #fff;
}

.change-cmm-state {
  background: #6bb3b0;
  border-color: #6bb3b0;
  color: #fff;
}

.direct-cmm-state {
  background: #6e7da0;
  border-color: #6e7da0;
  color: #fff;
}

.cancel-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
}

.owner-cmm-state {
  background: #10a8e5;
  border-color: #10a8e5;
  color: #fff;
}

.sumcom-cmm-state {
  background: #9cd5c2;
  border-color: #9cd5c2;
  color: #fff;
}

.general-cmm-state {
  background: #fff;
  border-color: #222;
  color: #222;
  background: #fff;
  border-color: #222;
  color: #222;
}

.condition-cmm-state {
  background: #fff;
  border-color: #fd665c;
  color: #fd665c;
  margin-left: 3px;
}

.timesale-cmm-state {
  background: #fd665c;
  border-color: #fd665c;
  color: #fff;
  font-style: italic;
}
.timesale-cmm-state:before {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  content: "";
  position: relative;
  top: 2px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -187px 0;
}

.car-name {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  margin: 15px 0 2px;
  font-weight: 300;
}

.car-name-ad {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  margin: 0 0 2px;
  font-weight: 300;
}
.car-name-ad span.car-num-ad {
  display: block;
  font-size: 18px;
}
.car-name-ad span.car-num-ad span {
  margin-left: 5px;
}
.car-name-ad span.car-num-ad > * {
  vertical-align: 2px;
}

.car-name-ad-b {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  margin: 0 0 2px;
  font-weight: 700;
}
.car-name-ad-b span.car-num-ad {
  display: block;
  font-size: 18px;
}
.car-name-ad-b span.car-num-ad > * {
  vertical-align: middle;
}
.car-name-ad-b span.car-num-ad span {
  margin-right: 3px;
  font-weight: 300;
}

.mycar-mark {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 7px 0 30px;
  background: #fff;
  border: 1px solid #6bb3b0;
  border-radius: 30px;
  font-weight: 500;
  color: #6bb3b0;
  background: url("../images/sub/mycar_mark.png") no-repeat 8px 50%;
}

.cmm-send-detail li {
  font-size: 16px;
  margin-bottom: 9px;
}
.cmm-send-detail .cmm-bl-star li {
  font-size: 14px;
}

.warranty-product {
  width: 450px;
  background: #f5f6f9;
  border-radius: 10px;
  padding: 25px 30px 30px;
}
.warranty-product strong {
  font-size: 18px;
  font-weight: bold;
}
.warranty-product .pay {
  font-size: 18px;
  color: #2666c6;
  font-weight: bold;
}

.coupon-wrap {
  text-align: right;
  margin-top: 30px;
}
.coupon-wrap strong {
  font-weight: bold;
  font-size: 36px;
  color: #2666c6;
}
.coupon-wrap strong span {
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.coupon-wrap .carpoint-coupon {
  position: relative;
  margin-top: 20px;
  padding-bottom: 290px;
}
.coupon-wrap .carpoint-coupon b {
  display: block;
  color: #2666c6;
}
.coupon-wrap .carpoint-coupon span {
  color: #999;
}
.coupon-wrap .carpoint-coupon:after {
  content: "";
  width: 313px;
  height: 262px;
  background: url("../images/temp/carpoint-coupon.jpg") no-repeat 0 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -156px;
}

.gray-box {
  background-color: #f1f1f1;
  padding: 20px 0 20px 30px;
}
.gray-box li {
  padding: 5px 0 5px 60px;
  text-indent: -60px;
  letter-spacing: -0.04em;
}
.gray-box li span {
  color: #fd665c;
  font-weight: 500;
  padding-right: 10px;
}
.gray-box .ol-list {
  margin-top: 10px;
}
.gray-box .ol-list li {
  padding: 5px 20px 5px 13px;
  text-indent: -13px;
}

.coupon-area h3 {
  font-size: 36px;
  font-weight: bold;
  color: #2666c6;
  text-align: center;
}
.coupon-area .date-txt {
  margin: 10px 30px 55px 0;
  text-align: right;
}
.coupon-area .bar-code {
  margin: 0 80px;
}
.coupon-area .brand-tit-img {
  margin: 10px 80px 60px;
}

.coupon-table {
  margin: 25px 0 15px;
}
.coupon-table tbody td {
  padding: 8px 0;
  text-align: center;
}

.coupon-num {
  margin: 45px 0 50px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 10px;
}

.coupon-gray-box {
  background: #f1f1f1;
  padding: 0 0 20px;
}

.pop-pad-tp {
  overflow: hidden;
}
.pop-pad-tp .pop-con {
  padding: 26px 0 0 !important;
}
.pop-pad-tp .pop-con .pop-scroll .mCSB_outside + .mCSB_scrollTools {
  right: 0;
}
.pop-pad-tp .pop-con .pop-tit {
  padding-left: 30px;
  padding-right: 30px;
}
.pop-pad-tp .pop-con .coupon-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
.pop-pad-tp .pop-con .mc-white-box {
  padding: 35px 30px;
}
.pop-pad-tp .pop-con .mc-white-box .t-box {
  margin-top: 13px;
  line-height: 24px;
}

.pop-insurance-link {
  padding: 30px 0 0;
}
.pop-insurance-link li {
  position: relative;
  margin-top: 20px;
}
.pop-insurance-link li:first-child {
  margin-top: 0;
}
.pop-insurance-link .txt {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 24px;
  line-height: 22px;
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}

.recommended-list ul li {
  width: 370px;
  margin-right: 0;
  padding: 10px 10px 0 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.recommended-list ul li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 2020.06.15 알림,구독함 추가 */
.tit-btn-area {
  position: relative;
}
.tit-btn-area a.btn-m {
  position: absolute;
  top: 0;
  right: 0;
}

/*2020.07.20 추가*/
.kbBanner-benefit .bannerMore {
  position: relative;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.kbBanner-benefit .bannerMore button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
}
.kbBanner-benefit .bannerMore button span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #2666c6;
  font-size: 18px;
}
.kbBanner-benefit .bannerMore button span:after {
  position: absolute;
  right: 9px;
  top: 10px;
  width: 16px;
  height: 10px;
  background: url("../images/common/ico_bnr_more.png") no-repeat 0 0;
  content: "";
}

.tv-coin-ed {
  margin-top: 60px;
}
.tv-coin-ed .btn-link-point {
  margin: 0 0 0 40px;
  display: inline-block;
}
.tv-coin-ed .btn-link-point a {
  display: inline-block;
  position: relative;
  padding: 0 26px 0 0;
  font-size: 24px;
}
.tv-coin-ed .btn-link-point a .cor-blue {
  color: #336fc9 !important;
}
.tv-coin-ed .btn-link-point a:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 17px;
  height: 12px;
  margin: -6px 0 0;
  background: url("../images/dealer/ico_dealer.png") no-repeat -124px 0;
}

.cmm-membership-list.cmm-membership-list-bnr .membership-box {
  overflow: hidden;
  height: auto;
}
.cmm-membership-list.cmm-membership-list-bnr .membership-box a {
  padding: 0;
}
.cmm-membership-list.cmm-membership-list-bnr .membership-box a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}

.usage-history-area .dealer-banr01 {
  margin: 10px 0 30px;
}
.usage-history-area .btn-link {
  display: inline-block;
}
.usage-history-area .btn-link span {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  line-height: 20px;
  font-size: 16px;
}
.usage-history-area .btn-link span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin: -6px 0 0;
  display: block;
  content: "";
  background-image: url("../images/dealer/ico_dealer.png");
  background-repeat: no-repeat;
  background-position: -181px -22px;
}
.usage-history-area .tv-coin02 .coin-link {
  font-weight: normal;
}

.cmm-banner-link {
  margin-bottom: 65px;
  margin-left: -1.352%;
  max-width: 1580px;
}
.cmm-banner-link:after {
  content: "";
  display: block;
  clear: both;
}
.cmm-banner-link > div {
  float: left;
  width: 360px;
  height: 150px;
  margin: 0 0 10px 1.352%;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.cmm-banner-link > div a {
  display: block;
  width: 100%;
  height: 100%;
}
.cmm-banner-link > div a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-banner-link > div.auction {
  position: relative;
  width: 295px;
}
.cmm-banner-link > div.auction a {
  display: block;
  height: 150px;
  padding: 85px 0 0 20px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-banner-link > div.auction:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  background-position: -67px -207px;
  width: 38px;
  height: 38px;
}
.cmm-banner-link > div.price {
  position: relative;
  width: 295px;
}
.cmm-banner-link > div.price a {
  display: block;
  height: 150px;
  padding: 85px 0 0 20px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-banner-link > div.price:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  background-position: -67px -255px;
  top: 20px;
  width: 42px;
  height: 29px;
}

.garage-area__inspection {
  clear: both;
  position: relative;
  max-width: 1280px;
  height: 150px;
  padding: 24px 420px 20px 220px;
  background: #f5f5fb;
  border-radius: 32px;
}
.garage-area__inspection:before, .garage-area__inspection:after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  height: 150px;
  background: url("../images/sub/mycar_car_inspection.png") no-repeat left top;
}
.garage-area__inspection:before {
  left: 40px;
  width: 141px;
  background-position: left top;
}
.garage-area__inspection:after {
  right: 30px;
  width: 340px;
  background-position: left -150px;
}
.garage-area__inspection .garage-area__inspection-head {
  position: relative;
  display: block;
  font-size: 0;
}
.garage-area__inspection .garage-area__inspection-head-text {
  display: inline-block;
  vertical-align: middle;
  color: #464470;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
}
.garage-area__inspection .garage-area__inspection-content {
  margin: 8px 0 17px 0;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #e7e7e7;
}
.garage-area__inspection .garage-area__inspection-date {
  display: inline-block;
  vertical-align: middle;
  color: #696882;
  font-size: 20px;
  line-height: 1;
}
.garage-area__inspection .garage-area__inspection-d-day {
  position: relative;
  top: -1px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  padding: 6px 12px 5px 12px;
  vertical-align: middle;
  background: #5b34eb;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
}
.garage-area__inspection .garage-area__inspection-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.garage-area__inspection .garage-area__inspection-link-text {
  color: #fe5c6a;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}
.garage-area__inspection .garage-area__inspection-link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 23px;
  height: 17px;
  background: url("../images/sub/mycar_car_inspection.png") no-repeat right top;
  vertical-align: middle;
}

/* 사고이력 요약정보 2020.08.27 추가 */
.acd-history.mycarport {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 60px 0;
  width: 100%;
  max-width: 1480px;
}
.acd-history.mycarport h3.tit {
  font-size: 24px;
  font-weight: 300;
}
.acd-history .acc-carmodel {
  margin-top: 40px;
  text-align: center;
}
.acd-history .acc-carmodel strong {
  font-size: 18px;
  font-weight: 400;
}
.acd-history .acc-carmodel div {
  display: inline-block;
  padding-left: 30px;
  font-size: 18px;
}
.acd-history .acc-carmodel div span {
  font-size: 18px;
  color: #666;
}
.acd-history .acc-mycar-view {
  text-align: center;
  margin-top: 55px;
}
.acd-history .acc-mycar-view .acc-mycar {
  display: inline-block;
  padding: 0 60px 0 45px;
  background: url("../images/sub/caricon_bg.png") no-repeat 0 50%;
  font-size: 18px;
  text-align: left;
  vertical-align: middle;
}
.acd-history .acc-carprice {
  text-align: center;
  background: #f6f8fc;
  border-radius: 7px;
  width: 530px;
  margin: 20px auto 0;
  padding: 15px 0;
  font-size: 24px;
}
.acd-history .acc-carprice span {
  position: relative;
  font-size: 24px;
  padding-right: 30px;
}
.acd-history .acc-carprice span strong {
  color: #336fc9;
  font-weight: 600;
}
.acd-history .acc-carprice span:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
.acd-history .acc-carprice span.smile:after {
  background: url("../images/sub/ico_smile.png") no-repeat 0 0;
}
.acd-history .acc-carprice span.frown:after {
  background: url("../images/sub/ico_frown.png") no-repeat 0 0;
}
.acd-history .acd-qk-list {
  margin-top: 70px;
}
.acd-history .acd-qk-list .hide-list {
  width: 100%;
  margin: 0;
}
.acd-history .acd-qk-list .hide-list li {
  margin: 0 0 0 10px;
  width: 15.7%;
  height: 170px;
  padding-top: 105px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.acd-history .acd-qk-list .hide-list li:first-child {
  margin-left: 0;
}
.acd-history .acd-qk-list .hide-list li:after {
  top: 18px;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  background: url("../images/sub/bg_acd_qk_list.png") no-repeat 0 0;
}
.acd-history .acd-qk-list .hide-list li.bg02:after {
  background-position: -80px 0;
}
.acd-history .acd-qk-list .hide-list li.bg03:after {
  background-position: -160px 0;
}
.acd-history .acd-qk-list .hide-list li.bg04:after {
  background-position: -240px 0;
}
.acd-history .acd-qk-list .hide-list li.bg05:after {
  background-position: -320px 0;
}
.acd-history .acd-qk-list .hide-list li.bg06:after {
  background-position: -400px 0;
}
.acd-history .acd-qk-list .hide-list li .tit {
  font-size: 16px;
}
.acd-history .acd-qk-list .hide-list li .txt {
  font-size: 20px;
}

/* 방문예약 */
.common-sub-content.visit-content {
  width: 100%;
}
.common-sub-content.visit-content .top-tit {
  position: relative;
  width: 930px;
}
.common-sub-content.visit-content .top-tit.setting-bg07 {
  padding-bottom: 150px;
  position: relative;
}
.common-sub-content.visit-content .top-tit.setting-bg07:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -41px;
  display: block;
  width: 290px;
  height: 250px;
  background: url("../images/sub/visit_bg.png") no-repeat 0px 0px;
}
.common-sub-content.visit-content .cmm-table tbody tr td {
  padding: 40px 10px;
}
.common-sub-content.visit-content .cmm-table tbody tr td .flx {
  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;
}
.common-sub-content.visit-content .cmm-table tbody tr td:first-child {
  padding: 15px 1%;
}
.common-sub-content.visit-content .reserv-state {
  font-size: 16px;
}
.common-sub-content.visit-content .visit-tb-list .pic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-img {
  float: none;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-img img {
  border-radius: 8px;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt {
  float: none;
  width: auto;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .category span {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  text-align: center;
  padding: 0 10px;
  border-style: solid;
  border-width: 1px;
  border-radius: 20px;
  border-color: #222;
  font-size: 13px;
  color: #222;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .category span.buy {
  border-color: #fd665c;
  color: #fd665c;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .category span.change {
  border-color: #10af5b;
  color: #10af5b;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-name {
  font-size: 16px;
  color: #222;
  margin-top: 7px;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.6;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-name span {
  font-size: 16px;
  display: block;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-name span i {
  font-style: normal;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-info {
  margin-bottom: 7px;
}
.common-sub-content.visit-content .visit-tb-list .pic-info .car-txt .car-estimate b {
  font-size: 24px;
}
.common-sub-content.visit-content .visit-tb-list .pic-info.sold-out .car-estimate b {
  color: #336fc9;
}
.common-sub-content.visit-content .visit-dealer {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.common-sub-content.visit-content .visit-dealer .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  margin-right: 30px;
}
.common-sub-content.visit-content .visit-dealer .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.common-sub-content.visit-content .visit-dealer .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.common-sub-content.visit-content .visit-dealer .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -590px;
  z-index: 0;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt {
  float: left;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 500;
  margin-bottom: 10px;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt .place {
  margin-top: 5px;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt .place span {
  color: #999;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt .place span:first-child {
  position: relative;
  padding-right: 20px;
}
.common-sub-content.visit-content .visit-dealer .dealer-cnt .place span:first-child:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #999;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -5px;
}
.common-sub-content.visit-content .visit-reserv-info div {
  font-size: 16px;
  line-height: 1.5;
}
.common-sub-content.visit-content .visit-reserv-info div span {
  font-size: 16px;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area {
  margin-top: 20px;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area a {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 36px;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  margin-bottom: 3px;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area a.btn-blue {
  border-color: #336fc9;
  color: #336fc9;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area a.btn-green {
  border-color: #10af5b;
  color: #10af5b;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area a.btn-red {
  border-color: #fd665c;
  color: #fd665c;
}
.common-sub-content.visit-content .visit-reserv-info .btn-reserv-area a.disabled {
  border-color: #ccc;
  color: #999;
  cursor: default;
}
.common-sub-content.visit-content .visit-reserv-info .star-rating {
  width: 75px;
  height: 14px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -196px -115px;
  vertical-align: middle;
  text-align: left;
}
.common-sub-content.visit-content .visit-reserv-info .star-rating span {
  height: 14px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -196px -91px;
}

/* 방문예약(팝업) */
.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: 16px;
  display: block;
  margin-bottom: 5px;
}
.reserv-mn-area .reserv-mn-txt span {
  font-size: 16px;
}
.reserv-mn-area .reserv-mn-txt.txt-cor-f {
  color: #fff;
}
.reserv-mn-area .reserv-sel {
  margin-top: 20px;
}
.reserv-mn-area .reserv-sel strong.sub-tit {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}
.reserv-mn-area .reserv-sel p.red-txt {
  color: #fd665c;
  font-size: 16px;
}
.reserv-mn-area .reserv-sel ul.disable-sel-chk {
  margin-top: 20px;
}
.reserv-mn-area .reserv-sel ul.disable-sel-chk li {
  padding: 5px 0;
}
.reserv-mn-area .reserv-sel .dot-grey-list li {
  position: relative;
  font-size: 14px;
  color: #666;
  padding: 0 0 10px 8px;
}
.reserv-mn-area .reserv-sel .dot-grey-list li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #999;
  border-radius: 3px;
}
.reserv-mn-area .reserv-sel .textarea-type {
  height: 150px;
}
.reserv-mn-area .reserv-sel .textarea-type:disabled {
  background: #ececec;
  color: #999;
}

/*다이렉트보험 추가*/
.isr-calc-bnr {
  max-width: 1280px;
  margin: 40px 0 60px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.isr-calc-bnr a {
  width: 32.6%;
  height: 90px;
  border-radius: 7px;
  border: 1px solid #ddd;
  text-align: center;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.isr-calc-bnr a .isr-logo {
  position: relative;
  display: inline-block;
  padding-right: 13px;
  text-indent: -9999px;
  width: 165px;
  height: 18px;
}
.isr-calc-bnr a .isr-logo:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow_g.png") no-repeat;
}
.isr-calc-bnr a .isr-txt {
  display: block;
  color: #666;
  margin-top: 5px;
}
.isr-calc-bnr a .isr-txt i {
  font-style: normal;
}
.isr-calc-bnr a.isr01 {
  padding-top: 15px;
}
.isr-calc-bnr a.isr01 .isr-logo {
  width: 165px;
  height: 18px;
  background: url("../images/sub/isr-calc01.gif") no-repeat;
}
.isr-calc-bnr a.isr01 .isr-txt i {
  display: block;
  font-size: 12px;
  color: #999;
}
.isr-calc-bnr a.isr02 {
  padding-top: 20px;
}
.isr-calc-bnr a.isr02 .isr-logo {
  width: 110px;
  height: 18px;
  background: url("../images/sub/isr-calc02.gif") no-repeat;
}
.isr-calc-bnr a.isr02 .isr-txt {
  display: block;
}
.isr-calc-bnr a.isr02 .isr-txt span {
  display: inline-block;
  padding-left: 24px;
  background: url("../images/sub/bg_isr02.gif") no-repeat 0 0;
  color: #666;
}
.isr-calc-bnr a.isr03 {
  padding-top: 20px;
}
.isr-calc-bnr a.isr03 .isr-logo {
  width: 187px;
  height: 20px;
  background: url("../images/sub/isr-calc03.gif") no-repeat;
}
.isr-calc-bnr a.isr03 .isr-txt i {
  color: #336fc9;
}

.garage-isr {
  /*max-width: 1280px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.garage-isr .garage-area__inspection {
  width: 49.5%;
  padding: 24px 0 20px 125px;
  overflow: hidden;
}
.garage-isr .garage-area__inspection:before {
  left: -25px;
}
.garage-isr .garage-area__inspection:after {
  right: -150px;
}
.garage-isr .garage-area__inspection .garage-area__inspection-head {
  z-index: 1;
}
.garage-isr .garage-area__inspection .garage-area__inspection-content {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.garage-isr .garage-area__inspection .garage-area__inspection-date {
  font-size: 16px;
}
.garage-isr .garage-area__inspection .garage-area__inspection-link-text {
  display: block;
}
.garage-isr .garage-area__inspection .garage-area__inspection-link {
  z-index: 1;
}
.garage-isr .isr__inspection {
  position: relative;
  width: 49.5%;
  height: 150px;
  border: 1px solid #e7e7e7;
  clear: both;
  padding: 30px;
  border-radius: 32px;
}
.garage-isr .isr__inspection .isr__inspection-head {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  margin-bottom: 8px;
}
.garage-isr .isr__inspection .inr__inspection-content {
  font-size: 16px;
  display: block;
  line-height: 1.5;
  margin-top: 35px;
}
.garage-isr .isr__inspection .inr__inspection-content span {
  color: #666;
}
.garage-isr .isr__inspection .inr__inspection-content .inr__inspection-d-day {
  position: relative;
  top: -1px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  padding: 6px 12px 5px 12px;
  vertical-align: middle;
  background: #10a8e5;
  border-radius: 12px;
  min-width: 56px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.garage-isr .isr__inspection .link-arrow {
  margin-top: 20px;
}
.garage-isr .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;
}
.garage-isr .isr__inspection:after {
  content: "";
  display: block;
  background: url("../images/sub/bg_isr_inspection.png") no-repeat;
  width: 82px;
  height: 76px;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -38px;
}
.garage-isr .isr__tax {
  position: relative;
  width: 49.5%;
  height: 150px;
  margin: 0;
  padding: 0 0 0 190px;
  background: #3a478b;
  border-radius: 32px;
  overflow: hidden;
  color: #f7d51b;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.1;
  font-style: italic;
}
.garage-isr .isr__tax small {
  display: block;
  margin-top: 32px;
  margin-bottom: 3px;
  color: #fff;
  font-size: 18px;
}
.garage-isr .isr__tax .isr__tax-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.garage-isr .isr__tax:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 190px;
  height: 150px;
  background: url("../images/sub/isr_tax.png") no-repeat center top;
}
.garage-isr .isr__tax:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  display: block;
  width: 10px;
  height: 18px;
  margin: -9px 0 0 0;
  background: url("../images/sub/isr_tax.png") no-repeat left -160px;
}
.garage-isr .garage-area__tax {
  position: relative;
  display: block;
  width: 49.5%;
  height: 150px;
  padding: 30px 45px 30px 35px;
  border: 1px solid #e2e2e2;
  border-radius: 32px;
  background: #fff;
  color: #222;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.75px;
  overflow: hidden;
}
.garage-isr .garage-area__tax:before {
  content: "";
  position: absolute;
  right: 45px;
  bottom: 30px;
  display: block;
  width: 156px;
  height: 81px;
  background: url("../images/sub/isr_tax_new.png") no-repeat;
}
.garage-isr .garage-area__tax small {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.garage-isr .garage-area__tax strong {
  font-weight: bold;
}
.garage-isr .garage-area__tax .garage-area__tax-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.garage-isr .garage-area__tax .garage-area__tax-link-text {
  position: absolute;
  left: 35px;
  bottom: 29px;
  display: inline-block;
  width: auto;
  height: auto;
  color: #2666c6;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.garage-isr .garage-area__tax .garage-area__tax-arrow {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 4px;
  vertical-align: middle;
}
.garage-isr .garage-area__tax .garage-area__tax-arrow:before, .garage-isr .garage-area__tax .garage-area__tax-arrow:after {
  position: absolute;
  top: 0;
}
.garage-isr .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-isr .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-isr.has-top-space {
  margin-top: 20px;
}

.garage-tax-option-1 {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 113px;
  height: 30px;
  margin-top: -15px;
  background: url("../images/sub/isr_tax_1.png") no-repeat;
}

.garage-tax-option-2 {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 150px;
  height: 30px;
  margin-top: -15px;
  background: url("../images/sub/isr_tax_2.png") no-repeat;
}

.loan-consult {
  margin-top: 50px;
}
.loan-consult .loan-consult-txt {
  font-size: 16px;
  margin-bottom: 20px;
  padding: 10px 0 10px 70px;
  background: url("../images/sub/bg_loan_consult.png") no-repeat 0 50%;
}
.loan-consult .loan-consult-txt span {
  font-size: 16px;
  color: #2666c6;
}

.inr-info {
  margin-top: 40px;
}
.inr-info h4 {
  font-size: 16px;
  font-weight: 600;
}
.inr-info ul {
  margin-top: 15px;
}
.inr-info ul li {
  position: relative;
  color: #666;
  margin: 0 0 5px 10px;
}
.inr-info ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #666;
  position: absolute;
  top: 8px;
  left: -10px;
}

/*보내줘차차차*/
.cmm-table.dealer-enq {
  padding: 0;
}
.cmm-table.dealer-enq tbody tr td {
  padding: 15px 10px;
}
.cmm-table.dealer-enq tbody tr td:first-child {
  padding: 40px 1%;
}
.cmm-table.dealer-enq .reserv-state {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 36px;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 34px;
  font-size: 14px;
  color: #222;
  text-decoration: none;
}
.cmm-table.dealer-enq .reserv-state.cor-blue {
  border-color: #336fc9;
  color: #336fc9;
}
.cmm-table.dealer-enq .reserv-state.cor-green {
  border-color: #10af5b;
  color: #10af5b;
}
.cmm-table.dealer-enq .reserv-state.cor-red {
  border-color: #fd665c;
  color: #fd665c;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-img {
  float: none;
  width: 160px;
  height: 120px;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-img img {
  border-radius: 8px;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt {
  float: none;
  width: auto;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-name {
  font-size: 16px;
  color: #222;
  margin-top: 7px;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.6;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-name span {
  font-size: 16px;
  display: block;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-name span i {
  font-style: normal;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-info {
  margin-bottom: 7px;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-estimate del {
  font-size: 16px;
  color: #222;
  margin-right: 10px;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info .car-txt .car-estimate b {
  font-size: 16px;
  font-weight: normal;
  font-weight: 600;
}
.cmm-table.dealer-enq .visit-tb-list .pic-info.sold-out .car-estimate b {
  color: #336fc9;
}
.cmm-table.dealer-enq .visit-dealer {
  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;
}
.cmm-table.dealer-enq .visit-dealer .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  margin-right: 30px;
}
.cmm-table.dealer-enq .visit-dealer .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.cmm-table.dealer-enq .visit-dealer .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-table.dealer-enq .visit-dealer .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -590px;
  z-index: 0;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt {
  float: left;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt .name {
  display: block;
  margin-bottom: 5px;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt .place {
  margin-bottom: 5px;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt .place span {
  color: #222;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt .place span:first-child {
  position: relative;
  padding-right: 20px;
}
.cmm-table.dealer-enq .visit-dealer .dealer-cnt .place span:first-child:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #999;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -5px;
}
.cmm-table.dealer-enq .visit-reserv-info div {
  font-size: 14px;
  line-height: 1.5;
}

/* 멤버십 혜택 */
.common-sub-content .top-tit.partner-bg {
  position: relative;
  width: 925px;
}
.common-sub-content .top-tit.partner-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -15px;
  display: block;
  width: 292px;
  height: 267px;
  background: url("../images/sub/my_bg_partnership.png") no-repeat 0 0;
}
.common-sub-content .top-tit.coupon-bg.coupon-bg-rn:after {
  right: 0;
}
.common-sub-content .mymembership-coin {
  height: auto;
  padding-bottom: 60px;
}
.common-sub-content .mymembership-coin .box-left {
  float: left;
}
.common-sub-content .mymembership-coin .member-ship-wrap-rnw {
  position: absolute;
  top: 0;
  left: 540px;
  background-color: #fff;
  overflow: hidden;
}
.common-sub-content .mymembership-coin .member-ship-wrap-rnw .member-event-swipe-rnw {
  width: 515px;
}
.common-sub-content .mymembership-coin .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: 40px;
}
.common-sub-content .mymembership-coin .member-ship-wrap-rnw .member-event-swipe-rnw .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
  background: #c7c4bf;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.common-sub-content .mymembership-coin .member-ship-wrap-rnw .member-event-swipe-rnw .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 25px;
  height: 8px;
  background: #736b60;
}
.common-sub-content .mymembership-coin .mycha-link {
  margin-top: 35px;
}
.common-sub-content .mymembership-coin .mycha-link a {
  position: relative;
}
.common-sub-content .mymembership-coin .mycha-link a span {
  color: #fff;
}
.common-sub-content .mymembership-coin .mycha-link a.login-btn {
  width: 124px;
  border-color: #336fc9;
  background: #336fc9;
}
.common-sub-content .mymembership-coin .mycha-link a.my-coupon {
  width: 124px;
  border-color: #10a8e5;
  background: #10a8e5;
}
.common-sub-content .mymembership-coin .mycoin-used {
  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: 52px;
}
.common-sub-content .mymembership-coin .mycoin-used .tv-coin {
  margin-top: 0;
}
.common-sub-content .mymembership-coin .mycoin-used .membership-coin-btn {
  margin-left: 20px;
}
.common-sub-content .mymembership-coin .mycoin-used .membership-coin-btn a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  padding-right: 15px;
}
.common-sub-content .mymembership-coin .mycoin-used .membership-coin-btn a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -4px;
  background: url("../images/sub/bg_completed_arrow.png") no-repeat;
}
.common-sub-content .mymembership-coin:after {
  content: "";
  display: block;
  clear: both;
}
.common-sub-content .mc-main-content .quick-link-ed {
  overflow: hidden;
  height: 21px;
  margin-bottom: 30px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left {
  float: left;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a {
  font-size: 16px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a + a {
  margin-left: 45px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a[class*=link] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 21px;
  line-height: 21px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a[class*=link]:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  background: url("../images/sub/mycar-bg.png") no-repeat;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a[class*=link] .num {
  display: inline-block;
  vertical-align: top;
  height: 21px;
  line-height: 21px;
  margin-left: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link01 {
  padding-left: 26px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link01:after {
  top: 3px;
  width: 20px;
  height: 17px;
  background-position: -66px top;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link02 {
  padding-left: 23px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link02:after {
  top: 1px;
  width: 16px;
  height: 21px;
  background-position: -86px top;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link03 {
  padding-left: 22px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-left a.link03:after {
  top: 2px;
  width: 15px;
  height: 19px;
  background-position: -102px top;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-right {
  float: right;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-right a {
  font-size: 16px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-right a + a {
  margin-left: 45px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-right a.setting {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
}
.common-sub-content .mc-main-content .quick-link-ed .ql-right a.setting:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/mycar-bg.png") no-repeat;
  background-position: -117px top;
}
.common-sub-content .mc-main-content .coupon-tab-box {
  position: relative;
  min-width: 1270px;
}
.common-sub-content .mc-main-content .coupon-tab-box ul {
  overflow: hidden;
  height: auto;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li {
  float: left;
  padding: 0 0 0 5px;
  margin: 0;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li:first-child {
  padding: 0;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li a {
  display: block;
  padding: 0 20px;
  line-height: 58px;
  font-size: 18px;
  color: #222;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.on a {
  position: relative;
  font-weight: bold;
  color: #2666c6;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #2666c6;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.new a {
  position: relative;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.new a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #fd665c;
  position: absolute;
  top: 15px;
  right: 15px;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.point a {
  font-weight: bold;
  color: #fcaf17;
}
.common-sub-content .mc-main-content .coupon-tab-box ul li.point.on a {
  color: #2666c6;
}
.common-sub-content .member-sw-content {
  border: 1px solid #ddd;
  border-radius: 7px;
  background-color: #fff;
  width: 515px;
  height: 180px;
  overflow: hidden;
}
.common-sub-content .member-sw-content .bnr-img-wrap {
  position: relative;
  display: block;
  width: auto;
  padding-top: 35%;
}
.common-sub-content .member-sw-content .bnr-img-wrap .bnr-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common-sub-content .member-sw-content .bnr-img-wrap .bnr-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.common-sub-content .member-sw-content .bnr-txt {
  position: relative;
  width: 100%;
  height: 180px;
  overflow: hidden;
  padding-top: 34.95%;
}
.common-sub-content .member-sw-content .bnr-txt .txt {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -29px;
}
.common-sub-content .member-sw-content .bnr-txt .txt strong {
  font-size: 24px;
}
.common-sub-content .member-sw-content .bnr-txt .txt span {
  display: block;
  font-size: 18px;
  color: #999;
}
.common-sub-content .member-sw-content .bnr-txt .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
}
.common-sub-content .member-sw-content .bnr-txt .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.common-sub-content .member-sw-content.new {
  position: relative;
}
.common-sub-content .member-sw-content.new:after {
  content: "NEW";
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fd665c;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 15px;
}
.common-sub-content .my-coupon-area .list-num .total {
  font-size: 16px;
  font-weight: 600;
}
.common-sub-content .my-coupon-area .list-num .total strong {
  color: #336fc9;
  font-weight: 600;
}
.common-sub-content .my-coupon-area .list-num .new {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
}
.common-sub-content .my-coupon-area .list-num .new:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 2px;
}
.common-sub-content .my-coupon-area .member-sw-list {
  margin-left: -17px;
  min-width: 1090px;
}
.common-sub-content .my-coupon-area .member-sw-list > .member-sw-content {
  float: left;
  margin: 0 0 17px 17px;
}
.common-sub-content .my-coupon-area .member-sw-list:after {
  content: "";
  display: block;
  clear: both;
}
.common-sub-content .my-coupon-area .mycoupon-list {
  margin-left: -17px;
  min-width: 1090px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon {
  position: relative;
  float: left;
  width: 515px;
  height: 210px;
  margin: 0 0 20px 17px;
  overflow: hidden;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon > a {
  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;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #fff;
  border: 1px solid #ddd;
  position: absolute;
  top: 50%;
  right: -60px;
  margin-top: -40px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon:before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background: #10a8e5;
  position: absolute;
  top: 0;
  left: 0;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-img {
  float: left;
  width: 110px;
  height: 110px;
  background: #eaeaea;
  margin: 0 30px 0 40px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-img img {
  width: 100%;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt {
  position: relative;
  padding-left: 30px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt:after {
  content: "";
  display: block;
  width: 1px;
  height: 160px;
  background: #eaeaea;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -80px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .category span {
  min-width: 85px;
  height: 36px;
  line-height: 34px;
  padding: 0 20px;
  margin-right: 10px;
  border-radius: 18px;
  display: inline-block;
  font-size: 20px;
  border: 1px solid #222;
  font-weight: 500;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .category span.cmm-blue {
  border-color: #4171bf;
  color: #4171bf;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .category span.cmm-red {
  border-color: #fd665c;
  color: #fd665c;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .coupon-name {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 500;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .coupon-name strong {
  font-weight: 600;
  display: block;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .coupon-txt .coupon-period {
  font-size: 20px;
  color: #999;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .no-coupon {
  width: 100%;
  text-align: center;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .no-coupon .coupon-no-txt {
  line-height: 1.5;
  margin-bottom: 15px;
}
.common-sub-content .my-coupon-area .mycoupon-list .mms-benefit-coupon .no-coupon .membership_link {
  border-bottom: 1px solid #2666c6;
  color: #2666c6;
}
.common-sub-content .my-coupon-area .mycoupon-list:after {
  content: "";
  display: block;
  clear: both;
}
.common-sub-content .bnr-partnership {
  min-width: 1090px;
  margin-left: -17px;
}
.common-sub-content .bnr-partnership > div {
  position: relative;
  float: left;
  margin-left: 17px;
  width: 515px;
  height: 230px;
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
}
.common-sub-content .bnr-partnership > div .link-arrow {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #222;
  font-size: 16px;
}
.common-sub-content .bnr-partnership > div .link-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -4px;
}
.common-sub-content .bnr-partnership .bnr-partnership-img .link-arrow {
  color: #fff;
}
.common-sub-content .bnr-partnership .bnr-partnership-img .link-arrow:after {
  background: url("../images/sub/bg_completed_arrow_w.png") no-repeat;
}
.common-sub-content .bnr-partnership .bnr-partnership-txt {
  background: url("../images/sub/partnership_bg.png") no-repeat 280px 110px;
}
.common-sub-content .bnr-partnership .bnr-partnership-txt strong {
  position: absolute;
  top: 20px;
  left: 30px;
  font-size: 24px;
}
.common-sub-content .bnr-partnership .bnr-partnership-txt .link-arrow:after {
  background: url("../images/sub/bg_completed_arrow.png") no-repeat;
}
.common-sub-content .bnr-partnership:after {
  content: "";
  display: block;
  clear: both;
}

.coupon-sel-tit {
  font-size: 18px;
}

.coupon-sel {
  margin-top: 20px;
}
.coupon-sel .inp-rd, .coupon-sel .inp-rd-new {
  display: block;
  margin: 0 0 15px 0;
}

.coupon-barcode {
  text-align: center;
}
.coupon-barcode .coupon-name {
  display: block;
  font-size: 26px;
}
.coupon-barcode .coupon-name span {
  display: block;
  font-weight: 600;
  font-size: 36px;
  color: #2666c6;
}
.coupon-barcode .coupon-period {
  display: block;
  margin: 20px 0;
}
.coupon-barcode .barcode-img {
  margin: 10px 80px;
}
.coupon-barcode .barcode-img img {
  width: 100%;
}
.coupon-barcode .barcode-num {
  font-size: 16px;
  font-weight: 500;
}
.coupon-barcode .cmm-img-input img {
  width: 100%;
}

.popup-wrap .pop-whBox .kb-partner-poparea {
  width: 440px;
  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 );
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop {
  padding-top: 200px;
  background: url("../images/sub/mms_partner.png") no-repeat 50% 0;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap {
  position: relative;
  background: #fff;
  border-radius: 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);
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap:after, .popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap:before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background: #e9eef9;
  position: absolute;
  top: 50%;
  margin-top: -13px;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap:before {
  left: -13px;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap:after {
  right: -13px;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-top {
  position: relative;
  padding: 45px 0 30px;
  text-align: center;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-top:after {
  content: "";
  display: block;
  width: 72%;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -36%;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-btm {
  text-align: center;
  padding: 30px 0 40px;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-btm strong {
  font-size: 16px;
  font-weight: 600;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-btm span {
  font-size: 16px;
  display: block;
  padding: 7px 0 20px;
  letter-spacing: -1px;
}
.popup-wrap .pop-whBox .kb-partner-poparea .kb-partner-pop .inner-wrap .kb-partner-btm div {
  display: inline-block;
  background: #f5f6f9;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 16px;
  color: #2666c6;
}

.partner-box {
  margin-top: 60px;
}
.partner-box .car-lief-box {
  height: 230px;
}
.partner-box .car-lief-box .txt {
  font-size: 16px;
}

/*대환대출 배너 2021.03.19*/
.loanapp-consult {
  padding: 30px 0 60px;
  margin: 30px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.loanapp-consult .section-tit {
  display: block;
  font-size: 24px;
  padding: 0;
  margin-bottom: 20px;
}
.loanapp-consult .bnr-loanapp-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.loanapp-consult .bnr-loanapp {
  position: relative;
  width: 49.5%;
  padding: 30px;
  border-radius: 16px;
}
.loanapp-consult .bnr-loanapp .hashtag {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-bottom: 60px;
}
.loanapp-consult .bnr-loanapp .loan-kind {
  display: block;
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 5px 0;
}
.loanapp-consult .bnr-loanapp .loan-kind span {
  font-size: inherit;
  font-weight: 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: 30px;
  bottom: 30px;
  display: block;
  padding: 10px 20px;
  color: #fff;
  border-radius: 11px;
}
.loanapp-consult .bnr-loanapp:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -48px;
}
.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;
  right: 24px;
  width: 101px;
  height: 95px;
}
.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;
  right: 30px;
  width: 96px;
  height: 96px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.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: absolute;
  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%;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.cor-gray {
  color: #999 !important;
}

.cor-red {
  color: #fd665c !important;
}

.guide-wrap-d {
  background: #f1f1f1;
  padding: 20px;
}
.guide-wrap-d h2.guide-tit {
  font-size: 18px;
  margin-bottom: 15px;
}
.guide-wrap-d h3.guide-tit {
  font-size: 14px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.guide-wrap-d .guide-type {
  border: 1px dashed #bdbfc2;
  margin: 0 0 20px 0;
  padding: 10px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #fff;
}
.guide-wrap-d .tit-br {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

[class*=flex] {
  overflow: hidden;
}
[class*=flex] [class*=box] {
  float: left;
}
[class*=flex] [class*=fl-right] {
  float: right;
}

[class*=inline-wrap] [class*=inline-box] {
  display: inline-block;
}

[class^=txt-info-vertical] {
  vertical-align: middle;
}
[class^=txt-info-vertical]:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
[class^=txt-info-vertical].inquiry {
  position: relative;
  height: 28px;
  padding-left: 40px;
}
[class^=txt-info-vertical].inquiry:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 28px;
  height: 26px;
  background: url("../images/sub/ico_inquiry.png") no-repeat 0 0;
  content: "";
}
[class^=txt-info-vertical].inquiry-del {
  display: inline-block;
  position: relative;
  height: 28px;
  padding-left: 40px;
}
[class^=txt-info-vertical].inquiry-del span {
  font-size: 24px;
}
[class^=txt-info-vertical].inquiry-del:before {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 28px;
  height: 26px;
  background: url("../images/sub/ico_inquiry.png") no-repeat 0 0;
  content: "";
}

.round-box {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 50px;
  height: 24px;
  line-height: 23px;
  padding: 0 5px;
}
.round-box.cor-red {
  border: 1px solid #fd665c;
}
.round-box.cor-blue {
  border: 1px solid #2666c6;
}

.cmm-sub-content .top-tit.thema-bg,
.common-sub-content .top-tit.thema-bg {
  position: relative;
}
.cmm-sub-content .top-tit.thema-bg:after,
.common-sub-content .top-tit.thema-bg:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -16px;
  display: block;
  width: 327px;
  height: 240px;
  background: url("../images/sub/buy_bg.png") no-repeat 0px 0px;
}
.cmm-sub-content .top-tit-pick,
.common-sub-content .top-tit-pick {
  position: relative;
  max-width: 1480px;
  height: 320px;
  margin-bottom: 80px;
  z-index: 1;
}
.cmm-sub-content .top-tit-pick.pick-bg01,
.common-sub-content .top-tit-pick.pick-bg01 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg01:after,
.common-sub-content .top-tit-pick.pick-bg01:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat 0px 0px;
}
.cmm-sub-content .top-tit-pick.pick-bg02,
.common-sub-content .top-tit-pick.pick-bg02 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg02:after,
.common-sub-content .top-tit-pick.pick-bg02:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat -600px 0px;
}
.cmm-sub-content .top-tit-pick.pick-bg03,
.common-sub-content .top-tit-pick.pick-bg03 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg03:after,
.common-sub-content .top-tit-pick.pick-bg03:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat -1200px 0px;
}
.cmm-sub-content .top-tit-pick.pick-bg04,
.common-sub-content .top-tit-pick.pick-bg04 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg04:after,
.common-sub-content .top-tit-pick.pick-bg04:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat 0 -320px;
}
.cmm-sub-content .top-tit-pick.pick-bg05,
.common-sub-content .top-tit-pick.pick-bg05 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg05:after,
.common-sub-content .top-tit-pick.pick-bg05:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat -600px -320px;
}
.cmm-sub-content .top-tit-pick.pick-bg06,
.common-sub-content .top-tit-pick.pick-bg06 {
  position: relative;
}
.cmm-sub-content .top-tit-pick.pick-bg06:after,
.common-sub-content .top-tit-pick.pick-bg06:after {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  background: url("../images/sub/pick_bg.png") no-repeat -1200px -320px;
}
.cmm-sub-content .top-tit-pick[class*=pick-bg]:after,
.common-sub-content .top-tit-pick[class*=pick-bg]:after {
  right: 0;
}
.cmm-sub-content .top-tit-pick .btn-m,
.common-sub-content .top-tit-pick .btn-m {
  position: absolute;
  left: 0;
  bottom: 0;
}

.tw-car-search {
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 70px;
  width: 100%;
  max-width: 1480px;
}
.tw-car-search .the-tab-wrap {
  padding-top: 5px;
  float: left;
  margin-bottom: 0px;
  padding-left: 0px;
}
.tw-car-search .search-list {
  float: right;
}
.tw-car-search .search-list dt {
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
  padding-top: 5px;
}
.tw-car-search .search-list dt .btn-reflsh {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url("../images/sub/btn_reflsh.png") no-repeat 0 0;
}
.tw-car-search .search-list dd {
  display: inline-block;
}
.tw-car-search .search-list dd .with-reason {
  padding-right: 0px;
}
.tw-car-search .search-list dd .with-reason .s-list {
  width: 870px;
  padding-right: 0px;
}
.tw-car-search .search-list dd .with-reason .s-list span {
  position: relative;
}
.tw-car-search .search-list dd .with-reason .s-list .close-btn {
  position: absolute;
  right: -5px;
  top: -5px;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/btn_search_close.png") no-repeat 0 0;
}

.tnb-wrap {
  width: 100%;
}
.tnb-wrap .tnb-srch {
  position: relative;
  background: #fff;
  padding-bottom: 20px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd;
}
.tnb-wrap .tnb-srch:after {
  content: "";
  display: block;
  clear: both;
}
.tnb-wrap .info-selected {
  position: relative;
  float: left;
  width: 805px;
}
.tnb-wrap .info-selected .box-select {
  height: 38px;
  float: left;
  margin: 0 6px 10px 0;
}
.tnb-wrap .info-selected .box-select .type-sort .cmm-brand-list li {
  border: 0;
}
.tnb-wrap .btn-area {
  position: absolute;
  right: 0;
  padding-top: 10px;
}
.tnb-wrap .btn-area a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 33px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-right: 10px;
}
.tnb-wrap .btn-area a.btn-options {
  background-image: url("../images/sub/btn_options.png");
}
.tnb-wrap .btn-area a.btn-reset {
  background-image: url("../images/sub/btn_reflsh.png");
}
.tnb-wrap .car-sorts .cmm-total-ck {
  float: left;
  margin-right: 5px;
}
.tnb-wrap .car-sorts .cmm-total-ck input[type=checkbox] {
  width: 0;
  height: 0;
}
.tnb-wrap .car-sorts .cmm-total-ck label {
  display: inline-block;
  width: 135px;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  padding: 0 20px 0 10px;
}
.tnb-wrap .car-sorts .cmm-total-ck input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
}
.tnb-wrap.on .btn-area .btn-options {
  color: #336fc9;
  background-image: url("../images/sub/btn_options_on.png");
}

.btn-sort {
  position: relative;
  display: inline-block;
  height: 38px;
  line-height: 36px;
  border: 1px solid #ddd;
  border-radius: 50px;
  width: 130px;
  max-width: 150px;
  color: #222;
  padding: 0 30px 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-sort:after {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 16px;
  height: 10px;
  background: url("../images/sub/bg_arraw.png") no-repeat 0 0;
  content: "";
}
.btn-sort.on {
  color: #fff;
  background-color: #336fc9;
  border-color: #336fc9;
}
.btn-sort.on:after {
  background: #336fc9 url("../images/sub/bg_arraw_on.png") no-repeat 0 0;
}

.choice-car-list {
  width: 100%;
  max-width: 1480px;
  border-top: 1px solid #ddd;
  padding: 60px 0;
}
.choice-car-list .tit-wrap {
  overflow: hidden;
  margin-bottom: 40px;
}
.choice-car-list .tit-wrap strong {
  float: left;
  font-size: 24px;
  font-weight: 300;
}
.choice-car-list .tit-wrap .btn {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #2666c6;
  text-decoration: none;
  margin-right: 30px;
  float: right;
}
.choice-car-list .tit-wrap .btn:after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 6px;
  height: 12px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0 0;
  content: "";
}
.choice-car-list .tit-wrap .btn:last-child {
  margin-right: 0px;
}
.choice-car-list > ul {
  overflow: hidden;
}
.choice-car-list > ul li {
  float: left;
  margin-right: 20px;
}
.choice-car-list > ul li:last-child {
  margin-right: 0px;
}
.choice-car-list .car-box .tit {
  display: block;
  font-weight: 300;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.choice-car-list .car-box .list {
  overflow: hidden;
  margin-bottom: 10px;
}
.choice-car-list .car-box .list li {
  position: relative;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  color: #999;
}
.choice-car-list .car-box .list li:after {
  position: absolute;
  right: 0px;
  top: 4px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #b4b4b4;
  content: "";
}
.choice-car-list .car-box .list li:last-child:after {
  display: none;
}
.choice-car-list .car-box .overlay {
  opacity: 0.6;
}
.choice-car-list .car-box .overlay .pay {
  color: #999;
}
.choice-car-list .car-box .pay {
  font-size: 18px;
  color: #336fc9;
}
.choice-car-list .car-box .pay del {
  font-weight: 300;
  color: #999;
  font-size: 14px;
}
.choice-car-list .car-box .cor-btn {
  margin-top: 10px;
}
.choice-car-list .car-box .cor-btn span {
  display: inline-block;
  min-width: 60px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  border-radius: 50px;
  font-size: 12px;
  margin-right: 5px;
}
.choice-car-list .car-box .cor-btn span.cor-red {
  border: 1px solid #fd665c;
}
.choice-car-list .car-box .cor-btn span.cor-blue {
  border: 1px solid #2666c6;
}

.arrow-btn {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #2666c6;
  text-decoration: none;
  margin-right: 30px;
}
.arrow-btn:after {
  position: absolute;
  right: 0px;
  top: 4px;
  width: 6px;
  height: 12px;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 0 0;
  content: "";
}
.arrow-btn:last-child {
  margin-right: 0px;
}

.layer-model {
  display: none;
  width: 980px;
  padding: 30px 24px;
  border: 1px solid #ddd;
  border-radius: 20px;
  -webkit-box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 47px;
  left: 0;
  background: #fff;
  z-index: 3;
}
.layer-model .col-div:after {
  content: "";
  display: block;
  clear: both;
}
.layer-model .col-div dl {
  float: left;
  margin-bottom: 0;
}
.layer-model .col-div dl:first-child {
  width: 580px;
}
.layer-model .col-div dl:last-child {
  width: 338px;
}
.layer-model.on {
  display: block;
}
.layer-model.type-sort {
  width: 751px;
}
.layer-model.type-sort .car-sorts .cmm-total-ck label,
.layer-model.type-sort .car-sorts ul li label {
  width: 150px;
  padding: 0;
}
.layer-model.type-grade {
  width: 640px;
}
.layer-model.type-hope {
  width: 692px;
}
.layer-model.type-hope .cmm-total-ck label {
  width: 150px !important;
  padding: 0 !important;
}
.layer-model.type-hope .cmm-total-ck:checked + label {
  background-color: #2666c6;
  border-color: #2666c6;
  color: #fff;
}
.layer-model.type-hope .car-sorts li {
  border: 0;
  padding: 0;
}
.layer-model.type-hope .car-sorts li label {
  width: 150px;
  padding: 0;
}
.layer-model.type-hope .car-sorts button {
  width: 150px;
  margin: 0 5px 10px 0;
  padding: 0;
}
.layer-model.type-hope .car-sorts button:first-child + button + button + button {
  margin-right: 0;
}
.layer-model.type-hope .car-sorts button:nth-child(4n) {
  margin-right: 0;
}
.layer-model .car-brand dd [class*=car-] {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  margin: 0 5px 10px 0;
  padding: 0 20px 0 50px;
  border-radius: 50px;
}
.layer-model .car-brand dd [class*=car-]::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
}
.layer-model .car-brand dd [class*=car-] > span {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
}
.layer-model .car-brand dd [class*=car-] > span > span {
  display: inline-block;
  margin-left: 5px;
}
.layer-model .car-brand dd [class*=all]:before {
  background-image: url("../images/sub/ico_checked.png");
}
.layer-model .car-brand dd [class*=all].ck-on:before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.layer-model .car-brand dd [class*=hyundai]:before {
  background-image: url(../../images/pc/sub/ico_hyundai.png);
}
.layer-model .car-brand dd [class*=kia]:before {
  background-image: url(../../images/pc/sub/ico_kia.png);
}
.layer-model .car-brand dd [class*=gm]:before {
  background-image: url(../../images/pc/sub/ico_gm.png);
}
.layer-model .car-brand dd [class*=renault]:before {
  background-image: url(../../images/pc/sub/ico_renault.png);
}
.layer-model .car-brand dd [class*=smortor]:before {
  background-image: url(../../images/pc/sub/ico_smortor.png);
}
.layer-model .car-brand dd [class*=genesis]:before {
  background-image: url(../../images/pc/sub/ico_genesis.png);
}
.layer-model .car-brand dd [class*=etc]:before {
  background-image: url(../../images/pc/sub/ico_etc.png);
}
.layer-model .car-brand dd [class*=benz]:before {
  background-image: url(../../images/pc/sub/ico_benz.png);
}
.layer-model .car-brand dd [class*=bmw]:before {
  background-image: url(../../images/pc/sub/ico_bmw.png);
}
.layer-model .car-brand dd [class*=audi]:before {
  background-image: url(../../images/pc/sub/ico_audi.png);
}
.layer-model .car-brand dd [class*=volkswagen]:before {
  background-image: url(../../images/pc/sub/ico_volkswagen.png);
}
.layer-model dl {
  margin-bottom: 30px;
}
.layer-model dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
.layer-model dl dd [class^=car-] {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.layer-model dl dd [class^=car-] label {
  position: relative;
  display: inline-block;
  padding-left: 50px;
  padding-right: 20px;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.layer-model dl dd [class^=car-] label > span {
  display: inline-block;
  margin-left: 5px;
}
.layer-model dl dd [class^=car-] label::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
}
.layer-model dl dd.region .cmm-brand-list li {
  border: 0;
}
.layer-model dl dd.region .cmm-area-total {
  position: relative;
  display: inline-block;
  float: left;
  width: 100px;
  height: 40px;
  margin: 0 5px 10px 0;
  border-radius: 40px;
}
.layer-model dl dd.region .cmm-area-total label {
  position: relative;
  display: inline-block;
  width: 61px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 3px 0 34px;
  z-index: 1;
}
.layer-model dl dd.region .cmm-area-total label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  background: url("../images/sub/ico_checked.png") no-repeat 50% 50%;
}
.layer-model dl dd.region .cmm-area-total input[type=checkbox]:checked + label {
  color: #fff;
}
.layer-model dl dd.region .cmm-area-total input[type=checkbox]:checked + label:after {
  background-image: url("../images/sub/ico_checked_on.png");
}
.layer-model dl dd.region label {
  border: 1px solid #ddd;
}
.layer-model dl dd.region label,
.layer-model dl dd.region button {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.layer-model dl dd.region label > span span,
.layer-model dl dd.region button > span span {
  display: inline-block;
  margin-left: 5px;
}
.layer-model dl dd.region label::before,
.layer-model dl dd.region button::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
}
.layer-model dl dd.region label.region-all,
.layer-model dl dd.region button.region-all {
  width: 100px;
  padding-left: 25px;
}
.layer-model dl dd.region label.region-all:before,
.layer-model dl dd.region button.region-all:before {
  background-image: url("../images/sub/ico_checked.png");
}
.layer-model dl dd.region label.region-all.ck-on:before,
.layer-model dl dd.region button.region-all.ck-on:before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.layer-model dl dd.region button {
  margin: 0 10px 10px 0;
}
.layer-model dl dd.region input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background-color: #2666c6;
}
.layer-model dl dd.region input[type=checkbox]:checked + label span {
  color: #fff;
}
.layer-model .area-btn {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.layer-model .model-content {
  margin-top: 20px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.layer-model .model-content > div {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-model .model-content .m-list-left {
  float: left;
  width: 50%;
  height: 420px;
  border-right: 1px solid #ddd;
}
.layer-model .model-content .m-list-right {
  float: left;
  width: 50%;
}
.layer-model .model-content .c-list {
  padding-top: 30px;
}
.layer-model .model-content .c-list ul li {
  overflow: hidden;
  margin-bottom: 30px;
}
.layer-model .model-content .c-list ul li .inp-ch, .layer-model .model-content .c-list ul li .inp-ch-new {
  float: left;
}
.layer-model .model-content .c-list ul li .inp-ch .date, .layer-model .model-content .c-list ul li .inp-ch-new .date {
  color: #999;
}
.layer-model .model-content .c-list ul li strong {
  float: right;
}
.layer-model .model-content .c-list ul li ul {
  padding: 30px 0 0 30px;
  clear: both;
}
.layer-model .model-content .c-list ul li ul li:last-child {
  margin-bottom: 0;
}
.layer-model .model-content .empty-area {
  text-align: center;
  padding-top: 170px;
}
.layer-model .model-content .empty-area p {
  font-size: 16px;
}
.layer-model .car-sorts button {
  width: 128px;
  height: 42px;
  margin: 0 5px 10px 0;
  border-radius: 50px;
}
.layer-model .car-sorts ul li {
  display: inline-block;
  margin-bottom: 10px;
}
.layer-model .car-sorts ul li label {
  width: 130px;
  display: inline-block;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
}
.layer-model .car-sorts ul li label span {
  display: inline-block;
  margin-left: 5px;
}
.layer-model .car-sorts ul li input[type=checkbox] {
  display: none;
}
.layer-model .car-sorts ul li input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background: #2666c6;
  color: #fff;
}
.layer-model .car-sorts ul li input[type=checkbox]:checked + label span {
  color: #fff;
}
.layer-model .info-tit {
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}
.layer-model .info-tit .btn-info {
  display: inline-block;
  vertical-align: middle;
}

.fac-wrap .step-btn {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #2666c6;
  text-decoration: none;
}
.fac-wrap .step-btn:after {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 6px;
  height: 12px;
  background: url("../images/sub/ico_driving_arr_cross.png") no-repeat 0 0;
  content: "";
}
.fac-wrap .step-btn:last-child {
  margin-right: 0px;
}
.fac-wrap .all-car-thing {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 50px;
  background-color: #f1f1f1;
  padding: 0 18px;
  height: 35px;
  line-height: 35px;
  margin-left: 20px;
}
.fac-wrap .list {
  margin-top: 30px;
  padding-bottom: 20px;
}
.fac-wrap .list button {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
  border: 1px solid #ddd;
  color: #222;
  margin-right: 5px;
}
.fac-wrap .list button.on {
  border: 1px solid #2666c6;
  background-color: #2666c6;
  color: #fff;
}
.fac-wrap .list a {
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
  border: 1px solid #ddd;
  color: #222;
  margin-right: 5px;
}
.fac-wrap .list a.on {
  background: #2666c6;
  border: 1px solid #2666c6;
  color: #fff;
}

.thumnail-type {
  position: relative;
  float: left;
  margin: 0 0 10px 10px;
}
.thumnail-type button,
.thumnail-type a {
  width: 170px;
  height: 128px;
  padding-top: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.thumnail-type button img,
.thumnail-type a img {
  width: 105px;
  height: 75px;
}
.thumnail-type button span,
.thumnail-type a span {
  position: relative;
  top: -5px;
  display: block;
}
.thumnail-type input[type=checkbox] {
  width: 0;
  height: 0;
}
.thumnail-type .cmm-model-ck {
  display: inline-block;
  font-variant: normal;
  width: 170px;
  height: 128px;
  padding: 20px 16px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ddd;
}
.thumnail-type .cmm-model-ck .txt {
  position: relative;
  display: block;
  top: 0;
}
.thumnail-type .cmm-model-ck .cmm-car-img {
  display: inline-block;
  width: 105px;
  height: 75px;
}
.thumnail-type .cmm-model-ck .cmm-car-img img {
  width: 100%;
}
.thumnail-type .cmm-model-ck .cmm-brand-img {
  margin-top: 0;
}
.thumnail-type input[type=checkbox]:checked + .cmm-model-ck {
  border-color: #2666c6;
}
.thumnail-type .cmm-brand-img {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 35px;
  margin: 0;
}
.thumnail-type .cmm-brand-img img {
  width: 100%;
}

.car-content {
  padding-top: 40px;
  overflow: hidden;
  height: 385px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.car-content dt {
  position: relative;
}
.car-content dt .arrow-btn {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 14px;
}
.car-content dd {
  overflow: hidden;
}

.setting .top-area {
  overflow: hidden;
}
.setting .top-area .inp-ch02 {
  float: left;
}
.setting .top-area .inp-ch02 label > span {
  font-size: 16px;
  margin-right: 5px;
}
.setting .top-area .btn-reset {
  float: right;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 33px;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../images/sub/btn_reflsh.png");
}
.setting .pay-setting {
  margin-top: 22px;
  overflow: hidden;
}
.setting .pay-setting .range-wrap {
  float: left;
}
.setting .pay-setting .range-wrap [id*=slider-bar] {
  position: relative;
  top: 20px;
  width: 260px;
}
.setting .pay-setting .range-wrap .price-range {
  display: none;
}
.setting .pay-setting .range-wrap .price-range .range-input .inp-t {
  width: 150px;
}
.setting .pay-setting .select-bar {
  float: right;
}
.setting.check-on .pay-setting {
  position: relative;
}
.setting.check-on .pay-setting:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 20px;
  display: block;
  width: 260px;
  height: 2px;
  background-color: #f1f1f1;
}
.setting.check-on .pay-setting .range-wrap {
  float: right;
}
.setting.check-on .pay-setting .range-wrap [id*=slider-bar] {
  display: none;
}
.setting.check-on .pay-setting .range-wrap .price-range {
  display: block;
}
.setting.check-on .pay-setting .select-bar {
  display: none;
}

.manu-content {
  padding-top: 60px;
  margin-bottom: 60px;
  border-top: 1px solid #ddd;
}
.manu-content .tit {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 50px;
}
.manu-content .fac-wrap {
  margin-bottom: 50px;
}
.manu-content .car-sorts button {
  width: 128px;
  height: 42px;
  margin: 0 5px 10px 0;
  border-radius: 50px;
}
.manu-content .car-list-sorts dl {
  margin-bottom: 30px;
}
.manu-content .car-list-sorts dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
.manu-content .car-list-sorts dl dd [class*=all] {
  position: relative;
  padding: 0 20px 0 50px;
}
.manu-content .car-list-sorts dl dd [class*=all]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../images/sub/ico_checked.png");
}
.manu-content .car-list-sorts dl dd [class*=all].ck-on:before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.manu-content .car-list-sorts dl dd .ck-item {
  display: inline-block;
  margin: 0 5px 10px 0;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
}
.manu-content .car-list-sorts dl dd .ck-item span {
  line-height: 38px;
}
.manu-content .car-list-sorts dl dd .ck-item .etc img {
  width: 16px;
  top: 17px;
}
.manu-content .car-list-sorts dl dd .ck-item img {
  position: relative;
  top: 7px;
  width: 35px;
  margin-right: 10px;
}
.manu-content .popularity-content dl {
  overflow: hidden;
  margin-bottom: 40px;
}
.manu-content .popularity-content dl dt {
  position: relative;
  font-size: 18px;
  margin-bottom: 20px;
}
.manu-content .popularity-content dl dt .arrow-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
}
.manu-content .popularity-content dl dd.ck-wrap {
  margin-left: -10px;
}
.manu-content .popularity-content dl dd.ck-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.manu-content .popularity-content dl dd.ck-wrap .thumnail-type {
  margin: 0 0 10px 10px;
}
.manu-content .model-content {
  margin-top: 20px;
  overflow: hidden;
}
.manu-content .model-content > div {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.manu-content .model-content .m-list-left {
  float: left;
  width: 50%;
  height: 420px;
  border-right: 1px solid #ddd;
}
.manu-content .model-content .m-list-right {
  float: left;
  width: 50%;
  height: 420px;
}
.manu-content .model-content .c-list {
  padding-top: 30px;
}
.manu-content .model-content .c-list ul li {
  overflow: hidden;
  margin-bottom: 30px;
}
.manu-content .model-content .c-list ul li .inp-ch, .manu-content .model-content .c-list ul li .inp-ch-new {
  float: left;
}
.manu-content .model-content .c-list ul li .inp-ch .date, .manu-content .model-content .c-list ul li .inp-ch-new .date {
  color: #999;
}
.manu-content .model-content .c-list ul li strong {
  float: right;
}
.manu-content .model-content .c-list ul li ul {
  display: block;
  clear: both;
  padding: 1px 0 0 25px;
}
.manu-content .model-content .c-list ul li ul li {
  margin: 25px 0 0;
}
.manu-content .model-content .empty-area {
  text-align: center;
  padding-top: 165px;
}
.manu-content .model-content .empty-area p {
  font-size: 16px;
}
.manu-content .car-sorts ul li {
  display: inline-block;
  margin-bottom: 10px;
}
.manu-content .car-sorts ul li label {
  width: 130px;
  display: inline-block;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
}
.manu-content .car-sorts ul li label span {
  display: inline-block;
  margin-left: 5px;
}
.manu-content .car-sorts ul li input[type=checkbox] {
  display: none;
}
.manu-content .car-sorts ul li input[type=checkbox]:checked + label {
  background-color: #2666c6;
  color: #fff;
}
.manu-content .car-sorts ul li input[type=checkbox]:checked + label span {
  color: #fff;
}
.manu-content .type-hope .car-sorts button {
  width: 150px;
  margin: 0 5px 10px 0;
  padding: 0;
}
.manu-content .type-hope .car-sorts .cmm-total-ck {
  width: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.manu-content .type-hope .car-sorts .cmm-total-ck label {
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.manu-content .type-hope .car-sorts .cmm-brand-list label {
  width: 150px;
  padding: 0;
}
.manu-content .setting {
  width: 615px;
}
.manu-content .info-tit {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
}
.manu-content .info-tit .btn-info {
  display: inline-block;
  vertical-align: middle;
}
.manu-content .area-btn {
  padding-top: 60px;
  border-top: 1px solid #ddd;
}
.manu-content .col-div:after {
  content: "";
  display: block;
  clear: both;
}
.manu-content .col-div dl {
  float: left;
  margin-bottom: 0;
}
.manu-content .col-div dl:first-child {
  width: 580px;
}
.manu-content .col-div dl:last-child {
  width: 338px;
}
.manu-content .col-div .cmm-area-total {
  position: relative;
  display: inline-block;
  float: left;
  width: 145px;
  height: 40px;
  margin: 0 5px 10px 0;
}
.manu-content .col-div .cmm-area-total label {
  position: relative;
  display: inline-block;
  width: 61px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 3px 0 34px;
  border: 1px solid #ddd;
  border-radius: 40px;
  z-index: 1;
}
.manu-content .col-div .cmm-area-total label:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: 50px;
  height: 40px;
  background: url("../images/sub/ico_checked.png") no-repeat 50% 50%;
}
.manu-content .col-div .cmm-area-total input[type=checkbox] + label {
  color: #222;
}
.manu-content .col-div .cmm-area-total input[type=checkbox]:checked + label {
  color: #fff;
  border-color: #336fc9;
  background-color: #336fc9;
}
.manu-content .col-div .cmm-area-total input[type=checkbox]:checked + label:after {
  background-image: url("../images/sub/ico_checked_on.png");
}
.manu-content dl {
  margin-bottom: 30px;
}
.manu-content dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
.manu-content dl dd [class^=car-] {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.manu-content dl dd [class^=car-] label {
  position: relative;
  display: inline-block;
  padding-left: 50px;
  padding-right: 20px;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.manu-content dl dd [class^=car-] label > span {
  display: inline-block;
  margin-left: 5px;
}
.manu-content dl dd [class^=car-] label::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
}
.manu-content dl dd [class^=car-] input[type=checkbox] {
  display: none;
}
.manu-content dl dd [class^=car-] input[type=checkbox]:checked + label {
  background-color: #2666c6;
  color: #fff;
  border: 1px solid #2666c6;
}
.manu-content dl dd [class^=car-] input[type=checkbox]:checked + label > span {
  color: #fff;
}
.manu-content dl dd.region button {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  margin: 0 5px 10px 0;
  padding: 0;
}
.manu-content dl dd.region button > span span {
  display: inline-block;
  margin-left: 5px;
}
.manu-content dl dd.region button::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
}
.manu-content dl dd.region button.region-all {
  width: 100px;
  padding-left: 25px;
}
.manu-content dl dd.region button.region-all:before {
  background-image: url("../images/sub/ico_checked.png");
}
.manu-content dl dd.region button.region-all.ck-on:before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.manu-content dl dd [class*=all] label:before {
  background-image: url("../images/sub/ico_checked.png");
}
.manu-content dl dd [class*=all] input[type=checkbox]:checked + label:before {
  background-image: url("../images/sub/ico_checked_on.png");
}
.manu-content .col-div .select-bor .cmm-area-total {
  display: block;
  margin: 0;
  width: auto;
  height: auto;
  float: none;
}
.manu-content .col-div .select-bor .cmm-area-total input[type=checkbox]:checked + label {
  color: #fff;
  border-width: 0;
  border-color: transparent;
  background-color: transparent;
}
.manu-content .col-div .select-bor .cmm-area-total input[type=checkbox]:checked + label:after {
  background-image: url("../images/sub/ico_checked_on.png");
}
.manu-content .col-div .select-bor .cmm-area-total label {
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 21px;
  margin-bottom: 10px;
}
.manu-content .col-div .select-bor .cmm-area-total label:after {
  display: none;
}
.manu-content .other-list .cmm-brand-list li label {
  min-width: auto;
}

.ann-abo-tit {
  line-height: 36px;
  margin: 50px 0 53px 0;
  font-size: 24px;
  color: #336fc9;
}

.buy-list {
  padding-bottom: 60px;
  margin-bottom: 56px;
  border-bottom: 1px solid #ddd;
}
.buy-list > .tit {
  margin-bottom: 36px;
}
.buy-list > .tit > h2 {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.buy-list > .tit .link-arrow {
  margin: 5px 0 0 30px;
}

.buy-list-new {
  padding-bottom: 60px;
}

.title-area {
  margin-bottom: 36px;
}
.title-area > h2 {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.title-area > h2 .tit-cor-blue {
  font-size: 24px;
  color: #2666c6;
}
.title-area .link-arrow {
  margin: 5px 0 0 30px;
}

.buy-empty-box {
  padding-bottom: 40px;
}

.buy-btm-link {
  margin: 60px 0 100px;
}

.buy-com-bar {
  margin-bottom: 100px;
}

.range-disabled .noUi-horizontal .noUi-handle {
  display: none;
}

.tnb-wrap .total-option {
  display: none;
  background: #fff;
}
.tnb-wrap.on {
  position: fixed;
  width: calc(100% - 160px);
  max-width: 100%;
  top: 124px;
  left: 160px;
  right: 10px;
  z-index: 3;
  height: 100%;
  padding: 0 0 300px 50px;
  background: #fff;
}
.tnb-wrap.on .total-option {
  display: block;
  overflow-y: scroll;
  height: 100%;
  margin-top: -60px;
  padding-right: 20px;
}
.tnb-wrap.on .btn-fix-op {
  position: fixed;
  left: 160px;
  bottom: 0;
  width: calc(100% - 160px);
  height: 100px;
  margin: 0 !important;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
  background: #fff;
}

.tnb-wrap02.on {
  padding-bottom: 241px;
}
.tnb-wrap02.on .total-option {
  padding-right: 70px;
}
.tnb-wrap02.on .info-selected {
  display: none;
}
.tnb-wrap02.on .btn-area {
  top: 80px;
  right: 70px;
}

.option-tit {
  margin-bottom: 30px;
  overflow: hidden;
}
.option-tit .option-txt-v {
  float: left;
}
.option-tit .option-txt-r {
  float: right;
}
.option-tit .option-txt-r a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 33px;
  margin-right: 10px;
  background: url("../images/sub/btn_reflsh.png") no-repeat 0 0;
}

.option-cont .op-ch-sel {
  margin-top: 10px;
}
.option-cont .op-ch-sel span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.option-cont .op-ch-sel span strong {
  display: inline !important;
  font-weight: bold !important;
}
.option-cont .op-ch-sel .inp-ch-r label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.option-regi .dealer-sub-tit {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.option-regi .dealer-sub-tit > a {
  font-weight: 700;
  color: #336fc9;
}
.option-regi .dealer-sub-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
}
.option-regi .dealer-sub-txt + .option-cont {
  margin-top: 20px;
}
.option-regi .dealer-sub-txt + .dealer-sub-txt {
  margin-top: 8px;
}
.option-regi .dealer-sub-txt.small {
  font-size: 14px;
  line-height: 20px;
}
.option-regi .option-cont .op-ch-sel span {
  color: #222;
  margin-left: 8px;
}

.grade-star .cmm-total-ck {
  margin-right: 5px;
}
.grade-star button {
  position: relative;
  height: 40px;
  line-height: 38px;
  margin: 0 5px 10px 0 !important;
  padding: 0;
  border-radius: 50px;
  width: 184px;
}
.grade-star button.gradeAll {
  padding: 0 15px 0 70px !important;
}
.grade-star button.gradeAll::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: "";
  background-image: url("../images/sub/ico_checked.png");
}
.grade-star button.gradeAll.ck-on:before {
  background-image: url("../images/sub/ico_checked_on.png");
}

.buy-back-area {
  margin-bottom: 80px;
}
.buy-back-area.tp02 {
  padding-bottom: 59px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 60px;
}

.cpr-list > ul:after {
  content: "";
  display: block;
  clear: both;
}
.cpr-list > ul > li {
  position: relative;
  float: left;
  width: 280px;
  height: 2353px;
  padding: 19px 19px 0;
  margin-left: 20px;
  border: 1px solid #ddd;
  border-radius: 30px;
  background-color: #fff;
}
.cpr-list > ul > li:first-child {
  margin-left: 0;
  border-color: #f5f6f9;
  background-color: #f5f6f9;
}
.cpr-list > ul > li:first-child .move-btn {
  display: none !important;
}
.cpr-list > ul > li.cpr-empty {
  text-align: center;
  padding-top: 290px;
  border-color: #ddd !important;
  background-color: #fbfbfb !important;
}
.cpr-list > ul > li.cpr-empty .empty-txt {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 114px;
  padding-top: 117px;
}
.cpr-list > ul > li.cpr-empty .empty-txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 114px;
  height: 100px;
  margin-left: -57px;
  background: url("../images/sub/buy-bg.png") no-repeat -349px -110px;
}
.cpr-list > ul > li.cpr-empty .empty-txt .txt {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #999;
}
.cpr-list > ul > li.cpr-empty .empty-txt .txt + .txt {
  margin-top: 10px;
}
.cpr-list > ul > li .move-btn {
  position: absolute;
  left: -18px;
  top: 94px;
  width: 34px;
  height: 34px;
  border: 1px solid #272727;
  border-radius: 17px;
  background-color: #fff;
  z-index: 2;
}
.cpr-list > ul > li .move-btn:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 11px;
  display: block;
  width: 20px;
  height: 12px;
  background: url("../images/sub/buy-bg.png") no-repeat left -150px;
}
.cpr-list > ul > li .btn-close {
  position: absolute;
  right: -11px;
  top: -11px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.cpr-list > ul > li .btn-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.cpr-list > ul > li .btn-close > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .m-tit {
  line-height: 24px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 900;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .m-tit.tp02 {
  margin-bottom: 16px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area {
  overflow: hidden;
  height: 31px;
  border-bottom: 1px solid #ddd;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .tit-box {
  float: left;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .tit-box .txt01,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .tit-box .txt02 {
  float: left;
  display: block;
  line-height: 24px;
  font-size: 16px;
  margin-right: 3px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .tit-box .txt02 {
  font-weight: bold;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .icon-good,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .icon-bad {
  float: right;
  width: 25px;
  height: 25px;
  background: url("../images/sub/buy-bg.png") no-repeat -20px -150px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .icon-good > span,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .icon-bad > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .tit-area .icon-bad {
  background-position: -45px -150px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box {
  padding-top: 5px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl {
  overflow: hidden;
  margin-top: 12px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dt {
  float: left;
  display: block;
  line-height: 24px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dd {
  float: right;
  height: 24px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dd > * {
  display: inline-block;
  vertical-align: bottom;
  line-height: 24px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dd .txt01 {
  font-size: 18px;
  font-weight: 500;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dd .txt02 {
  line-height: 22px;
  font-size: 14px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dl-box > dl dd .txt03 {
  font-size: 16px;
  font-weight: 500;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box {
  position: relative;
  margin-top: 13px;
  padding-left: 60px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .icon-low,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .icon-high {
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 42px;
  height: 37px;
  background: url("../images/sub/buy-bg.png") no-repeat -70px -150px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .icon-low > span,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .icon-high > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .icon-high {
  background-position: -112px -150px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box > [class*=mileage] {
  line-height: 24px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .mileage {
  font-size: 18px;
  font-weight: 500;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .mil-box .mileage-mean {
  font-size: 14px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .cpr-txt {
  line-height: 24px;
  margin-top: 16px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .cpr-txt .mCSB_container {
  line-height: 24px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .cpr-txt.tp02 {
  height: 108px;
  margin-top: 0;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area {
  overflow: hidden;
  margin-top: 20px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area [class*=acc-box] {
  float: left;
  text-align: center;
  min-width: 50px;
  margin-right: 10px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area [class*=acc-box] .num {
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  border-radius: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background-color: #ddd;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area [class*=acc-box] .txt {
  display: block;
  text-align: center;
  vertical-align: top;
  line-height: 24px;
  margin-top: 5px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area .acc-box01 .num.on {
  background-color: #fd665c;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .accident-area .acc-box02 .num.on {
  background-color: #336fc9;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info {
  position: relative;
  margin-top: 23px;
  padding-left: 78px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .d-img {
  position: absolute;
  left: 0;
  top: -3px;
  overflow: hidden;
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 30px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .d-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .d-name,
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .d-loc {
  display: block;
  line-height: 24px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .d-loc {
  font-size: 14px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .star-box {
  margin-top: 14px;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .star-box .star-area .star-rating {
  vertical-align: top;
  top: 0;
}
.cpr-list > ul > li .cpr-area > [class*=cpr-box] .dealer-info .star-box .num {
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
  margin-left: 6px;
  font-size: 14px;
}
.cpr-list > ul > li .cpr-area .cpr-box01,
.cpr-list > ul > li .cpr-area .cpr-box10 {
  height: 409px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .img,
.cpr-list > ul > li .cpr-area .cpr-box10 .img {
  overflow: hidden;
  width: 240px;
  height: 179px;
  border-radius: 8px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .img img,
.cpr-list > ul > li .cpr-area .cpr-box10 .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .name,
.cpr-list > ul > li .cpr-area .cpr-box10 .name {
  min-height: 56px;
  line-height: 28px;
  margin-top: 14px;
  font-size: 18px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color,
.cpr-list > ul > li .cpr-area .cpr-box10 .color {
  position: relative;
  line-height: 20px;
  padding-left: 31px;
  margin-top: 14px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color[class*=car-]:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color[class*=car-]:after {
  content: "";
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #222;
  border-radius: 10px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-black:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-black:after {
  background-color: #222;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-white:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-white:after {
  border-color: #dfdfdf;
  background-color: #fff;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-silver:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-silver:after {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-gray:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-gray:after {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-pearl:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-pearl:after {
  border-color: #dfdfdf;
  background-color: #fefff9;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-red:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-red:after {
  border-color: #eb2a2a;
  background-color: #eb2a2a;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-orange:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-orange:after {
  border-color: #e46600;
  background-color: #e46600;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-yellow:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-yellow:after {
  border-color: #ffd800;
  background-color: #ffd800;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-brown:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-brown:after {
  border-color: #a84200;
  background-color: #a84200;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-green:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-green:after {
  border-color: #009944;
  background-color: #009944;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-blue:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-blue:after {
  border-color: #324df4;
  background-color: #324df4;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .color.car-purple:after,
.cpr-list > ul > li .cpr-area .cpr-box10 .color.car-purple:after {
  border-color: #9e32b1;
  background-color: #9e32b1;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .data-line,
.cpr-list > ul > li .cpr-area .cpr-box10 .data-line {
  margin-top: 13px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .etc,
.cpr-list > ul > li .cpr-area .cpr-box10 .etc {
  overflow: hidden;
  margin-top: 7px;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .etc > span,
.cpr-list > ul > li .cpr-area .cpr-box10 .etc > span {
  float: left;
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  margin-right: 5px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .etc > span.tp01,
.cpr-list > ul > li .cpr-area .cpr-box10 .etc > span.tp01 {
  background-color: #10a8e5;
}
.cpr-list > ul > li .cpr-area .cpr-box01 .etc > span.tp02,
.cpr-list > ul > li .cpr-area .cpr-box10 .etc > span.tp02 {
  background-color: #a6b5c7;
}
.cpr-list > ul > li .cpr-area .cpr-box02 {
  height: 262px;
}
.cpr-list > ul > li .cpr-area .cpr-box02 .cb-area {
  margin-top: 18px;
}
.cpr-list > ul > li .cpr-area .cpr-box03 {
  height: 148px;
}
.cpr-list > ul > li .cpr-area .cpr-box04 {
  height: 151px;
}
.cpr-list > ul > li .cpr-area .cpr-box05 {
  height: 186px;
}
.cpr-list > ul > li .cpr-area .cpr-box06 {
  height: 152px;
}
.cpr-list > ul > li .cpr-area .cpr-box07 {
  height: 164px;
}
.cpr-list > ul > li .cpr-area .cpr-box08 {
  height: 248px;
}
.cpr-list > ul > li .cpr-area .cpr-box08 .cpr-txt {
  height: 168px;
}
.cpr-list > ul > li .cpr-area .cpr-box09 {
  height: 250px;
}
.cpr-list > ul > li .cpr-area .cpr-box09 .cb-area {
  margin-top: 19px;
}
.cpr-list > ul > li .cpr-area .cpr-box10 {
  width: auto;
}
.cpr-list > ul > li .cpr-area .cpr-box10 .tit {
  line-height: 24px;
  margin-bottom: 5px;
  font-size: 16px;
}
.cpr-list > ul > li .cpr-area .cpr-box10 .cb-area {
  margin-top: 14px;
}
.cpr-list > ul > li .fix-area {
  position: absolute;
  left: -1px;
  bottom: -1px;
  display: none;
  width: 280px;
  height: 264px;
  padding: 23px 19px 0;
  border: 1px solid #2666c6;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 22px -20px #999;
          box-shadow: 0 20px 22px -20px #999;
  z-index: 2;
}
.cpr-list > ul > li .fix-area .fix-box .name {
  line-height: 28px;
  font-size: 18px;
}
.cpr-list > ul > li .fix-area .fix-box .tit {
  overflow: hidden;
  margin-top: 12px;
}
.cpr-list > ul > li .fix-area .fix-box .tit > * {
  float: left;
  display: block;
  line-height: 22px;
  font-size: 18px;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt01 {
  position: relative;
  font-weight: 900;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt01.up, .cpr-list > ul > li .fix-area .fix-box .tit .txt01.down {
  padding-right: 19px;
  color: #fd665c;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt01.up:after, .cpr-list > ul > li .fix-area .fix-box .tit .txt01.down:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  display: block;
  width: 11px;
  height: 13px;
  background: url("../images/sub/buy-bg.png") no-repeat -154px -150px;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt01.down {
  color: #336fc9;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt01.down:after {
  background-position: -165px -150px;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt02 {
  position: relative;
  margin-left: 22px;
  font-weight: 500;
}
.cpr-list > ul > li .fix-area .fix-box .tit .txt02:after {
  content: "";
  position: absolute;
  left: -11px;
  top: 5px;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #222;
}
.cpr-list > ul > li .fix-area .fix-box .cb-area {
  margin-top: 30px;
}
.cpr-list > ul > li .fix-area .fix-box .cb-area + .cb-area {
  margin-top: 10px;
}
.cpr-list > ul > li .cb-area {
  overflow: hidden;
  margin-top: 20px;
}
.cpr-list > ul > li .cb-area .left {
  float: left;
  margin: 0;
}
.cpr-list > ul > li .cb-area .right {
  float: right;
  margin: 0;
}

.shar-box {
  overflow: hidden;
  padding: 56px 0 105px 30px;
}
.shar-box .shar-txt {
  float: left;
  display: block;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #474a53;
}
.shar-box .shar-list {
  float: left;
  margin: 4px 0 0 115px;
}

.esti-list {
  position: relative;
  width: 100%;
  padding: 40px;
  border-radius: 15px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.esti-list .cont-esti {
  position: relative;
}
.esti-list .cont-esti a {
  display: block;
  overflow: hidden;
}
.esti-list .cont-esti a .car-img {
  float: left;
  width: 200px;
}
.esti-list .cont-esti a .car-img img {
  width: 100%;
}
.esti-list .cont-esti a .car-txt {
  float: left;
  margin-left: 60px;
  width: calc(100% - 450px);
}
.esti-list .cont-esti a .car-txt .car-name {
  font-weight: 500;
  font-weight: 500;
  margin: 0 0 2px;
}
.esti-list .btn-esti {
  position: absolute;
  top: 50%;
  right: 60px;
  margin-top: -20px;
  width: 100px;
  height: 40px;
  color: #fff;
  border-radius: 4px;
  background: #336fc9;
  text-align: center;
  line-height: 38px;
}

.op-list {
  position: relative;
  margin-top: 30px;
}
.op-list .model-option {
  width: 100%;
  padding-right: 420px;
}
.op-list .model-option .sel-model {
  padding: 40px;
  border-radius: 15px;
  background: #f5f6f9;
}
.op-list .model-option .sel-model .cont-esti {
  overflow: hidden;
}
.op-list .model-option .sel-model .cont-esti .car-img {
  float: left;
  width: 200px;
}
.op-list .model-option .sel-model .cont-esti .car-img img {
  width: 100%;
}
.op-list .model-option .sel-model .cont-esti .car-txt {
  float: left;
  margin-left: 60px;
  width: calc(100% - 260px);
}
.op-list .model-option .sel-model .cont-esti .car-txt .car-name {
  font-weight: 500;
  font-weight: 500;
  margin: 0 0 2px;
}
.op-list .model-option .sel-option {
  padding: 30px 30px 20px 30px;
  margin-top: 20px;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.op-list .model-option .sel-option dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}
.op-list .model-option .sel-option dl dd {
  padding: 0;
  overflow: hidden;
}
.op-list .model-option .sel-option dl dd .car-color button {
  height: 38px;
  margin: 0 5px 10px 0;
}
.op-list .model-option .sel-option dl dd .option-price {
  overflow: hidden;
}
.op-list .model-option .sel-option dl dd .option-price button {
  position: relative;
  float: left;
  width: 32.5%;
  height: 120px;
  padding: 20px;
  border-radius: 10px;
  margin: 0 0 10px 0;
}
.op-list .model-option .sel-option dl dd .option-price button span {
  position: absolute;
  top: 20px;
  left: 10px;
  right: 10px;
  text-align: left;
  line-height: 1.4;
}
.op-list .model-option .sel-option dl dd .option-price button b {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-weight: 900;
  font-size: 18px;
}
.op-list .model-option .sel-option dl dd .option-price button.ck-on {
  background-color: #336fc9;
  border-color: #336fc9;
}
.op-list .model-option .sel-option dl dd .option-price button.ck-on span,
.op-list .model-option .sel-option dl dd .option-price button.ck-on b {
  color: #fff;
}
.op-list .model-option .sel-option dl dd .option-price button.mm {
  margin: 0 1.1%;
}
.op-list .model-price {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px;
  width: 400px;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.op-list .model-price .model-name {
  display: block;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 3px;
}
.op-list .model-price .total-price {
  padding: 60px 0 30px;
}
.op-list .model-price .total-price dl {
  overflow: hidden;
  margin-bottom: 20px;
}
.op-list .model-price .total-price dl dt {
  float: left;
  font-size: 16px;
  vertical-align: middle;
}
.op-list .model-price .total-price dl dd {
  float: right;
  font-weight: 900;
  font-size: 18px;
  color: #336fc9;
}
.op-list .model-price .total-price dl:last-child {
  padding-top: 25px;
  margin-bottom: 0;
  border-top: 1px solid #ddd;
}
.op-list .model-price .total-price dl:last-child dt {
  padding-top: 5px;
}
.op-list .model-price .total-price dl:last-child dd {
  font-size: 24px;
}
.op-list .model-price .pay-method {
  border-radius: 8px;
  background: #f6f8fc;
  padding: 30px 20px 20px;
  margin-top: 10px;
}
.op-list .model-price .pay-method strong {
  display: block;
  font-weight: bold;
  font-size: 18px;
  color: #474a53;
}
.op-list .model-price .pay-method strong + span {
  font-size: 16px;
  color: #999;
}
.op-list .model-price .pay-method .pay-sum {
  overflow: hidden;
  margin-top: 30px;
}
.op-list .model-price .pay-method .pay-sum div {
  float: left;
}
.op-list .model-price .pay-method .pay-sum div a {
  color: #336fc9;
  margin-right: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #336fc9;
}
.op-list .model-price .pay-method .pay-sum span {
  float: right;
  font-weight: 900;
  font-size: 18px;
  color: #336fc9;
}

.cs-list02 .list-in .tm-list {
  float: left;
  margin-left: 20px;
  width: 280px;
  height: 270px;
  margin-top: 60px;
}
.cs-list02 .list-in .tm-list .pick-img {
  width: 280px;
  height: 210px;
  border-radius: 8px;
  overflow: hidden;
}
.cs-list02 .list-in .tm-list .pick-img img {
  height: 100%;
}
.cs-list02 .list-in .tm-list .pick-txt {
  margin-top: 15px;
}
.cs-list02 .list-in .tm-list .pick-txt .pic-tit {
  font-size: 18px;
}
.cs-list02 .list-in .tm-list .pick-txt .pic-tag {
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}

.search-option {
  position: relative;
  height: 46px;
  overflow: hidden;
  padding: 0 30px 30px 0;
  margin-bottom: 57px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.search-option .opt-txt {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 23px;
  border-radius: 18px;
  margin: 0 5px 10px 0;
  color: #fff;
}
.search-option .opt-txt.bg01 {
  background-color: #fd665c;
}
.search-option .opt-txt.bg02 {
  background-color: #10a8e5;
}
.search-option .opt-txt.bg03 {
  background-color: #9cd5c2;
}
.search-option .opt-txt.bg04 {
  background-color: #ffbc00;
}
.search-option .opt-txt.bg05 {
  background-color: #533f3b;
}
.search-option .opt-txt.bg06 {
  background-color: #2666c6;
}
.search-option .opt-txt.bg07 {
  background-color: #fc0;
}
.search-option .opt-txt.bg08 {
  background-color: #364f7f;
}
.search-option .opt-txt.bg09 {
  background-color: #60584c;
}
.search-option .opt-txt.bg10 {
  background-color: #999;
}
.search-option button {
  position: absolute;
  right: 0;
  top: 5px;
  width: 30px;
  height: 30px;
  outline: 0;
}
.search-option button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 9px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -211px -248px;
  margin: -5px 0 0 -8px;
}
.search-option.on {
  height: 92px;
}
.search-option.on button:after {
  background: url("../images/common/sprite.png?v=20200401") no-repeat -211px -267px;
}
.search-option:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.car-info-area {
  overflow: hidden;
  padding: 16px 0 60px;
  margin-bottom: 56px;
  border-bottom: 1px solid #ddd;
}
.car-info-area .m-tit {
  position: absolute;
  line-height: 36px;
  font-size: 30px;
  font-weight: 500;
}
.car-info-area > .left {
  float: left;
  margin: 51px 0 21px;
}
.car-info-area > .left .info-list {
  width: 240px;
  padding-right: 10px;
}
.car-info-area > .left .info-list li {
  line-height: 24px;
  font-size: 16px;
  color: #666;
}
.car-info-area > .right {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 910px;
  min-height: 171px;
  padding-left: 560px;
}
.car-info-area > .right .option-list {
  position: absolute;
  left: 0;
  top: 5px;
  overflow: hidden;
}
.car-info-area > .right .option-list a {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  height: 146px;
  padding: 15px 20px 0;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.car-info-area > .right .option-list a .tit-box {
  overflow: hidden;
}
.car-info-area > .right .option-list a .tit-box .tit {
  float: left;
  display: block;
  line-height: 26px;
  font-size: 18px;
  font-weight: bold;
}
.car-info-area > .right .option-list a .tit-box .txt {
  float: right;
  height: 26px;
  line-height: 24px;
  padding: 0 12px;
  border: 1px solid #222;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 500;
}
.car-info-area > .right .option-list a .tit-box .txt.cor-blue {
  border-color: #2666c6;
}
.car-info-area > .right .option-list a .txt01 {
  line-height: 24px;
  margin-top: 32px;
  font-size: 16px;
  color: #999;
}
.car-info-area > .right .option-list a .txt02 {
  line-height: 34px;
  font-size: 24px;
  font-weight: bold;
}
.car-info-area > .right .option-list p.option-txt {
  padding-top: 15px;
  clear: both;
}
.car-info-area > .right .img {
  float: right;
}
.car-info-area > .right .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.price-info {
  padding-bottom: 54px;
  margin-bottom: 56px;
  border-bottom: 1px solid #ddd;
}
.price-info .title-area {
  margin-bottom: 30px;
}
.price-info .price-box {
  overflow: hidden;
}
.price-info .price-box .price-txt {
  float: left;
  width: 370px;
}
.price-info .price-box .price-txt .money {
  line-height: 36px;
  font-size: 30px;
  font-weight: 500;
  color: #2666c6;
}
.price-info .price-box .price-txt .p-txt {
  margin-top: 5px;
  line-height: 20px;
}
.price-info .price-box .price-txt .price-list {
  width: 320px;
  padding-top: 23px;
}
.price-info .price-box .price-txt .price-list li {
  overflow: hidden;
  margin-top: 11px;
}
.price-info .price-box .price-txt .price-list li .tit {
  float: left;
}
.price-info .price-box .price-txt .price-list li .tit .txt,
.price-info .price-box .price-txt .price-list li .tit .txt02 {
  float: left;
  margin-right: 3px;
  line-height: 30px;
  font-size: 16px;
}
.price-info .price-box .price-txt .price-list li .tit .txt02 {
  color: #999;
}
.price-info .price-box .price-txt .price-list li .con {
  float: right;
  text-align: right;
}
.price-info .price-box .price-txt .price-list li .con > * {
  display: inline-block;
  vertical-align: top;
}
.price-info .price-box .price-txt .price-list li .con .rd-money {
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  border: 1px solid #222;
  border-radius: 12px;
  margin: 5px 6px 0 0;
}
.price-info .price-box .price-txt .price-list li .con .rd-money.cor-red {
  border-color: #fd665c;
}
.price-info .price-box .price-txt .price-list li .con .rd-money.cor-blue {
  border-color: #336fc9;
}
.price-info .price-box .price-txt .price-list li .con .txt {
  font-size: 24px;
  font-weight: 500;
}
.price-info .price-box .grap-wrap {
  float: left;
}

.used-list {
  padding-bottom: 60px;
  margin-bottom: 56px;
  border-bottom: 1px solid #ddd;
}

.buy-get-area {
  margin-bottom: 76px;
}

.bs-area {
  padding-bottom: 56px;
}
.bs-area .title-area {
  margin-bottom: 26px;
}

.bs-list {
  border-top: 1px solid #ddd;
}
.bs-list > li {
  border-bottom: 1px solid #ddd;
  padding: 40px 0;
}
.bs-list > li > a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 135px;
  padding: 5px 120px 0 200px;
}
.bs-list > li > a .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 180px;
  height: 135px;
  border-radius: 8px;
}
.bs-list > li > a .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.bs-list > li > a .con .tit {
  line-height: 24px;
  font-size: 18px;
}
.bs-list > li > a .con .info-list {
  overflow: hidden;
  width: 400px;
  margin-top: 22px;
}
.bs-list > li > a .con .info-list > li {
  float: left;
  width: 200px;
  line-height: 24px;
  font-size: 16px;
}
.bs-list > li > a .tender-num {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  width: 100px;
  height: 40px;
  line-height: 38px;
  margin-top: -20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-weight: 900;
}
.bs-list > li > a .tender-num .cor-blue {
  font-weight: bold;
}

.buy-bh-area {
  padding-bottom: 70px;
}

.search-empty .se-txt {
  line-height: 30px;
  font-size: 24px;
}
.search-empty .se-area {
  text-align: center;
  padding: 111px 0 100px;
}
.search-empty .se-area .txt-box {
  vertical-align: top;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 300;
}
.search-empty .se-area .txt-box > * {
  vertical-align: top;
  line-height: 24px;
  font-size: 16px;
  font-weight: 300;
}
.search-empty .se-area > button {
  margin-top: 36px;
}

.hatc-top {
  width: auto !important;
  min-height: 230px;
  margin-bottom: 60px;
  padding: 0 !important;
  border-bottom: 1px solid #ddd;
}
.hatc-top .in-box {
  position: relative;
  max-width: 1200px;
}
.hatc-top .in-box .area-btn {
  margin-top: 83px;
}
.hatc-top .in-box .hatc-img {
  position: absolute;
  right: 0;
  top: 24px;
  display: block;
  width: 320px;
  height: 210px;
}
.hatc-top .in-box .hatc-img img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hatc-top.tp02 {
  padding-bottom: 50px !important;
  margin-bottom: 0;
  border-bottom: 0 none;
}

.hatc-tit {
  margin-top: -35px;
}

.dti-area01 {
  margin-top: 56px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ddd;
}

.dti-area02 {
  padding-top: 128px;
}

.dti-area03 {
  margin-top: 56px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ddd;
}

.dti-btm-btn {
  margin-top: 54px;
  padding: 30px 0 100px;
  border-top: 1px solid #ddd;
}
.dti-btm-btn.tp02 {
  padding: 0 0 100px 0;
  border: 0 none;
}

.survey-list .hide-list {
  overflow: hidden;
  margin-left: -20px;
}
.survey-list .hide-list .surver-box {
  float: left;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 480px;
  height: 220px;
  padding: 30px 120px 60px 30px;
  margin: 0 0 20px 20px;
  border-radius: 8px;
  background-color: #f5f6f9;
}
.survey-list .hide-list .surver-box.bg02 {
  background-color: #f6f8fc;
}
.survey-list .hide-list .surver-box.bg03 {
  background-color: #fbfaf7;
}
.survey-list .hide-list .surver-box.bg04 {
  background-color: #f8fafa;
}
.survey-list .hide-list .surver-box .tit {
  line-height: 36px;
  font-size: 24px;
  font-weight: bold;
}
.survey-list .hide-list .surver-box .date,
.survey-list .hide-list .surver-box .d-day,
.survey-list .hide-list .surver-box .num {
  position: absolute;
  display: block;
  line-height: 24px;
}
.survey-list .hide-list .surver-box .date {
  right: 30px;
  top: 32px;
  color: #999;
}
.survey-list .hide-list .surver-box .d-day {
  left: 30px;
  bottom: 30px;
  font-size: 18px;
  font-weight: 300;
}
.survey-list .hide-list .surver-box .num {
  right: 30px;
  bottom: 30px;
  font-size: 18px;
  font-weight: 300;
}
.survey-list .hide-list .surver-box .num .cor-blue {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
}

.survey-dt {
  padding: 60px 0 60px 60px;
}

.survey-area {
  overflow: hidden;
  margin-bottom: 60px;
}
.survey-area .hide-box {
  overflow: hidden;
  margin: -20px 0 0 -20px;
}
.survey-area .hide-box .survey-box {
  position: relative;
  float: left;
  width: 450px;
  height: 152px;
  margin: 20px 0 0 20px;
  padding: 16px 180px 39px 49px;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.survey-area .hide-box .survey-box .tit .inp-ch, .survey-area .hide-box .survey-box .tit .inp-ch-new,
.survey-area .hide-box .survey-box .tit .inp-rd,
.survey-area .hide-box .survey-box .tit .inp-rd-new {
  width: 100%;
  margin-left: -30px;
}
.survey-area .hide-box .survey-box .tit .inp-ch label, .survey-area .hide-box .survey-box .tit .inp-ch-new label,
.survey-area .hide-box .survey-box .tit .inp-rd label,
.survey-area .hide-box .survey-box .tit .inp-rd-new label {
  white-space: nowrap;
}
.survey-area .hide-box .survey-box .tit .inp-ch label span, .survey-area .hide-box .survey-box .tit .inp-ch-new label span,
.survey-area .hide-box .survey-box .tit .inp-rd label span,
.survey-area .hide-box .survey-box .tit .inp-rd-new label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.survey-area .hide-box .survey-box .data-line {
  margin-top: 2px;
}
.survey-area .hide-box .survey-box .money {
  position: absolute;
  left: 49px;
  bottom: 15px;
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #336fc9;
  font-weight: bold;
}
.survey-area .hide-box .survey-box .img {
  overflow: hidden;
  position: absolute;
  right: 21px;
  top: 18px;
  display: block;
  width: 150px;
  height: 113px;
  border-radius: 8px;
}
.survey-area .hide-box .survey-box .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.survey-area .hide-box .survey-box.tp02 {
  width: 400px;
  height: 112px;
  padding-right: 130px;
  padding-bottom: 0;
}
.survey-area .hide-box .survey-box.tp02 .img {
  width: 100px;
  height: 75px;
}
.survey-area .result-list {
  overflow: hidden;
}
.survey-area .result-list .hide-list {
  overflow: hidden;
  margin-top: -20px;
}
.survey-area .result-list .hide-list > li {
  position: relative;
  min-height: 113px;
  margin-top: 20px;
  padding: 0 0 0 180px;
}
.survey-area .result-list .hide-list > li .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 150px;
  height: 113px;
  border-radius: 8px;
}
.survey-area .result-list .hide-list > li .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.survey-area .result-list .hide-list > li .img.logo {
  padding: 18px 24px;
  border: 1px solid #ddd;
}
.survey-area .result-list .hide-list > li .tit {
  line-height: 24px;
  font-size: 16px;
}
.survey-area .result-list .hide-list > li .rs-graph {
  overflow: hidden;
  line-height: 22px;
  margin-top: 23px;
}
.survey-area .result-list .hide-list > li .rs-graph .num {
  float: left;
  width: 50px;
  line-height: 22px;
  font-size: 16px;
}
.survey-area .result-list .hide-list > li .rs-graph .g-bar {
  overflow: hidden;
  float: left;
  width: 200px;
  height: 8px;
  margin-top: 7px;
  border-radius: 4px;
  background-color: #f1f1f1;
}
.survey-area .result-list .hide-list > li .rs-graph .g-bar span {
  display: block;
  width: 0;
  height: 8px;
  border-radius: 4px;
  background-color: #2666c6;
}
.survey-area .survey-tb {
  display: inline-block;
  vertical-align: top;
}
.survey-area .survey-tb table {
  width: auto;
  font-size: 16px;
}
.survey-area .survey-tb table .tit {
  text-align: left;
  padding-left: 30px;
  font-size: 16px;
}

.model-esti {
  margin-bottom: 35px;
}
.model-esti dt {
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.model-esti dd {
  overflow: hidden;
  padding-top: 20px;
}
.model-esti dd div {
  float: left;
}
.model-esti dd div span {
  color: #999;
  display: block;
}
.model-esti dd a {
  float: right;
  width: 100px;
}

.dear-tit {
  background: #f5f6f9;
  border-radius: 20px 20px 0 0;
  padding-bottom: 50px !important;
  margin-bottom: -10px;
}

.dear-tit01 {
  background: #f5f6f9;
  border-radius: 20px;
  padding-bottom: 50px !important;
}

.dealer-home {
  position: relative;
  width: 100%;
  text-align: center;
}
.dealer-home a {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
}
.dealer-home a:after {
  content: "";
  background: url("../images/sub/ico_dealerhome.png") no-repeat 0 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -14px;
  bottom: -5px;
}
.dealer-home a img {
  width: 100%;
  border-radius: 60px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.dealer-home .name {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: -0.1em;
}
.dealer-home .txt {
  letter-spacing: -0.1em;
}
.dealer-home .tel-num {
  position: relative;
  display: inline-block;
  margin: 15px 0 0;
  padding: 0 0 0 25px;
  font-weight: 600;
  font-size: 20px;
  color: #2666c6;
}
.dealer-home .tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/dealer_inquiry_v2.png") no-repeat -5px -5px;
}

.list-dealer-call {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.list-dealer-call li {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  text-align: center;
}
.list-dealer-call li a {
  position: relative;
  display: block;
  padding: 61px 0 21px 0;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #ddd;
  text-decoration: none;
  font-weight: 500;
  color: #222;
  font-size: 16px;
  letter-spacing: -0.1em;
}
.list-dealer-call li a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 21px;
  background: url("../images/sub/dealer_inquiry_v2.png") no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -15px;
}
.list-dealer-call li a .blue-txt {
  font-size: 16px;
  color: #2666c6 !important;
}
.list-dealer-call li a.by-chatting:after {
  background-position: -30px top;
}
.list-dealer-call li a.visit-reservation:after {
  background-position: -90px top;
}
.list-dealer-call li a.by-message:after {
  background-position: -59px top;
}
.list-dealer-call li a.to-dealer-home:after {
  background-position: -120px top;
}
.list-dealer-call.only {
  padding: 40px 0 10px 0;
}
.list-dealer-call.only li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  border-left: 1px solid #ddd;
  width: 0;
  height: 74px;
}
.list-dealer-call.only a {
  border: none;
}
.list-dealer-call.call-item-trio li {
  width: 33.33%;
}
.list-dealer-call.call-item-trio li:nth-child(2) {
  width: 33.34%;
}

.delivery-case div {
  font-size: 16px;
}
.delivery-case .b-ft {
  font-weight: bold;
  font-size: 24px;
}
.delivery-case .ft-gray {
  color: #999;
}
.delivery-case .discount-price b {
  font-weight: bold;
  font-size: 24px;
  color: #336fc9;
  padding-left: 10px;
}
.delivery-case .discount-price del {
  color: #999;
  padding-left: 10px;
}

.pay-esti {
  font-size: 16px;
}
.pay-esti .ft-gray {
  color: #999;
  padding-left: 10px;
  text-indent: -10px;
}
.pay-esti .s-esti-calculator .option-sel {
  margin: 30px 0 40px;
}
.pay-esti .s-esti-calculator .purchase-type {
  position: relative;
  margin-bottom: 40px;
}
.pay-esti .s-esti-calculator .purchase-type .type-tit {
  font-size: 18px;
}
.pay-esti .s-esti-calculator .purchase-type .type-fc-blue {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  font-size: 18px;
  color: #336fc9;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box {
  margin-top: 20px;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box .ck-wrap button {
  width: 72px;
  margin-left: 1px;
  border-color: #ddd;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box .ck-wrap button span {
  color: #222;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box .ck-wrap button.ck-on {
  border-color: #336fc9;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box .ck-wrap button.ck-on span {
  color: #fff;
}
.pay-esti .s-esti-calculator .purchase-type .btn-h-box .inp-money {
  margin: 10px 0 0 0;
}
.pay-esti .s-esti-calculator .purchase-sum {
  position: relative;
  margin-bottom: 30px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-tit {
  font-size: 18px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-tit span {
  display: block;
  font-size: 16px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-tit.icon-mark {
  position: relative;
  padding-left: 30px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-tit.icon-mark:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 18px;
  height: 18px;
  background-position: -61px -154px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-sum {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
}
.pay-esti .s-esti-calculator .purchase-sum .type-sum-blue {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  font-size: 24px;
  color: #336fc9;
}

.total-purchase {
  font-size: 16px;
}
.total-purchase b.total-payment {
  display: block;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 25px;
}
.total-purchase [class*=sel-bg] {
  position: relative;
  display: inline-block;
}
.total-purchase [class*=sel-bg]:after {
  content: "";
  width: 26px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 12px;
  background: url("../images/sub/bg_buykind.png") no-repeat;
}
.total-purchase [class*=sel-bg] .sel-bg01 {
  background-position: 0 0;
}
.total-purchase [class*=sel-bg] .sel-bg02 {
  background-position: -26px 0;
}
.total-purchase [class*=sel-bg] .sel-bg03 {
  background-position: -52px 0;
}
.total-purchase [class*=sel-bg] .sel-bg04 {
  background-position: -78px 0;
}
.total-purchase select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 50px;
  font-size: 14px;
}

.dot-list-area h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.dot-list-area .dot-list li {
  position: relative;
  color: #666;
  margin: 0 0 10px 10px;
}
.dot-list-area .dot-list li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #666;
  position: absolute;
  top: 8px;
  left: -10px;
}

.font-fm-m {
  font-weight: 500;
}

.counsel-input h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.counsel-input h3.fs-18 {
  font-size: 18px;
}
.counsel-input .array-hoz {
  position: relative;
}
.counsel-input .array-hoz span {
  position: absolute;
  top: 0;
  right: 0;
}
.counsel-input .array-hoz span.txt_blue {
  color: #336fc9;
}
.counsel-input .cmm-bl-circle li {
  position: relative;
  margin: 5px 0 0;
  padding: 0 0 0 10px;
}
.counsel-input .cmm-bl-circle li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fd665c;
}

.table-tdp h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.table-tdp .cmm-table.table-l thead th {
  padding: 0 20px !important;
}
.table-tdp .cmm-table.table-l tbody td {
  height: 60px;
  padding: 20px !important;
}
.table-tdp .cmm-table.table-l tbody td.cnt-txt {
  text-align: center;
}

.map-img {
  width: 520px;
  height: 480px;
  overflow: hidden;
}

.relation-area h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.relation-area ul li {
  margin-bottom: 15px;
}
.relation-area .relation-info {
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.relation-area .relation-info dt {
  font-size: 16px;
  float: left;
  padding: 6px 0 6px 20px;
  clear: both;
}
.relation-area .relation-info dd {
  font-weight: 500;
  font-size: 16px;
  float: left;
  padding: 6px 20px;
  text-align: left;
}

.owner-seller-sample {
  position: relative;
  width: 380px;
  height: 136px;
  background: url("../images/sub/seller_mark.jpg") no-repeat;
}
.owner-seller-sample .cmm-real-car {
  position: absolute;
  left: 10px;
  top: 10px;
  background: #10a8e5;
  height: 26px;
  padding: 0 14px;
  color: #fff;
  line-height: 26px;
  border-radius: 26px;
  font-size: 12px;
  z-index: 2;
  font-weight: 500;
}

.warranty-info-icon {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  background-position: -61px -154px;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  vertical-align: middle;
}

.owner-seller h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.owner-seller dl {
  padding-left: 25px;
}
.owner-seller dl dt {
  position: relative;
  font-size: 16px;
  margin-bottom: 10px;
}
.owner-seller dl dt:after {
  content: "";
  position: absolute;
  top: 3px;
  left: -25px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 18px;
  height: 18px;
  background-position: -61px -154px;
}
.owner-seller .cmm-num-list li {
  color: #222;
  font-size: 14px;
  text-indent: -15px;
  margin: 0 0 10px 15px;
}
.owner-seller .cmm-num-list span {
  display: block;
  color: #444;
  font-size: 14px;
  text-indent: -10px;
  margin-left: 10px;
}

.extend-guarantee {
  position: relative;
}
.extend-guarantee:after {
  content: "";
  width: 200px;
  height: 200px;
  background: url("../images/sub/bg_extendgt.png") no-repeat 0 0;
  position: absolute;
  top: 0;
  right: 65px;
}
.extend-guarantee .fm-m {
  font-weight: 500;
}

.grapp-info h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.grapp-info .apply-step-area {
  margin-left: -20px;
  overflow: hidden;
}
.grapp-info .apply-step-area [class*=apply-step0] {
  float: left;
  position: relative;
  width: 280px;
  height: 230px;
  border-radius: 7px;
  border: 1px solid #ddd;
  padding: 30px;
  margin-left: 20px;
  font-size: 16px;
}
.grapp-info .apply-step-area [class*=apply-step0]:after {
  content: "";
  width: 100px;
  height: 100px;
  background: url("../images/sub/bg_apply-step.png") no-repeat;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.grapp-info .apply-step-area .apply-step01:after {
  background-position: 0 0;
}
.grapp-info .apply-step-area .apply-step02:after {
  background-position: -100px 0;
}
.grapp-info .apply-step-area .apply-step03:after {
  background-position: -200px 0;
}

.app-carinfo {
  background: #f1f1f1;
  border-radius: 7px;
  padding: 30px 0;
  text-align: center;
}
.app-carinfo strong {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}
.app-carinfo div span {
  position: relative;
  font-weight: 300;
  color: #666;
  padding-right: 20px;
}
.app-carinfo div span:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #666;
  position: absolute;
  top: 6px;
  right: 8px;
}
.app-carinfo div span:last-child {
  padding-right: 0;
}
.app-carinfo div span:last-child:after {
  display: none;
}

.ch-box .inp-rd, .ch-box .inp-rd-new {
  display: block;
}
.ch-box .inp-rd label, .ch-box .inp-rd-new label {
  position: relative;
  border-radius: 7px;
  background: #f5f6f9;
  padding: 30px 20px;
}
.ch-box .inp-rd label:before, .ch-box .inp-rd-new label:before {
  background-position: -80px top;
}
.ch-box .inp-rd label span, .ch-box .inp-rd-new label span {
  color: #222;
}
.ch-box .inp-rd label span.goods-kind, .ch-box .inp-rd-new label span.goods-kind {
  font-weight: bold;
  font-size: 18px;
}
.ch-box .inp-rd label b, .ch-box .inp-rd-new label b {
  position: absolute;
  top: 30px;
  right: 20px;
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.ch-box .inp-rd.checked input + label:before, .ch-box .checked.inp-rd-new input + label:before {
  background-position: -100px top;
}

.event-fileatt .fb-btm .img-box {
  width: 150px;
  height: 114px;
}

.event-flt {
  overflow: hidden;
}
.event-flt > div:first-child {
  float: left;
}
.event-flt > div:last-child {
  float: left;
  margin-left: 30px;
}
.event-flt .ck-wrap .btn-m.bl-blue {
  border-color: #ddd;
}
.event-flt .ck-wrap .btn-m.bl-blue span {
  color: #222;
}
.event-flt .ck-wrap .btn-m.bl-blue.btn-m.ck-on {
  border-color: #336fc9;
}
.event-flt .ck-wrap .btn-m.bl-blue.btn-m.ck-on span {
  color: #fff;
}

.prefer-cor {
  margin-left: -10px;
  padding: 35px 0 0;
}
.prefer-cor:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.prefer-cor li {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border-width: 1px;
  border-style: solid;
  margin: 0 0 10px 10px;
  padding: 20px 0 0;
  text-align: center;
}
.prefer-cor li span {
  display: block;
  color: #fff;
}
.prefer-cor li.col-black {
  border-color: #000;
  background-color: #000;
}
.prefer-cor li.col-white {
  border-color: #ddd;
  background-color: #fff;
}
.prefer-cor li.col-white span {
  color: #222;
}
.prefer-cor li.col-silver {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}
.prefer-cor li.col-silver span {
  color: #222;
}
.prefer-cor li.col-gray {
  border-color: #bcbcbc;
  background-color: #bcbcbc;
}
.prefer-cor li.col-pearl {
  border-color: #ddd;
  background-color: #fefff9;
}
.prefer-cor li.col-pearl span {
  color: #222;
}
.prefer-cor li.col-red {
  border-color: #eb2a2a;
  background-color: #eb2a2a;
}
.prefer-cor li.col-orange {
  border-color: #e46600;
  background-color: #e46600;
}
.prefer-cor li.col-yellow {
  border-color: #ffd800;
  background-color: #ffd800;
}
.prefer-cor li.col-yellow span {
  color: #222;
}
.prefer-cor li.col-brown {
  border-color: #a84200;
  background-color: #a84200;
}
.prefer-cor li.col-green {
  border-color: #009944;
  background-color: #009944;
}
.prefer-cor li.col-blue {
  border-color: #324df4;
  background-color: #324df4;
}
.prefer-cor li.col-purple {
  border-color: #9e32b1;
  background-color: #9e32b1;
}

.region.cmm-area-list .btn-r {
  margin-left: 0;
  margin-bottom: 10px;
}

.top-model-select {
  position: relative;
}
.top-model-select .big-txt {
  font-size: 36px;
  font-weight: 100;
}
.top-model-select dl {
  margin-top: 60px;
}
.top-model-select dl dt {
  float: left;
  width: 63px;
  font-size: 18px;
  padding: 7px 0 0;
  font-weight: 500;
}
.top-model-select dl dd {
  width: 500px;
  padding: 0 0 0 63px;
  font-size: 24px;
  font-weight: bold;
  font-size: 24px;
  color: #2666c6;
}
.top-model-select dl dd strong {
  display: block;
  margin-bottom: 35px;
}
.top-model-select .car-img {
  position: absolute;
  left: 510px;
  bottom: 30px;
}
.top-model-select .car-img img {
  width: 320px;
}

.reward-guide h3 {
  font-size: 24px;
}
.reward-guide .delivery-step {
  margin-bottom: 40px;
}
.reward-guide .delivery-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 140px;
  margin-bottom: 10px;
}
.reward-guide .delivery-step li p {
  padding: 50px 0 0 140px;
  font-size: 16px;
}
.reward-guide .delivery-step li:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 100px;
  height: 100px;
  background: url("../images/sub/bg_reward.png") no-repeat;
  margin-top: -50px;
}
.reward-guide .delivery-step li.step01:after {
  background-position: 0 0;
}
.reward-guide .delivery-step li.step02:after {
  background-position: -100px 0;
}
.reward-guide .delivery-step li.step03:after {
  background-position: -200px 0;
}
.reward-guide .delivery-step li.step04:after {
  background-position: -300px 0;
}

.fiction-sale h3 {
  font-size: 24px;
}
.fiction-sale .cps {
  font-size: 16px;
  padding-bottom: 275px;
  background: url("../images/sub/bg_cps.png") no-repeat bottom center;
}
.fiction-sale dl dt {
  font-size: 18px;
  margin-bottom: 15px;
}
.fiction-sale dl dd {
  color: #666;
  margin-bottom: 20px;
  padding-left: 15px;
  line-height: 1.5;
}
.fiction-sale dl dd p {
  font-size: 16px;
  color: #222;
  text-indent: -15px;
  margin-bottom: 5px;
}

.reward-note h3.fs-16 {
  font-weight: 500;
  font-size: 16px;
}
.reward-note .dot-list li {
  color: #999;
}
.reward-note .dot-list li:after {
  background: #999;
}

.affiliate-guide h3 {
  font-size: 24px;
}
.affiliate-guide .affiliate-step {
  margin-bottom: 40px;
}
.affiliate-guide .affiliate-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 140px;
  margin-bottom: 10px;
}
.affiliate-guide .affiliate-step li p {
  padding: 50px 0 0 130px;
  font-size: 16px;
}
.affiliate-guide .affiliate-step li .num {
  position: relative;
  margin-left: -15px;
}
.affiliate-guide .affiliate-step li:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: url("../images/sub/affiliate_discount.png") no-repeat;
  margin-top: -40px;
}
.affiliate-guide .affiliate-step li.step01:after {
  background-position: 0 0;
}
.affiliate-guide .affiliate-step li.step02:after {
  background-position: -120px 0;
}
.affiliate-guide .affiliate-step li.step03:after {
  background-position: -240px 0;
}
.affiliate-guide .affiliate-step li.step04:after {
  background-position: -360px 0;
}

.affiliate-txt {
  font-size: 16px;
}
.affiliate-txt h3 {
  font-size: 24px;
}
.affiliate-txt strong {
  font-weight: 600;
}
.affiliate-txt.has-image:after {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  margin: 30px auto 0 auto;
  border-radius: 100px;
  background: url("../images/sub/affiliate_discount.png") no-repeat left -120px;
}

.affiliate-txt-small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}

.affiliate-tel-block {
  display: block;
  margin-top: 2px;
  padding-left: 16px;
  font-size: 13px;
}
.affiliate-tel-block span {
  font-size: inherit;
}
.affiliate-tel-block .tel {
  display: inline-block;
  padding-left: 4px;
  color: #2666c6;
  text-decoration: underline;
}

.limit-inquiry-wrap .cmm-h1-tit {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: bold;
}
.limit-inquiry-wrap .cmm-h2-tit {
  font-size: 18px;
  font-weight: bold;
}
.limit-inquiry-wrap .box-area .h-box {
  margin-top: 25px;
}
.limit-inquiry-wrap .box-area .tit {
  font-size: 14px;
}
.limit-inquiry-wrap .red-cor {
  color: #fd665c;
}
.limit-inquiry-wrap .line {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
}
.limit-inquiry-wrap .cmm-table thead th {
  font-size: 12px;
}
.limit-inquiry-wrap .cmm-table tbody td {
  font-size: 12px;
  text-align: left;
}
.limit-inquiry-wrap .emp {
  font-weight: bold;
}

.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;
}

.financial-ins .cmm-bl-tip li {
  position: relative;
  margin-bottom: 12px;
  padding: 0 0 0 16px;
}
.financial-ins .cmm-bl-tip li:after {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.financial-ins .cmm-bl-tip li .blue-txt {
  position: relative;
  color: #336fc9 !important;
}
.financial-ins .cmm-bl-tip li .blue-txt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #336fc9;
}
.financial-ins .cmm-bl-tip.red li {
  color: #fd665c;
}
.financial-ins .cmm-bl-finger > li {
  position: relative;
  padding: 0 0 0 20px;
}
.financial-ins .cmm-bl-finger > li:after {
  content: "☞";
  position: absolute;
  left: 0;
  top: 0;
}
.financial-ins .cmm-bl-dot > li {
  position: relative;
  margin: 10px 0 0;
  padding: 0 0 0 8px;
}
.financial-ins .cmm-bl-dot > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #222;
}
.financial-ins .cmm-bl-dot > li.red {
  color: #fd665c;
}
.financial-ins .cmm-bl-dot > li.red:after {
  background: #fd665c;
}
.financial-ins .cmm-bl-dash > li {
  position: relative;
  margin-top: 6px;
  padding: 0 0 0 9px;
  color: #222;
}
.financial-ins .cmm-bl-dash > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 1px;
  background: #666;
}
.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 20px;
}
.financial-ins .num-list > li .num {
  position: absolute;
  top: -2px;
  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;
}

.goods-info {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.goods-info .logo-img {
  margin-bottom: 20px;
}
.goods-info .goods-txt .goods-sel {
  margin-bottom: 30px;
}
.goods-info .goods-txt dl dt {
  font-size: 18px;
  margin-bottom: 5px;
}
.goods-info .goods-txt dl dd {
  font-size: 16px;
  margin-bottom: 25px;
}

.goods-note h3.fs-16 {
  font-weight: 500;
  font-size: 16px;
}
.goods-note .dot-list li {
  margin-bottom: 5px;
}

.data-ch .data-img .data-tit {
  overflow: hidden;
}
.data-ch .data-img .data-tit h3 {
  float: left;
  font-size: 18px;
}
.data-ch .data-img .data-tit h3 span {
  font-size: 14px;
  color: #999;
}
.data-ch .data-img .data-tit a {
  float: right;
}
.data-ch .data-img .data-tit .cor-blue {
  position: relative;
  float: right;
  top: 5px;
}
.data-ch .data-img .data-img {
  width: 240px;
  height: auto;
  margin: 50px auto 30px;
}
.data-ch .data-img .data-img img {
  width: 100%;
}

.data-info .data-list-row {
  padding: 0 0 0 57px;
  overflow: hidden;
}
.data-info .data-list-row dt {
  float: left;
  font-size: 14px;
  width: 160px;
  color: #666;
  clear: both;
}
.data-info .data-list-row dd {
  float: left;
  font-size: 14px;
  height: 31px;
}
.data-info .data-list-col {
  padding-left: 20px;
}
.data-info .data-list-col dt {
  font-size: 16px;
  color: #666;
  margin-bottom: 15px;
}
.data-info .data-list-col dd {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.data-info .cmm-data-arae {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 27px 0 5px;
}
.data-info .cmm-data-arae .data-list-tit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 57px;
  color: #666;
}
.data-info .cmm-data-arae.first {
  border-top: 0;
  padding: 0 0 5px;
}
.data-info .op-list-area {
  padding: 40px 0 20px;
  border-top: 1px solid #ddd;
}
.data-info .op-list-area.first {
  border-top: 0;
  padding: 0 0 20px;
}
.data-info .op-list-area li span {
  font-size: 14px;
}
.data-info .op-list-area li:first-child span {
  font-size: 16px;
}

.sell-benefit h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.sell-benefit .benefit-model {
  overflow: hidden;
  margin-bottom: 20px;
}
.sell-benefit .benefit-model .benefit-img {
  float: left;
  width: 150px;
  height: 113px;
  border-radius: 7px;
  overflow: hidden;
}
.sell-benefit .benefit-model .benefit-img img {
  width: 100%;
}
.sell-benefit .benefit-model .benefit-txt {
  float: left;
  width: 230px;
  padding-left: 20px;
}
.sell-benefit .benefit-model .benefit-txt span {
  display: block;
  font-size: 16px;
  margin-top: 5px;
}
.sell-benefit .benefit-model .benefit-txt strong {
  display: block;
  font-weight: 500;
  font-size: 18px;
  margin-top: 10px;
}

.benefit-note h3.fs-16 {
  font-weight: 500;
  font-size: 16px;
}
.benefit-note .dot-list li {
  margin-bottom: 5px;
}

.recall-info .recall-tit {
  overflow: hidden;
}
.recall-info .recall-tit h3 {
  float: left;
  font-size: 18px;
}
.recall-info .recall-tit span {
  float: right;
  color: #999;
}

.recall-model-list dt {
  padding: 15px 0 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 59px;
  background: #f0f0f0;
  font-size: 16px;
}
.recall-model-list dd {
  padding: 25px 0 0 20px;
  font-size: 16px;
}
.recall-model-list dd span {
  display: block;
  font-size: 14px;
  color: #999;
  margin-top: 5px;
}

.buy-tip-area {
  margin: 0 0 40px -20px;
}
.buy-tip-area .tabs {
  overflow: hidden;
}
.buy-tip-area .tabs li {
  float: left;
  position: relative;
  width: 360px;
  height: 180px;
  border-radius: 7px;
  border: 1px solid #ddd;
  margin-left: 20px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-tip-area .tabs li a {
  display: block;
  width: 280px;
  height: 180px;
  padding: 95px 0 0 30px;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-tip-area .tabs li:after {
  content: "";
  width: 80px;
  height: 42px;
  background: url("../images/sub/bg_buytip.png") no-repeat;
  position: absolute;
  top: 30px;
  left: 30px;
}
.buy-tip-area .tabs li.tip01:after {
  background-position: 0 0;
}
.buy-tip-area .tabs li.tip02:after {
  background-position: -80px 0;
}
.buy-tip-area .tabs li.tip03:after {
  background-position: -160px 0;
}
.buy-tip-area .tabs li.on {
  border: 1px solid #336fc9;
  background: #336fc9;
}
.buy-tip-area .tabs li.on a {
  color: #fff;
}

.buy-tip-txt dt {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}
.buy-tip-txt dd {
  font-size: 16px;
  color: #666;
}
.buy-tip-txt dd p {
  font-size: 16px;
  color: #666;
}
.buy-tip-txt dd ul li {
  font-size: 16px;
  color: #666;
}
.buy-tip-txt dd ul li span {
  font-size: 16px;
  color: #222;
}
.buy-tip-txt dd .cha-tip li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
.buy-tip-txt dd .cha-tip li span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #a4adce;
}
.buy-tip-txt dd .cha-tip li:after {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #a4adce;
  position: absolute;
  top: 0;
  left: 0;
}
.buy-tip-txt dd .cha-tip li:first-child:after {
  content: "1";
}
.buy-tip-txt dd .cha-tip li:last-child:after {
  content: "2";
}
.buy-tip-txt dd .used-step {
  margin-left: -20px;
  overflow: hidden;
}
.buy-tip-txt dd .used-step li {
  float: left;
  position: relative;
  width: 170px;
  height: 180px;
  border-radius: 7px;
  border: 1px solid #ddd;
  margin-left: 20px;
  padding-top: 110px;
  text-align: center;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-tip-txt dd .used-step li:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/sub/bg_buytip.png") no-repeat;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -30px;
}
.buy-tip-txt dd .used-step li.step01:after {
  background-position: 0 -42px;
}
.buy-tip-txt dd .used-step li.step02:after {
  background-position: -60px -42px;
}
.buy-tip-txt dd .used-step li.step03:after {
  background-position: -120px -42px;
}
.buy-tip-txt dd .used-step li.step04:after {
  background-position: -180px -42px;
}
.buy-tip-txt dd .app-step {
  margin-left: -20px;
  overflow: hidden;
}
.buy-tip-txt dd .app-step li {
  float: left;
  position: relative;
  width: 280px;
  height: 180px;
  border-radius: 7px;
  border: 1px solid #ddd;
  margin-left: 20px;
  padding-top: 110px;
  text-align: center;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-tip-txt dd .app-step li:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/sub/bg_buytip.png") no-repeat;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -30px;
}
.buy-tip-txt dd .app-step li.step01:after {
  background-position: 0 -42px;
}
.buy-tip-txt dd .app-step li.step02:after {
  background-position: -240px -42px;
}
.buy-tip-txt dd .app-step li.step03:after {
  background-position: -300px -42px;
}

.service-obj > dl {
  margin-bottom: 50px;
}
.service-obj > dl > dt {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.service-obj > dl dd {
  font-size: 16px;
  color: #666;
}
.service-obj > dl dd strong {
  display: block;
  font-size: 16px;
  color: #2666c6;
  font-weight: 300;
  margin-bottom: 30px;
}
.service-obj > dl dd ul li {
  font-size: 16px;
  color: #666;
}
.service-obj > dl dd dl {
  margin-bottom: 30px;
}
.service-obj > dl dd dl dt {
  font-size: 16px;
  color: #222;
  margin-bottom: 5px;
}
.service-obj > dl dd dl dd .dot-list li {
  margin-bottom: 5px;
  font-size: 16px;
}
.service-obj > dl dd .acc-process {
  padding: 0 70px;
  margin-top: 50px;
  overflow: hidden;
}
.service-obj > dl dd .acc-process li {
  position: relative;
  padding-left: 70px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-obj > dl dd .acc-process li:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/sub/bg_buytip.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.service-obj > dl dd .acc-process li:before {
  content: "";
  width: 7px;
  height: 13px;
  background: url("../images/sub/bg_buytip.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -7px;
}
.service-obj > dl dd .acc-process li.acc-pc01 {
  float: left;
  width: 220px;
  margin-bottom: 55px;
  padding-right: 45px;
}
.service-obj > dl dd .acc-process li.acc-pc01:after {
  background-position: 0 -102px;
}
.service-obj > dl dd .acc-process li.acc-pc01:before {
  background-position: -240px 0;
}
.service-obj > dl dd .acc-process li.acc-pc02 {
  float: left;
  width: 290px;
  margin-bottom: 55px;
  padding-right: 45px;
}
.service-obj > dl dd .acc-process li.acc-pc02:after {
  background-position: -60px -102px;
}
.service-obj > dl dd .acc-process li.acc-pc02:before {
  background-position: -240px 0;
}
.service-obj > dl dd .acc-process li.acc-pc03 {
  float: left;
  width: 230px;
  height: 115px;
  padding-bottom: 55px;
}
.service-obj > dl dd .acc-process li.acc-pc03:after {
  background-position: -120px -102px;
}
.service-obj > dl dd .acc-process li.acc-pc03:before {
  width: 13px;
  height: 7px;
  top: 90px;
  right: auto;
  left: 24px;
  background-position: -256px 0;
}
.service-obj > dl dd .acc-process li.acc-pc04 {
  clear: both;
  float: right;
  width: 230px;
}
.service-obj > dl dd .acc-process li.acc-pc04:after {
  background-position: -300px -102px;
}
.service-obj > dl dd .acc-process li.acc-pc04:before {
  display: none;
}
.service-obj > dl dd .acc-process li.acc-pc05 {
  float: right;
  width: 290px;
  padding-right: 45px;
}
.service-obj > dl dd .acc-process li.acc-pc05:after {
  background-position: -240px -102px;
}
.service-obj > dl dd .acc-process li.acc-pc05:before {
  background-position: -248px 0;
}
.service-obj > dl dd .acc-process li.acc-pc06 {
  float: right;
  width: 220px;
  padding-right: 45px;
}
.service-obj > dl dd .acc-process li.acc-pc06:after {
  background-position: -180px -102px;
}
.service-obj > dl dd .acc-process li.acc-pc06:before {
  background-position: -248px 0;
}

.expire-date {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}

.ad-extension {
  margin-top: 20px;
}
.ad-extension > div {
  position: relative;
  overflow: hidden;
  height: 60px;
}
.ad-extension > div:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_coin.png") no-repeat;
  position: absolute;
  top: 21px;
  right: 0;
}
.ad-extension > div.line-dot {
  border-bottom: 1px dashed #ddd;
}
.ad-extension > div.line-solid {
  border-bottom: 1px solid #ddd;
}
.ad-extension > div span {
  line-height: 60px;
}
.ad-extension > div span:first-child {
  float: left;
  font-size: 16px;
  color: #666666;
}
.ad-extension > div span:first-child.txt-b {
  font-weight: bold;
  color: #222;
}
.ad-extension > div span:last-child {
  float: right;
  position: relative;
  padding-right: 30px;
  font-weight: bold;
  font-size: 18px;
}

.cmm-d-info {
  position: relative;
  overflow: hidden;
}
.cmm-d-info .car-name {
  display: inline-block;
  padding: 0 100px 0 0;
  font-size: 30px;
  font-weight: 500;
  margin: 0;
}
.cmm-d-info .interest {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -671px -264px;
}
.cmm-d-info .interest.on {
  background-position: -601px -264px;
}
.cmm-d-info .txt-info {
  position: relative;
  font-size: 16px;
  margin-left: -15px;
}
.cmm-d-info .txt-info span {
  position: relative;
  margin-left: 15px;
  color: #666;
}
.cmm-d-info .txt-info span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #666;
}
.cmm-d-info .hot-mark-wrap {
  margin: 10px 0 20px;
}
.cmm-d-info .hot-mark-wrap span {
  display: inline-block;
  height: 22px;
  border-radius: 22px;
  line-height: 22px;
  padding: 0 10px;
  color: #fff;
}
.cmm-d-info .hot-mark-wrap span.hot-mark01 {
  background: #ffbc00;
}
.cmm-d-info .hot-mark-wrap span.hot-mark02 {
  background: #9cd5c2;
}
.cmm-d-info .hot-mark-wrap span.hot-mark03 {
  background: #2666c6;
}
.cmm-d-info .hot-mark-wrap span.hot-mark04 {
  background: #fd665c;
}
.cmm-d-info .hot-mark-wrap span.hot-mark05 {
  border-color: #aad1d9;
  background: #aad1d9;
}
.cmm-d-info .view-sharing {
  margin-bottom: 38px;
}
.cmm-d-info .view-sharing span {
  position: relative;
  margin-right: 20px;
  color: #999;
}
.cmm-d-info .view-sharing .view {
  padding: 0 0 0 20px;
}
.cmm-d-info .view-sharing .view:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 15px;
  height: 11px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat 0 -681px;
}
.cmm-d-info .view-sharing .like {
  padding: 0 0 0 20px;
}
.cmm-d-info .view-sharing .like:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 15px;
  height: 11px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat 0 -702px;
}
.cmm-d-info .view-sharing .sharing a {
  position: relative;
  color: #222;
  padding: 0 0 0 34px;
}
.cmm-d-info .view-sharing .sharing a:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 24px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat 0 -723px;
}
.cmm-d-info .view-sharing .btn-video {
  position: relative;
  padding: 0 0 0 34px;
  top: -3px;
  outline: none;
}
.cmm-d-info .view-sharing .btn-video span {
  color: #222;
}
.cmm-d-info .view-sharing .btn-video:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 24px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -763px;
}
.cmm-d-info .dealer-date {
  position: relative;
  margin-bottom: 40px;
}
.cmm-d-info .dealer-date:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-d-info .dealer-date .photo-img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-d-info .dealer-date .info-txt {
  float: left;
  padding: 8px 0 0;
}
.cmm-d-info .dealer-date .info-txt .cor-red {
  margin: -7px 0 5px;
}
.cmm-d-info .dealer-date .info-txt span {
  display: block;
}
.cmm-d-info .dealer-date .info-txt .date {
  color: #999;
}
.cmm-d-info .dealer-date .false-sales {
  position: absolute;
  left: 300px;
  bottom: 7px;
  color: #2666c6;
  padding: 2px 0 0 35px;
}
.cmm-d-info .dealer-date .false-sales:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat 0 -757px;
}
.cmm-d-info .list-calculation {
  margin-right: -1.33%;
  overflow: hidden;
}
.cmm-d-info .list-calculation .rud-box {
  position: relative;
  float: left;
  width: 32%;
  height: 258px;
  margin: 0 1.33% 10px 0;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-d-info .list-calculation .rud-box .tit-wrap strong {
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
}
.cmm-d-info .list-calculation .rud-box .tit-wrap span {
  display: inline-block;
  height: 26px;
  border: 1px solid #222;
  border-radius: 26px;
  padding: 0 10px;
  line-height: 25px;
}
.cmm-d-info .list-calculation .rud-box .tit-wrap span.red {
  color: #fd665c;
  border-color: #fd665c;
}
.cmm-d-info .list-calculation .rud-box .tit-wrap span.blue {
  color: #2666c6;
  border-color: #2666c6;
}
.cmm-d-info .list-calculation .rud-box dl {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 29px;
  padding: 0 30px;
}
.cmm-d-info .list-calculation .rud-box dl dt {
  color: #999;
  font-size: 16px;
}
.cmm-d-info .list-calculation .rud-box dl dd strong {
  font-size: 24px;
  font-weight: bold;
  margin-right: 10px;
}
.cmm-d-info .list-calculation .rud-box dl dd span {
  color: #999;
  text-decoration: line-through;
  font-size: 16px;
}
.cmm-d-info .list-calculation .rud-box dl dd .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #fd665c;
  margin-left: 5px;
  height: 26px;
  border-radius: 26px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
  text-decoration: none;
}
.cmm-d-info .list-calculation .rud-box dl dd .calculation {
  position: relative;
  padding: 0 0 0 34px;
  color: #2666c6;
}
.cmm-d-info .list-calculation .rud-box dl dd .calculation:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 24px;
  background: #fff url("../images/common/sprite.png?v=20200401") no-repeat -33px -665px;
}
.cmm-d-info .list-calculation .rud-box dl dd .calculation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
.cmm-d-info .list-calculation .rud-box dl dd.link {
  margin-top: 20px;
}
.cmm-d-info .list-calculation .rud-box .bl-star {
  position: relative;
  margin: 12px 0 0;
  padding: 0 0 0 10px;
  color: #666;
}
.cmm-d-info .list-calculation .rud-box .bl-star:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.cmm-d-info .list-calculation .rud-box .list {
  margin: 50px 0 15px;
}
.cmm-d-info .list-calculation .rud-box .list:after {
  content: "";
  clear: both;
  display: block;
}
.cmm-d-info .list-calculation .rud-box .list dl {
  position: relative;
  float: left;
  width: auto;
  margin-right: 60px;
  padding: 0;
  bottom: 0;
}
.cmm-d-info .list-calculation .rud-box .ft-type {
  display: inline-block;
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
}
.cmm-d-info .list-calculation.list-calculation--no-lease {
  margin-right: -2%;
}
.cmm-d-info .list-calculation.list-calculation--no-lease .rud-box {
  width: 48%;
  margin-right: 2%;
}

.cmm-ai-safety {
  font-weight: bold;
}
.cmm-ai-safety .graph-none {
  text-align: center;
  width: 470px;
  height: 100px;
  line-height: 24px;
  padding-top: 38px;
  margin-bottom: 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
}
.cmm-ai-safety .ai-safety-cnt:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-ai-safety .cmm-price {
  float: left;
  width: 520px;
  margin-bottom: 40px;
}
.cmm-ai-safety .cmm-price .price {
  font-size: 30px;
  font-weight: bold;
  color: #2666c6;
}
.cmm-ai-safety .cmm-price .new-contrast {
  margin-bottom: 45px;
}
.cmm-ai-safety .cmm-price .new-contrast span {
  font-size: 16px;
}
.cmm-ai-safety .cmm-price .new-contrast strong {
  display: inline-block;
  width: 135px;
  font-size: 24px;
  font-weight: bold;
  color: #2666c6;
  text-align: right;
}
.cmm-ai-safety .cmm-price .txt {
  color: #999;
}
.cmm-ai-safety .cmm-price .txt .link-arrow {
  position: relative;
  top: -2px;
  margin-left: 25px;
}
.cmm-ai-safety .graph-area {
  position: relative;
  float: left;
  width: 380px;
  margin: 0 0 40px;
}
.cmm-ai-safety .graph-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  width: 380px;
  height: 3px;
  border-radius: 3px;
  background: #ddd;
}

.price-range-bar {
  height: 100px;
}
.price-range-bar .number-value {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
}
.price-range-bar .number-value span {
  position: absolute;
  left: 0;
  top: 50px;
  color: #666;
  margin-left: -17px;
  white-space: nowrap;
}
.price-range-bar .number-value .b-min {
  left: 0;
}
.price-range-bar .number-value .b-max {
  left: 100%;
}

.price-range-bar__ruler {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 3px;
  overflow: visible;
}
.price-range-bar__ruler .price-range-bar__safe {
  position: absolute;
  top: 0;
  height: 3px;
  background: #336fc9;
  border-radius: 3px;
  z-index: 2;
}

.price-range-bar__current {
  position: absolute;
  top: 0;
  text-align: center;
  overflow: visible;
  width: 3px;
  height: 3px;
  z-index: 2;
}

.price-range-bar__current-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
  overflow: visible;
}
.price-range-bar__current-mark:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -7px 0 0 -7px;
  border: 3px solid #336fc9;
  background: #fff;
  border-radius: 9px;
  z-index: 2;
}

.price-range-bar__current-number {
  position: absolute;
  left: 50%;
  top: -60px;
  width: 160px;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 36px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  margin-left: -80px;
}
.price-range-bar__current-number strong {
  color: #2666c6;
  font-weight: bold;
}
.price-range-bar__current-number:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 1px;
  height: 25px;
  background: #ddd;
  margin-left: -1px;
}
.price-range-bar__current-number.low {
  margin-left: -22px;
}
.price-range-bar__current-number.low:after {
  left: 13%;
}
.price-range-bar__current-number.high {
  margin-left: -145px;
}
.price-range-bar__current-number.high:after {
  left: 90%;
}
.price-range-bar__current-number .tip-wrap {
  position: absolute;
  right: 5px;
  top: 8px;
  z-index: 2;
}
.price-range-bar__current-number .tip-wrap .tip-box {
  width: 245px;
  top: 25px;
  z-index: 10;
}

.cmm-kb-limit {
  position: relative;
  width: 470px;
  padding: 26px 30px 30px;
  background: #eaf4fe;
  border-radius: 15px;
  color: #88a1cf;
}
.cmm-kb-limit .kb-txt {
  display: block;
  color: #5a5ea1;
  font-size: 24px;
  font-weight: 500;
}
.cmm-kb-limit .kb-txt small {
  display: block;
  font-size: 18px;
}
.cmm-kb-limit .kb-txt .one-line {
  display: inline-block;
  color: #5a5ea1;
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap;
}
.cmm-kb-limit .kb-txt02 {
  display: block;
  color: #88a1cf;
}
.cmm-kb-limit .high-low {
  margin: 15px 0 0;
}
.cmm-kb-limit .high-low .best {
  color: #2666c6;
  font-size: 18px;
  font-weight: bold;
}
.cmm-kb-limit .high-low .best span {
  color: #5a5ea1;
  font-size: 18px;
  font-weight: bold;
}
.cmm-kb-limit .high-low .low {
  position: relative;
  padding: 0 0 0 24px;
  color: #5a5ea1;
  font-weight: 500;
}
.cmm-kb-limit .high-low .low:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #5a5ea1;
}
.insurance-link {
  overflow: hidden;
}
.insurance-link:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.insurance-link li {
  position: relative;
  float: left;
  width: 234px;
  margin: 0 0 10px 25px;
  text-align: center;
}
.insurance-link li:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 4px;
  width: 1px;
  height: 15px;
  background: #444;
}
.insurance-link li:first-child:after {
  display: none;
}

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

.insurance-list-item {
  float: left;
  position: relative;
  display: block;
  width: 33.33%;
  padding: 0 20px;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
}
.insurance-list-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 0;
  height: 40px;
  border-right: 1px dashed #ddd;
  margin-top: -20px;
  overflow: hidden;
}
.insurance-list-item:first-child:before {
  display: none;
}

.insurance-list-company {
  display: block;
  margin-bottom: 5px;
  color: #575757;
  font-size: 18px;
}
.insurance-list-company strong {
  font-weight: 600;
}

.insurance-list-link {
  float: right;
  position: relative;
  color: #6e87ab;
  font-size: 14px;
  line-height: 1;
  padding: 7px 0 5px 32px;
}
.insurance-list-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../images/sub/insurance_logo.png") no-repeat;
  vertical-align: middle;
}
.insurance-list-link.link-kb:before {
  background-position: left top;
}
.insurance-list-link.link-hyundai:before {
  background-position: left -26px;
}
.insurance-list-link.link-samsung:before {
  background-position: left -52px;
}
.insurance-list-link.link-arrow {
  padding-right: 12px;
}
.insurance-list-link.link-arrow:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
}

.cmm-mileage-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-mileage-area .info-txt {
  float: left;
  width: 520px;
}
.cmm-mileage-area .km-txt strong {
  font-size: 24px;
  font-weight: bold;
}
.cmm-mileage-area .km-txt span {
  color: #999;
}
.cmm-mileage-area .txt-1 {
  margin: 15px 0 25px;
  font-size: 16px;
}
.cmm-mileage-area .txt-1 span {
  font-size: 16px;
  color: #2666c6;
}
.cmm-mileage-area .txt-2 {
  color: #666;
}
.cmm-mileage-area .graph-mileage {
  position: relative;
  float: left;
  width: 306px;
  background: #fff;
}
.cmm-mileage-area .graph-mileage .gage {
  width: 100%;
  height: 152px;
  background: url("../images/sub/mileage_graph_s.png") no-repeat 0 0;
}
.cmm-mileage-area .graph-mileage .gage .gage-pin {
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  width: 87px;
  height: 66px;
  margin: 0 0 0 -33px;
  background: url("../images/dealer/gage_pin.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 50px;
      -ms-transform-origin: 50% 50px;
          transform-origin: 50% 50px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cmm-mileage-area .graph-mileage .gage-cate01,
.cmm-mileage-area .graph-mileage .gage-cate02,
.cmm-mileage-area .graph-mileage .gage-cate03 {
  display: block;
  position: absolute;
  width: 100px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.cmm-mileage-area .graph-mileage .gage-cate01 {
  left: -12px;
  top: 100px;
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.cmm-mileage-area .graph-mileage .gage-cate02 {
  left: 50%;
  top: 5px;
  margin: 0 0 0 -50px;
}
.cmm-mileage-area .graph-mileage .gage-cate03 {
  right: -12px;
  top: 100px;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}

.repair-history-area .repair-history-num {
  margin-bottom: 25px;
}
.repair-history-area .repair-history-num span {
  margin-right: 15px;
  font-size: 16px;
}
.repair-history-area .repair-guide-box .ico-repair {
  position: relative;
  font-size: 16px;
  padding: 0 17px 0 30px;
}
.repair-history-area .repair-guide-box .ico-repair:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  background: url("../images/dealer/ico_repair_state.png") no-repeat;
}
.repair-history-area .repair-guide-box .ico-repair.tp01:after {
  background-position: 0 -32px;
}
.repair-history-area .repair-guide-box .ico-repair.tp02:after {
  background-position: -32px -32px;
}
.repair-history-area .repair-guide-box .ico-repair.tp03:after {
  background-position: -64px -32px;
}
.repair-history-area .repair-guide-box .ico-repair.tp04:after {
  background-position: -96px -32px;
}
.repair-history-area .repair-guide-box .ico-repair.tp05:after {
  background-position: -128px -32px;
}
.repair-history-area .repair-guide-box .ico-repair.tp06:after {
  background-position: -160px -32px;
}
.repair-history-area .repair-check-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.repair-history-area .repair-check-area > div {
  position: relative;
  float: left;
  width: 500px;
  height: 480px;
}
.repair-history-area .repair-check-area .repair-check01 {
  background: url("../images/sub/bg_repair01.png") no-repeat;
}
.repair-history-area .repair-check-area .repair-check02 {
  background: url("../images/sub/bg_repair02.png") no-repeat;
}
.repair-history-area .repair-check-area .ico {
  position: absolute;
  display: inline-block;
  text-indent: -999em;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url("../images/dealer/ico_repair_state.png") no-repeat;
  margin: -11px 0 0 -11px;
}
.repair-history-area .repair-check-area .ico.exch {
  background-position: 0 -32px;
}
.repair-history-area .repair-check-area .ico.corr {
  background-position: -32px -32px;
}
.repair-history-area .repair-check-area .ico.weld {
  background-position: -64px -32px;
}
.repair-history-area .repair-check-area .ico.scratch {
  background-position: -96px -32px;
}
.repair-history-area .repair-check-area .ico.damage {
  background-position: -160px -32px;
}
.repair-history-area .repair-check-area .ico.uneven {
  background-position: -128px -32px;
}
.repair-history-area .repair-check-area .on.num1 {
  position: absolute;
  left: 292px;
  top: 43px;
  width: 135px;
  height: 110px;
  background: url("../images/sub/car_1.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num1 > .ico {
  left: 67px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num2-1 {
  position: absolute;
  left: 88px;
  top: 37px;
  width: 58px;
  height: 130px;
  background: url("../images/sub/car_2_left.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num2-1 > .ico {
  left: 46px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num2-2 {
  position: absolute;
  left: 334px;
  top: 37px;
  width: 57px;
  height: 130px;
  background: url("../images/sub/car_2_right.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num2-2 > .ico {
  left: 8px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num3-1 {
  position: absolute;
  left: 87px;
  top: 162px;
  width: 59px;
  height: 102px;
  background: url("../images/sub/car_3_left_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num3-1 > .ico {
  left: 46px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num3-2 {
  position: absolute;
  left: 332px;
  top: 162px;
  width: 59px;
  height: 102px;
  background: url("../images/sub/car_3_right_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num3-2 > .ico {
  left: 13px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num3-3 {
  position: absolute;
  left: 87px;
  top: 259px;
  width: 61px;
  height: 85px;
  background: url("../images/sub/car_3_left_btm.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num3-3 > .ico {
  left: 46px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num3-4 {
  position: absolute;
  left: 330px;
  top: 259px;
  width: 61px;
  height: 85px;
  background: url("../images/sub/car_3_right_btm.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num3-4 > .ico {
  left: 15px;
  top: 55px;
}
.repair-history-area .repair-check-area .on.num4 {
  position: absolute;
  left: 305px;
  top: 387px;
  width: 108px;
  height: 53px;
  background: url("../images/sub/car_4.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num4 > .ico {
  left: 54px;
  top: 34px;
}
.repair-history-area .repair-check-area .on.num5 {
  position: absolute;
  left: 68px;
  top: 46px;
  width: 106px;
  height: 10px;
  background: url("../images/sub/car_5.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num5 > .ico {
  left: 52px;
  top: 4px;
}
.repair-history-area .repair-check-area .on.num6-1 {
  position: absolute;
  left: 106px;
  top: 340px;
  width: 45px;
  height: 109px;
  background: url("../images/sub/car_6_left.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num6-1 > .ico {
  left: 22px;
  top: 53px;
}
.repair-history-area .repair-check-area .on.num6-2 {
  position: absolute;
  left: 326px;
  top: 340px;
  width: 45px;
  height: 109px;
  background: url("../images/sub/car_6_right.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num6-2 > .ico {
  left: 22px;
  top: 53px;
}
.repair-history-area .repair-check-area .on.num7 {
  position: absolute;
  left: 309px;
  top: 207px;
  width: 100px;
  height: 135px;
  background: url("../images/sub/car_7.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num7 > .ico {
  left: 50px;
  top: 70px;
}
.repair-history-area .repair-check-area .on.num8-1 {
  position: absolute;
  left: 78px;
  top: 156px;
  width: 10px;
  height: 171px;
  background: url("../images/sub/car_8_left.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num8-1 > .ico {
  left: 5px;
  top: 90px;
}
.repair-history-area .repair-check-area .on.num8-2 {
  position: absolute;
  left: 390px;
  top: 156px;
  width: 10px;
  height: 171px;
  background: url("../images/sub/car_8_right.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num8-2 > .ico {
  left: 5px;
  top: 90px;
}
.repair-history-area .repair-check-area .on.num9 {
  position: absolute;
  left: 58px;
  top: 61px;
  width: 126px;
  height: 20px;
  background: url("../images/sub/car_9.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num9 > .ico {
  left: 63px;
  top: 10px;
}
.repair-history-area .repair-check-area .on.num10 {
  position: absolute;
  left: 50px;
  top: 165px;
  width: 144px;
  height: 16px;
  background: url("../images/sub/car_10.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num10 > .ico {
  left: 72px;
  top: 8px;
}
.repair-history-area .repair-check-area .on.num11-1 {
  position: absolute;
  left: 58px;
  top: 87px;
  width: 21px;
  height: 48px;
  background: url("../images/sub/car_11_left_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num11-1 > .ico {
  left: 10px;
  top: 24px;
}
.repair-history-area .repair-check-area .on.num11-2 {
  position: absolute;
  left: 163px;
  top: 87px;
  width: 21px;
  height: 48px;
  background: url("../images/sub/car_11_left_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num11-2 > .ico {
  left: 10px;
  top: 24px;
}
.repair-history-area .repair-check-area .on.num12-1 {
  position: absolute;
  left: 84px;
  top: 87px;
  width: 21px;
  height: 72px;
  background: url("../images/sub/car_12.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num12-1 > .ico {
  left: 10px;
  top: 24px;
}
.repair-history-area .repair-check-area .on.num12-2 {
  position: absolute;
  left: 137px;
  top: 87px;
  width: 21px;
  height: 72px;
  background: url("../images/sub/car_12.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num12-2 > .ico {
  left: 10px;
  top: 24px;
}
.repair-history-area .repair-check-area .on.num13-1 {
  position: absolute;
  left: 58px;
  top: 142px;
  width: 19px;
  height: 19px;
  background: url("../images/sub/car_13.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num13-1 > .ico {
  left: -12px;
  top: 9px;
}
.repair-history-area .repair-check-area .on.num13-2 {
  position: absolute;
  left: 164px;
  top: 142px;
  width: 19px;
  height: 19px;
  background: url("../images/sub/car_13.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num13-2 > .ico {
  left: 33px;
  top: 9px;
}
.repair-history-area .repair-check-area .on.num13-3 {
  position: absolute;
  left: 51px;
  top: 343px;
  width: 19px;
  height: 19px;
  background: url("../images/sub/car_13.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num13-3 > .ico {
  left: -12px;
  top: 9px;
}
.repair-history-area .repair-check-area .on.num13-4 {
  position: absolute;
  left: 175px;
  top: 343px;
  width: 19px;
  height: 19px;
  background: url("../images/sub/car_13.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num13-4 > .ico {
  left: 33px;
  top: 9px;
}
.repair-history-area .repair-check-area .on.num14-1 {
  position: absolute;
  left: 140px;
  top: 159px;
  width: 45px;
  height: 112px;
  background: url("../images/sub/car_14_left_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-1 > .ico {
  left: 35px;
  top: 60px;
}
.repair-history-area .repair-check-area .on.num14-2 {
  position: absolute;
  left: 293px;
  top: 159px;
  width: 45px;
  height: 112px;
  background: url("../images/sub/car_14_right_top.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-2 > .ico {
  left: 10px;
  top: 60px;
}
.repair-history-area .repair-check-area .on.num14-3 {
  position: absolute;
  left: 145px;
  top: 259px;
  width: 38px;
  height: 14px;
  background: url("../images/sub/car_14_left.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-3 > .ico {
  left: 19px;
  top: 8px;
}
.repair-history-area .repair-check-area .on.num14-4 {
  position: absolute;
  left: 296px;
  top: 259px;
  width: 38px;
  height: 14px;
  background: url("../images/sub/car_14_right.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-4 > .ico {
  left: 19px;
  top: 8px;
}
.repair-history-area .repair-check-area .on.num14-5 {
  position: absolute;
  left: 148px;
  top: 272px;
  width: 37px;
  height: 126px;
  background: url("../images/sub/car_14_left_btm.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-5 > .ico {
  left: 30px;
  top: 45px;
}
.repair-history-area .repair-check-area .on.num14-6 {
  position: absolute;
  left: 292px;
  top: 272px;
  width: 37px;
  height: 126px;
  background: url("../images/sub/car_14_right_btm.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num14-6 > .ico {
  left: 7px;
  top: 45px;
}
.repair-history-area .repair-check-area .on.num15 {
  position: absolute;
  left: 50px;
  top: 185px;
  width: 144px;
  height: 16px;
  background: url("../images/sub/car_15.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num15 > .ico {
  left: 72px;
  top: 8px;
}
.repair-history-area .repair-check-area .on.num16 {
  position: absolute;
  left: 50px;
  top: 205px;
  width: 143px;
  height: 74px;
  background: url("../images/sub/car_16.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num16 > .ico {
  left: 72px;
  top: 37px;
}
.repair-history-area .repair-check-area .on.num17 {
  position: absolute;
  left: 92px;
  top: 366px;
  width: 61px;
  height: 37px;
  background: url("../images/sub/car_17.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num17 > .ico {
  left: 31px;
  top: 18px;
}
.repair-history-area .repair-check-area .on.num18 {
  position: absolute;
  left: 60px;
  top: 413px;
  width: 124px;
  height: 17px;
  background: url("../images/sub/car_18.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num18 > .ico {
  left: 62px;
  top: 18px;
}
.repair-history-area .repair-check-area .on.num19-1 {
  position: absolute;
  left: 48px;
  top: 372px;
  width: 27px;
  height: 41px;
  background: url("../images/sub/car_19_left.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num19-1 > .ico {
  left: -16px;
  top: 18px;
}
.repair-history-area .repair-check-area .on.num19-2 {
  position: absolute;
  left: 169px;
  top: 372px;
  width: 27px;
  height: 41px;
  background: url("../images/sub/car_19_right.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num19-2 > .ico {
  left: 43px;
  top: 18px;
}
.repair-history-area .repair-check-area .on.num20 {
  position: absolute;
  left: 62px;
  top: 333px;
  width: 122px;
  height: 16px;
  background: url("../images/sub/car_20.png") no-repeat;
}
.repair-history-area .repair-check-area .on.num20 > .ico {
  left: 61px;
  top: 8px;
}
.repair-history-area.tp-wd880 .repair-check-area .repair-check01 {
  width: 489px;
  margin-left: -49px;
}
.repair-history-area.tp-wd880 .repair-check-area .repair-check02 {
  width: 440px;
}

.cmm-acc-history:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-acc-history > div {
  float: left;
  width: 370px;
  margin-bottom: 10px;
}
.cmm-acc-history > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-acc-history > div .tit {
  position: relative;
  float: left;
  font-size: 16px;
  margin-right: 25px;
  padding: 15px 0 0;
}
.cmm-acc-history > div .tit:after {
  content: "";
  position: absolute;
  right: -14px;
  top: 20px;
  width: 1px;
  height: 12px;
  background: #000;
}
.cmm-acc-history > div strong {
  float: left;
  font-size: 30px;
  font-weight: bold;
}
.cmm-acc-history > div:first-child {
  margin-right: 45px;
}

.list-guarantee:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.list-guarantee li {
  position: relative;
  float: left;
  width: 100px;
  margin: 0 13px 10px 0;
  padding: 120px 0 0;
  text-align: center;
}
.list-guarantee li span {
  font-size: 16px;
}
.list-guarantee li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.list-guarantee li.list1:after {
  background-position: -328px -645px;
}
.list-guarantee li.list2:after {
  background-position: -438px -645px;
}
.list-guarantee li.list3:after {
  background-position: -548px -645px;
}
.list-guarantee li.list4:after {
  background-position: -658px -645px;
}
.list-guarantee li.list5:after {
  background-position: -218px -645px;
}
.list-guarantee li.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;
}

.cmm-info-type .cmm-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-info-type .cmm-info dl {
  float: left;
  width: 480px;
}
.cmm-info-type .cmm-info dl dt {
  width: 160px;
}
.cmm-info-type .cmm-info dl dd {
  display: inline-block;
  width: 320px;
  margin-right: 0;
  text-align: left;
}

.as-info-area .as-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.as-info-area .as-info > div {
  float: left;
  width: 480px;
  margin-bottom: 55px;
}
.as-info-area .as-info > div .tit {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}
.as-info-area .as-info > div .km-period {
  font-size: 16px;
}
.as-info-area .as-info > div .km-period strong {
  font-size: 30px;
  font-weight: bold;
  color: #2666c6;
}
.as-info-area .as-info > div .km-period span {
  font-size: 16px;
}
.as-info-area .as-info > div .period-total {
  display: block;
  margin-top: 5px;
  color: #666;
}
.as-info-area .performance-area {
  background: #f9f8f4;
  border-radius: 15px;
  overflow: hidden;
  padding: 30px;
}
.as-info-area .performance-area .cmm-tit-area {
  margin-bottom: 30px;
}
.as-info-area .performance-area .cmm-sub-tit {
  display: inline-block;
  font-size: 24px;
}
.as-info-area .performance-area .performance-cnt .car-img {
  float: left;
  width: 210px;
  margin-bottom: 20px;
}
.as-info-area .performance-area .performance-cnt .performance-check {
  float: left;
}
.as-info-area .performance-area .performance-cnt .performance-check p {
  font-size: 18px;
  margin-bottom: 25px;
}
.as-info-area .performance-area .performance-cnt .performance-check p span {
  font-size: 18px;
}
.as-info-area .performance-area .performance-cnt .performance-check .one-line {
  display: inline-block;
  white-space: nowrap;
}
.as-info-area .performance-area .performance-cnt .performance-check .month-km {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 30px;
}
.as-info-area .performance-area .performance-cnt .performance-check .month-km strong {
  font-weight: bold;
  color: #2666c6;
}
.as-info-area .performance-area .performance-cnt .performance-check .list {
  margin-top: 30px;
}
.as-info-area .performance-area .performance-cnt .performance-check .list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.as-info-area .performance-area .performance-cnt .performance-check .list li {
  float: left;
  position: relative;
  width: 100px;
  margin-right: 30px;
  padding: 120px 0 0;
  text-align: center;
  font-size: 16px;
}
.as-info-area .performance-area .performance-cnt .performance-check .list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.as-info-area .performance-area .performance-cnt .performance-check .list li.list1:after {
  background-position: -218px -355px;
}
.as-info-area .performance-area .performance-cnt .performance-check .list li.list2:after {
  background-position: -218px -465px;
}
.as-info-area .performance-area .performance-cnt .performance-check .list li.list3:after {
  background-position: -108px -355px;
}

.cmm-month-km {
  display: block;
  margin-bottom: 16px;
}

.cmm-box.cmm-assurance:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-box.cmm-assurance .box {
  position: relative;
  float: left;
  width: 48%;
  height: auto;
  background: #f5f6f9;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 26px 30px;
}
.cmm-box.cmm-assurance .box strong {
  font-size: 18px;
  font-weight: bold;
}
.cmm-box.cmm-assurance .box strong.pay {
  position: absolute;
  right: 30px;
  top: 30px;
  color: #2666c6;
}
.cmm-box.cmm-assurance .box p {
  margin: 5px 0 40px;
  font-size: 16px;
}

.cmm-vehicle-option > div {
  margin-bottom: 30px;
}
.cmm-vehicle-option > div .tit {
  float: left;
  width: 120px;
  font-size: 16px;
}
.cmm-vehicle-option > div ul {
  padding: 0 0 0 120px;
}
.cmm-vehicle-option > div ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-vehicle-option > div ul li {
  float: left;
  width: 200px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #999999;
}
.cmm-vehicle-option > div ul li.on {
  color: #222;
}

.cmm-dealer-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-dealer-info .dealer-info-area {
  float: left;
  width: 520px;
  margin-bottom: 20px;
}
.cmm-dealer-info .dealer-info-area .photo {
  position: relative;
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-dealer-info .dealer-info-area .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.cmm-dealer-info .dealer-info-area .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -1px;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -590px;
  z-index: 0;
}
.cmm-dealer-info .dealer-info-area .photo .btn-dealer-info img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt {
  position: relative;
  padding: 0 0 0 136px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .ico {
  position: absolute;
  left: 89px;
  top: 36px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .tel-num {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 0 -45px;
  padding: 0 0 0 26px;
  color: #2666c6;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .name {
  font-size: 18px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .name strong {
  display: inline-block;
  padding: 4px 0 0;
  font-weight: bold;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num {
  overflow: hidden;
  margin-top: 12px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num > div {
  margin-left: -18px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num > div span {
  position: relative;
  color: #666;
  padding: 0 0 0 18px;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num > div span:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #666;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num > div span strong {
  margin-left: 3px;
  font-weight: bold;
  color: #222;
}
.cmm-dealer-info .dealer-info-area .dealer-cnt .info-txt .sale-num .dealer-txt {
  margin: 0;
  padding: 20px;
  border-radius: 0 25px 25px 25px;
  border: 1px solid #ddd;
}
.cmm-dealer-info .max-holding {
  position: relative;
  float: left;
  width: 480px;
  padding: 0 0 0 50px;
}
.cmm-dealer-info .max-holding[class*=bg0]:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 42px;
  height: 35px;
  background: url("../images/common/bg-badge.png") no-repeat;
}
.cmm-dealer-info .max-holding.bg01:after {
  background-position: left top;
}
.cmm-dealer-info .max-holding.bg02:after {
  background-position: -42px top;
}
.cmm-dealer-info .max-holding.bg03:after {
  background-position: -84px top;
}
.cmm-dealer-info .max-holding.bg04:after {
  background-position: -126px top;
}
.cmm-dealer-info .max-holding .tit-area {
  position: relative;
}
.cmm-dealer-info .max-holding .tit-area .txt {
  font-size: 18px;
  padding: 4px 0 0;
}
.cmm-dealer-info .max-holding .tit-area .num {
  position: relative;
  top: -3px;
  display: inline-block;
  height: 24px;
  margin-left: 8px;
  padding: 0 10px;
  background: #336fc9;
  color: #fff;
  border-radius: 4px;
  line-height: 24px;
}
.cmm-dealer-info .max-holding .cmm-star-wrap {
  margin-top: 15px;
}
.cmm-dealer-info .max-holding .cmm-star-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-dealer-info .max-holding .cmm-star-wrap > div {
  float: left;
  margin-right: 30px;
}
.cmm-dealer-info .max-holding .cmm-star-wrap > div .tit {
  display: block;
  margin-bottom: 5px;
  color: #666;
}

.dealer-gift {
  position: relative;
  margin-top: 60px;
  background: #e8eefc;
  border-radius: 15px;
  padding: 50px 0 0 50px;
}
.dealer-gift:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.dealer-gift .txt-area {
  float: left;
  width: 340px;
  margin-bottom: 20px;
}
.dealer-gift .txt-area .tit {
  font-size: 36px;
  font-weight: 300;
}
.dealer-gift .txt-area p {
  font-size: 18px;
  font-weight: 300;
  color: #6d7690;
}
.dealer-gift .gift {
  position: relative;
  float: left;
  background: url("../images/sub/bg_dealer_gift.png") no-repeat;
  width: 456px;
  height: 226px;
}
.dealer-gift .gift .img {
  float: left;
  width: 170px;
  padding: 52px 0 0 44px;
}
.dealer-gift .gift .txt-info {
  float: left;
  width: 280px;
  padding: 28px 0 0 18px;
}
.dealer-gift .gift .txt-info span {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
}
.dealer-gift .gift .txt-info span .num-line {
  display: inline-block;
  margin-left: 5px;
  font-size: 18px;
  text-decoration: line-through;
  color: #999;
}
.dealer-gift .gift .txt-info dl dt {
  float: left;
  width: 70px;
  color: #666;
  font-size: 16px;
}
.dealer-gift .gift .txt-info dl dd {
  padding: 0 0 0 70px;
  font-weight: 500;
  font-size: 16px;
}

.car-inquiry-num {
  font-size: 16px;
  margin-bottom: 25px;
}
.car-inquiry-num > span {
  margin-right: 40px;
}
.car-inquiry-num > span.today {
  position: relative;
  margin-right: 25px;
}
.car-inquiry-num > span.today:after {
  content: "";
  position: absolute;
  right: -14px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #222;
}
.car-inquiry-num .num {
  font-weight: 500;
}

.cmm-graph-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-graph-area .pie {
  float: left;
  padding: 0 0 0 195px;
}
.cmm-graph-area .pie > div {
  width: 200px;
  height: 200px;
}
.cmm-graph-area .age-list {
  float: left;
  width: 300px;
  padding: 35px 0 0 100px;
}
.cmm-graph-area .age-list li {
  position: relative;
  margin-bottom: 15px;
}
.cmm-graph-area .age-list li .txt {
  display: inline-block;
  width: 95px;
  font-size: 16px;
}
.cmm-graph-area .age-list li .bar-graph {
  position: absolute;
  top: 8px;
  left: 95px;
  width: 150px;
  height: 8px;
  background: #f1f1f1;
  border-radius: 8px;
}
.cmm-graph-area .age-list li .bar-graph span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  height: 8px;
  background: #2666c6;
  border-radius: 8px;
  z-index: 2;
}

.cmm-sns-link {
  overflow: hidden;
}
.cmm-sns-link ul {
  overflow: hidden;
  margin-left: -30px;
}
.cmm-sns-link ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-sns-link ul li {
  position: relative;
  float: left;
  margin-left: 30px;
}
.cmm-sns-link ul li a {
  position: relative;
  display: block;
  width: 100px;
  padding: 115px 0 0;
  font-size: 16px;
  text-align: center;
  z-index: 2;
}
.cmm-sns-link ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background: url("../images/common/btn_icon.png") no-repeat;
}
.cmm-sns-link ul li.kakao-talk:after {
  background-position: 0 -34px;
}
.cmm-sns-link ul li.kakao-story:after {
  background-position: -110px -34px;
}
.cmm-sns-link ul li.facebook:after {
  background-position: -220px -34px;
}
.cmm-sns-link ul li.url-copy:after {
  background-position: -330px -34px;
}

.container.cw1400 .cmm-sns-link ul {
  width: 1200px;
  margin-left: -23px;
}
.container.cw1400 .cmm-sns-link ul li {
  margin-left: 23px;
}

.car-parts .list-parts {
  margin-left: -80px;
}
.car-parts .list-parts li {
  width: 35%;
  min-height: 70px;
  margin: 0 0 20px 80px;
}

.price-swiper-type .owl-nav > button {
  top: -57px;
}

.cmm-list-txt.detail-txt {
  padding: 0;
}

.car-photo-detail {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.car-photo-detail > ul li {
  width: 400px;
  height: auto;
  margin-bottom: 10px;
  border-radius: 7px;
  overflow: hidden;
}
.car-photo-detail img {
  display: block;
  width: 100%;
  height: auto;
}

.cmm-step-box.w100p .cmm-d-info .list-calculation .rud-box {
  width: 98%;
  height: 180px;
}
.cmm-step-box.w100p .cmm-d-info .list-calculation .rud-box dl dd.link {
  margin: 0;
  position: absolute;
  right: 20px;
  bottom: 0;
}

.pm-list {
  overflow: hidden;
  max-width: 984px;
  height: 140px;
}
.pm-list .pm-tit {
  float: left;
  display: block;
  line-height: 30px;
  margin-top: 50px;
  font-size: 24px;
}
.pm-list .pm-slideUp {
  float: right;
}

.pm-slideUp {
  overflow: hidden;
  display: inline-block;
  height: 100px;
  margin-top: 20px;
}
.pm-slideUp .item {
  display: block;
  height: 100px;
}
.pm-slideUp .item .tit {
  display: inline-block;
  vertical-align: top;
  min-width: 175px;
  padding: 36px 15px 0 0;
}
.pm-slideUp .item .tit .num {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 24px;
  height: 26px;
  line-height: 20px;
  margin-right: 17px;
  color: #fff;
  background: url("../images/common/icon_top_visual.png") no-repeat -211px top;
}
.pm-slideUp .item .tit .car {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
  font-size: 18px;
  font-weight: 500;
  color: #364f7f;
}
.pm-slideUp .item .img {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  height: 100px;
}
.pm-slideUp .item .img img {
  display: block;
  widht: 100%;
  height: 100%;
}

.cmm-ad-cnt.pic-list .pic-info {
  float: none;
  width: auto;
}
.cmm-ad-cnt.pic-list .pic-info .car-txt {
  float: none;
  width: auto;
  padding: 0 0 0 210px;
}

.cmm-buy-tip {
  margin-left: -16px;
}
.cmm-buy-tip:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-buy-tip li {
  position: relative;
  float: left;
  width: 296px;
  height: 180px;
  margin: 0 0 15px 16px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.cmm-buy-tip li a {
  display: block;
  padding: 95px 0 0 30px;
}
.cmm-buy-tip li a span {
  font-size: 18px;
}
.cmm-buy-tip li:after {
  content: "";
  position: absolute;
  left: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-buy-tip li.list1:after {
  top: 34px;
  background-position: -108px -465px;
  width: 80px;
  height: 30px;
}
.cmm-buy-tip li.list2:after {
  top: 29px;
  background-position: -108px -505px;
  width: 36px;
  height: 42px;
}
.cmm-buy-tip li.list3:after {
  top: 29px;
  background-position: -108px -557px;
  width: 41px;
  height: 41px;
}

.cmm-galley .pictures {
  overflow: hidden;
  display: none;
}
.cmm-galley .pictures li {
  float: left;
  width: 50px;
}
.cmm-galley .pictures li img {
  width: 100%;
}

.viewer-canvas img {
  border-radius: 7px;
  overflow: hidden;
}

.viewer-button.viewer-close {
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
}
.viewer-button.viewer-close:before {
  bottom: 10px;
  left: 10px;
}

.used-lease h2 {
  font-weight: 500;
  font-size: 24px;
}
.used-lease h2.font-B {
  font-weight: bold;
}
.used-lease h3 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 15px;
}
.used-lease h3 span {
  font-weight: 500;
  font-size: 24px;
  color: #2666c6;
}
.used-lease h3.tit-used-step {
  font-weight: 500;
  font-size: 18px;
}
.used-lease .used-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 120px;
  padding: 40px 0 0 30px;
  margin-bottom: 10px;
}
.used-lease .used-step li span {
  display: inline-block;
  font-size: 16px;
  padding-left: 15px;
  text-indent: -15px;
}
.used-lease .used-step li:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url("../images/sub/bg_used_lease.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -30px;
}
.used-lease .used-step li.step01:after {
  background-position: 0 0;
}
.used-lease .used-step li.step02:after {
  background-position: -60px 0;
}
.used-lease .used-step li.step03:after {
  background-position: -120px 0;
}
.used-lease .used-step li.step04:after {
  background-position: -180px 0;
}
.used-lease .dot-red-list li {
  position: relative;
  font-size: 16px;
  color: #222;
  padding: 0 0 10px 10px;
}
.used-lease .dot-red-list li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 8px;
  left: 0;
  background: #fd665c;
  border-radius: 5px;
}
.used-lease .dot-red-list li span {
  font-size: 16px;
  color: #2666c6;
}
.used-lease .dot-red-list li p {
  font-size: 16px;
  color: #999;
  padding-left: 10px;
  text-indent: -10px;
}
.used-lease .consol-pay {
  position: relative;
  padding-bottom: 260px;
  font-size: 16px;
}
.used-lease .consol-pay:after {
  content: "";
  width: 200px;
  height: 200px;
  background: url("../images/sub/bg_cps.png") no-repeat 0 0;
  background-size: 200px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -100px;
}
.used-lease .consol-pay span {
  font-weight: bold;
  font-size: 16px;
}

.get-sale {
  padding: 56px 0 60px;
  margin-bottom: 100px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.get-sale .gs-box01 .sorting-area {
  margin-top: 56px;
}
.get-sale .gs-box01 .gs-tit {
  line-height: 28px;
  margin-bottom: 35px;
  font-size: 18px;
}
.get-sale .gs-box01 .cs-list02 {
  margin-bottom: 0;
}
.get-sale .gs-box01 .cs-list02 .list-in {
  margin: 0;
}
.get-sale .gs-box01 .cs-list02 .list-in .area.item {
  width: 300px;
  margin: 0;
}
.get-sale .gs-box01 .cs-list02 .list-in .owl-nav > button.owl-prev {
  top: -66px;
  right: 45px;
}
.get-sale .gs-box01 .cs-list02 .list-in .owl-nav > button.owl-next {
  top: -66px;
  right: 0;
}
.get-sale .gs-box01 .sold-out {
  border-radius: 30px;
}
.get-sale .gs-box02 .gs-tit {
  line-height: 28px;
  margin: 60px 0 35px;
  font-size: 18px;
}
.get-sale .gs-box02 .cs-list02.small-tp {
  margin-bottom: 0;
}
.get-sale .gs-box02 .cs-list02.small-tp .list-in {
  overflow: hidden;
}
.get-sale .gs-box02 .cs-list02.small-tp .list-in .area.item {
  float: left;
  margin-bottom: 0;
}
.get-sale .gs-box02 .sold-out {
  border-radius: 8px;
}
.get-sale .gs-box02 .sold-out .box-tb .box-mid .txt02 {
  font-size: 14px;
}
.get-sale .cs-list02 .list-in {
  overflow: visible;
}
.get-sale .cs-list02 .list-in .owl-nav {
  display: block !important;
}
.get-sale .cs-list02 .list-in .owl-nav.disabled {
  display: none !important;
}
.get-sale .sold-out {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.get-sale .sold-out .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.get-sale .sold-out .box-tb {
  display: table;
  height: 100%;
  width: 100%;
}
.get-sale .sold-out .box-tb .box-mid {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index: 1;
}
.get-sale .sold-out .box-tb .box-mid .txt01 {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background-color: #fd665c;
}
.get-sale .sold-out .box-tb .box-mid .txt02 {
  text-align: center;
  margin-top: 16px;
  line-height: 24px;
  font-size: 18px;
  color: #fff;
}

.new-app {
  margin: -60px 0 100px;
}
.new-app .w-txt {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  padding-left: 28px;
  font-size: 16px;
}
.new-app .w-txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat -177px -150px;
}

.get-sale02 {
  padding: 56px 0 60px;
  margin-bottom: 56px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.get-sale02 .sorting-area {
  margin-bottom: 52px;
}
.get-sale02 .gs-box.bg01 {
  position: relative;
  padding-bottom: 186px;
}
.get-sale02 .gs-box.bg01:after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 95px;
  display: block;
  width: 221px;
  height: 55px;
  background: url("../images/sub/buy-bg.png") no-repeat left -190px;
}
.get-sale02 .gs-box.bg01 .txt {
  margin-bottom: 0;
}
.get-sale02 .gs-box .txt {
  line-height: 24px;
  margin-bottom: 36px;
  font-size: 16px;
}
.get-sale02 .gs-box .gs-btn + .gs-btn {
  margin-top: 10px;
}
.get-sale02 .box-left {
  overflow: hidden;
}
.get-sale02 .box-left .gs-box {
  float: left;
  width: 400px;
}
.get-sale02 .box-center {
  text-align: center;
}
.get-sale02 .box-center .box-in {
  display: inline-block;
  vertical-align: top;
}
.get-sale02 .box-center .gs-box {
  text-align: left;
}

.equ-list {
  padding-bottom: 60px;
}
.equ-list .sorting-area {
  margin-bottom: 36px;
}
.equ-list .sorting-area .link-arrow {
  margin: 5px 0 0 30px;
}
.equ-list .cs-list02 {
  margin-bottom: 0;
}
.equ-list .cs-list02 .list-in {
  height: 371px;
}
.equ-list .cs-list02 .list-in .area {
  margin-bottom: 0;
  height: auto;
}
.equ-list .cs-list02 .list-in .area .con,
.equ-list .cs-list02 .list-in .area .con .item {
  height: 146px;
}
.equ-list .cs-list02 .list-in .area .con .item {
  padding-bottom: 0;
}
.equ-list .cs-list02 .list-in .area .con .item .link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.container.w1280 .cs-list02.wd-change02 .list-in {
  height: 377px;
}
.container.w1280 .cs-list02.wd-change02 .list-in .area {
  width: 310px !important;
  height: 377px;
}
.container.w1280 .cs-list02.wd-change02 .list-in .area .thumnail,
.container.w1280 .cs-list02.wd-change02 .list-in .area .thumnail .item > img {
  height: 231px;
}

.quick-area {
  padding-bottom: 100px;
}
.quick-area .quick-btm-link .sub-in .box {
  padding-top: 0;
}

.company-area {
  max-width: 1100px;
  margin-bottom: 60px;
}
.company-area.tp02 {
  height: 320px;
}
.company-area.tp02 .area {
  height: 285px;
}
.company-area .area {
  position: relative;
  height: 320px;
  padding-right: 600px;
}
.company-area .area .top-tit {
  width: auto;
  padding: 0 40px 0 0;
}
.company-area .area .img {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 600px;
  height: 320px;
  border-radius: 8px;
  z-index: 1;
}
.company-area .area .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.company-area .owl-nav > button {
  position: absolute;
  bottom: 0;
  width: 34px;
  height: 34px;
  margin: 0;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.company-area .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.company-area .owl-nav > button.owl-prev {
  left: 0;
}
.company-area .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.company-area .owl-nav > button.owl-next {
  left: 44px;
}
.company-area .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.company-area .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.company-area .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.company-area .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.company-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;
}

.company-list {
  overflow: hidden;
  padding: 60px 0 39px;
  margin-top: 30px;
  border-top: 1px solid #ddd;
}

.cs-list03 .hide-list {
  overflow: hidden;
  margin-left: -20px;
}
.cs-list03 .hide-list .area {
  float: left;
  width: 280px;
  height: 360px;
  margin: 0 0 55px 20px;
}
.cs-list03 .hide-list .area .car-box {
  display: block;
}
.cs-list03 .hide-list .area .car-box .c-img {
  display: block;
  width: 280px;
  height: 210px;
}
.cs-list03 .hide-list .area .car-box .c-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list03 .hide-list .area .car-box > .con {
  position: relative;
  padding: 14px 0 0 80px;
}
.cs-list03 .hide-list .area .car-box > .con .d-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 20px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 30px;
}
.cs-list03 .hide-list .area .car-box > .con .d-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list03 .hide-list .area .car-box > .con .p-img {
  position: absolute;
  left: 36px;
  top: 51px;
  display: block;
  width: 29px;
  height: 29px;
}
.cs-list03 .hide-list .area .car-box > .con .p-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cs-list03 .hide-list .area .car-box > .con .cpn {
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.cs-list03 .hide-list .area .car-box > .con .tit {
  line-height: 24px;
  font-size: 16px;
}
.cs-list03 .hide-list .area .car-box > .con .data-line {
  margin-top: 11px;
}
.cs-list03 .hide-list .area .car-box > .con .data-line .data-in span {
  height: 24px;
  line-height: 24px;
}
.cs-list03 .hide-list .area .car-box > .con .data-line .first {
  height: 24px;
  line-height: 24px;
}

.cpdr-area {
  overflow: hidden;
  padding: 55px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cpdr-area .cp-info {
  float: left;
}
.cpdr-area .cp-info .txt01 {
  display: block;
  width: 500px;
  padding-right: 40px;
  line-height: 28px;
  font-size: 24px;
}
.cpdr-area .cp-info .txt02 {
  display: block;
  line-height: 24px;
  margin-top: 12px;
  font-size: 18px;
}
.cpdr-area .dr-info {
  float: left;
  position: relative;
  padding: 10px 0 0 80px;
}
.cpdr-area .dr-info .d-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 30px;
}
.cpdr-area .dr-info .d-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cpdr-area .dr-info .p-img {
  position: absolute;
  left: 36px;
  top: 37px;
  display: block;
  width: 29px;
  height: 29px;
}
.cpdr-area .dr-info .p-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cpdr-area .dr-info .data-line span {
  font-size: 18px;
}
.cpdr-area .dr-info .date {
  margin-top: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}

.month-corp-area {
  padding: 60px 0 30px 0;
  border-bottom: 1px solid #ddd;
}

.month-corp-head {
  padding: 30px 0 60px 0;
  font-size: 26px;
  font-style: italic;
  text-align: center;
}
.month-corp-head:first-of-type {
  padding-top: 0;
}

.month-corp-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.month-corp-item:nth-child(odd) .month-corp-box {
  float: left;
}
.month-corp-item:nth-child(even) .month-corp-box {
  float: right;
}

.month-corp-box {
  clear: both;
  position: relative;
  padding: 15px 30px;
  min-width: 500px;
  min-height: 33px;
  max-width: 720px;
  background-color: #f8fafa;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.01em;
  border-radius: 30px;
}
.month-corp-box.question {
  margin-bottom: 30px;
  border-top-left-radius: 0;
  background-color: #f5f6f9;
}
.month-corp-item .month-corp-box.question {
  float: left;
}
.month-corp-box.answer {
  border-top-right-radius: 0;
}
.month-corp-item .month-corp-box.answer {
  float: right;
}

.month-corp-image {
  position: relative;
  display: block;
  padding: 15px 0;
}
.month-corp-image img {
  max-width: 100%;
  border-radius: 10px;
}
.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;
  padding: 10px 0 0 0;
  opacity: 1;
}

.month-corp-text {
  position: relative;
  min-height: 33px;
  padding: 18px 0 15px 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.month-corp-text strong {
  display: block;
  margin-bottom: 11px;
  font-size: 18px;
  font-weight: bold;
}
.question .month-corp-text:first-child, .answer .month-corp-text:first-of-type {
  padding-left: 58px;
}
.question .month-corp-text:first-child:before, .answer .month-corp-text:first-of-type:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 38px;
  height: 33px;
  background: url("../images/sub/icon_qa.png") no-repeat;
}
.question .month-corp-text:first-of-type:before {
  background-position: left top;
}
.answer .month-corp-text:first-of-type:before {
  background-position: left -40px;
}

.qa-area .qa-line {
  overflow: hidden;
  margin-bottom: 30px;
}
.qa-area .q-box,
.qa-area .a-box {
  border-radius: 30px;
  padding: 30px;
  min-width: 500px;
  max-width: 720px;
}
.qa-area .q-box .txt-box,
.qa-area .a-box .txt-box {
  position: relative;
  min-height: 33px;
  padding: 3px 0 0 58px;
}
.qa-area .q-box .txt-box .icon-img,
.qa-area .a-box .txt-box .icon-img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 38px;
  height: 33px;
}
.qa-area .q-box .txt-box .icon-img img,
.qa-area .a-box .txt-box .icon-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.qa-area .q-box .txt-box .txt01,
.qa-area .a-box .txt-box .txt01 {
  line-height: 24px;
  margin-bottom: 11px;
  font-size: 18px;
  font-weight: bold;
}
.qa-area .q-box .txt-box .txt02,
.qa-area .a-box .txt-box .txt02 {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.qa-area .q-box .img-box,
.qa-area .a-box .img-box {
  overflow: hidden;
  margin-top: 26px;
}
.qa-area .q-box .img-box img,
.qa-area .a-box .img-box img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.qa-area .q-box {
  float: left;
  border-radius: 0 30px 30px 30px;
  background-color: #f5f6f9;
}
.qa-area .a-box {
  float: right;
  border-radius: 30px 0 30px 30px;
  background-color: #f8fafa;
}

.evt-txt-box {
  min-height: 500px;
  padding: 55px 60px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.evt-txt-box .txt-box {
  line-height: 24px;
  font-size: 16px;
}

.com-app-area {
  position: relative;
  padding: 360px 0 100px;
}
.com-app-area:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 60px;
  display: block;
  width: 256px;
  height: 250px;
  margin-left: -128px;
  background: url("../images/sub/buy-bg.png") no-repeat right -220px;
}
.com-app-area .tit {
  text-align: center;
  line-height: 50px;
  margin-bottom: 60px;
  font-size: 44px;
}
.com-app-area .txt {
  text-align: center;
  line-height: 24px;
  margin-top: 24px;
  font-size: 18px;
  font-weight: 300;
}

.pre-con-top:after {
  content: "";
  position: absolute;
  left: 574px;
  top: -20px;
  display: block;
  width: 269px;
  height: 240px;
  background: url("../images/sub/buy-bg.png") no-repeat -476px -240px;
}

.pre-con-tit {
  position: relative;
  padding-bottom: 37px;
}
.pre-con-tit:after {
  content: "";
  display: block;
  clear: both;
}
.pre-con-tit .pct-left {
  float: left;
}
.pre-con-tit .pct-left .txt {
  display: inline-block;
  line-height: 24px;
  font-size: 16px;
}
.pre-con-tit .pct-right {
  float: right;
}
.pre-con-tit .pct-right .filter-btn {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 34px;
}
.pre-con-tit .pct-right .filter-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/btn_options.png") no-repeat;
}
.pre-con-tit .ft-area {
  position: absolute;
  right: 0;
  top: 35px;
  display: none;
  z-index: 1;
}
.pre-con-tit .ft-area .ft-box {
  overflow: hidden;
  width: 980px;
  padding: 25px 29px 29px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
}
.pre-con-tit .ft-area .ft-box .pop-scroll {
  max-height: 466px;
}
.pre-con-tit .ft-area .ft-box .manu-content {
  padding: 0;
  margin: 0;
  border-top: 0 none;
}
.pre-con-tit .ft-area .ft-box .manu-content .car-list-sorts .car-brand {
  margin-bottom: 0;
  padding-bottom: 36px;
}
.pre-con-tit .ft-area .ft-box .manu-content .car-list-sorts .car-brand dl dt {
  line-height: 24px;
  margin-bottom: 16px;
}
.pre-con-tit .ft-area .ft-box .manu-content .fac-wrap {
  margin-bottom: 17px;
}
.pre-con-tit .ft-area .ft-box .manu-content .popularity-content dl {
  margin-bottom: 0;
  padding-bottom: 26px;
}
.pre-con-tit .ft-area .ft-box .manu-content .popularity-content dl dt {
  line-height: 24px;
  margin-bottom: 16px;
}
.pre-con-tit .ft-area .ft-box .manu-content .popularity-content dl dd {
  margin-bottom: 10px;
}
.pre-con-tit .ft-area .ft-box .area-btn {
  margin: 0;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.pre-con-tit .ft-area .ft-box .area-btn .btn-m {
  width: 80px;
}
.pre-con-tit .ft-area .ft-box.tp02 {
  padding-top: 17px;
  display: none;
}
.pre-con-tit .ft-area .ft-box.tp02 .pop-scroll {
  max-height: 422px;
}

.pre-con-area {
  padding-top: 40px;
  margin-bottom: 100px;
  border-top: 1px solid #ddd;
}

.pre-con-list {
  overflow: hidden;
}
.pre-con-list .hide-list {
  overflow: hidden;
  margin-top: -40px;
}
.pre-con-list .hide-list > li {
  position: relative;
  min-height: 135px;
  padding: 23px 0 0 210px;
  margin-top: 40px;
}
.pre-con-list .hide-list > li .pcl-img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 180px;
  height: 135px;
  border-radius: 8px;
}
.pre-con-list .hide-list > li .pcl-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.pre-con-list .hide-list > li .link-box .tit {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  font-size: 18px;
}
.pre-con-list .hide-list > li .link-box .rec:first-child {
  margin-left: 7px;
}
.pre-con-list .hide-list > li .data-line {
  display: block;
}

.brand-info {
  padding-bottom: 56px !important;
}
.brand-info .bd-logo {
  position: absolute;
  right: 0;
  top: -14px;
  display: block;
  width: 240px;
  height: 240px;
  padding: 82px 70px 83px;
  border-radius: 120px;
  background-color: #f6f8f9;
}
.brand-info .bd-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.brand-info .link-box {
  margin-top: 40px;
}
.brand-info .area-btn {
  margin-top: 30px;
}
.brand-info .area-btn .btn-m {
  width: 115px;
}

.brand-list-area {
  padding-bottom: 44px;
}
.brand-list-area .brand-tit {
  margin-bottom: 26px;
}
.brand-list-area .brand-tit .link-arrow {
  margin: 5px 0 0 30px;
}

.brand-car-list {
  overflow: hidden;
  padding-bottom: 56px;
}
.brand-car-list .hide-list {
  overflow: hidden;
  margin: -20px 0 0 -20px;
}
.brand-car-list .hide-list .link-car {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 170px;
  height: 128px;
  padding-top: 26px;
  margin: 20px 0 0 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
}
.brand-car-list .hide-list .link-car .img {
  display: block;
  height: 56px;
  padding: 0 32px;
}
.brand-car-list .hide-list .link-car .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.brand-car-list .hide-list .link-car .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  display: block;
  text-align: center;
  padding: 0 5px;
  margin-top: 9px;
  line-height: 22px;
  font-size: 16px;
}

.recall-area {
  position: relative;
  padding: 56px 10px 60px 300px;
  margin-bottom: 270px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.recall-area .tit {
  position: absolute;
  left: 0px;
  top: 56px;
  display: inline-block;
  vertical-align: top;
  width: 280px;
  line-height: 24px;
  font-size: 18px;
}
.recall-area .con .txt {
  line-height: 24px;
  font-size: 16px;
  color: #666;
}
.recall-area .con .ft-list {
  margin-top: 23px;
}
.recall-area .con .area-btn {
  margin-top: 35px;
}
.recall-area .con .area-btn .btn-m {
  width: 150px;
}

.ch-car-name {
  margin-top: 4px;
  line-height: 40px;
  font-size: 30px;
  font-weight: 500;
}

.ch-car-data {
  overflow: hidden;
  margin: 13px 0 22px;
}
.ch-car-data .cd-left {
  float: left;
}
.ch-car-data .cd-left .data-line > span {
  color: #666;
}
.ch-car-data .cd-right {
  float: right;
}
.ch-car-data .cd-right .txt-ho {
  display: inline-block;
  line-height: 24px;
  font-weight: 300;
}

.ch-car-txt {
  line-height: 24px;
  margin: 13px 0 25px;
  color: #666;
}

.ch-tb {
  overflow: hidden;
}
.ch-tb .b-left {
  float: left;
  width: 420px;
}
.ch-tb .b-right {
  float: right;
  width: 420px;
}

.ch-pic {
  margin-top: 15px;
}
.ch-pic .pic-box {
  overflow: hidden;
  margin-bottom: 35px;
}
.ch-pic .pic-box .b-left {
  float: left;
  width: 435px;
}
.ch-pic .pic-box .b-right {
  float: right;
  width: 435px;
}
.ch-pic .pic-box .b-left,
.ch-pic .pic-box .b-right {
  overflow: hidden;
  border-radius: 8px;
}
.ch-pic .pic-box .b-left img,
.ch-pic .pic-box .b-right img {
  width: 100%;
  height: auto;
}

.ch-sign {
  margin-top: 35px;
  padding: 33px 0 26px;
  border-top: 1px solid #ddd;
}
.ch-sign .line {
  overflow: hidden;
  margin-top: 23px;
}
.ch-sign .line .tit {
  float: left;
  line-height: 24px;
  margin-top: 6px;
  font-size: 16px;
  color: #666;
}
.ch-sign .line .txt {
  float: right;
  line-height: 30px;
  font-size: 24px;
}
.ch-sign .line .txt .sign {
  display: inline-block;
  line-height: 24px;
  margin: 6px 0 0 30px;
  font-size: 18px;
}
.ch-sign .date {
  text-align: center;
  line-height: 24px;
  margin-top: 53px;
  font-size: 18px;
}

.ch-none {
  position: relative;
  margin-top: 26px;
  padding-top: 326px;
  border-top: 1px solid #ddd;
  height: 400px;
}
.ch-none:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 60px;
  display: block;
  width: 240px;
  height: 239px;
  margin-left: -120px;
  background: url("../images/sub/img_empty.png") no-repeat;
}
.ch-none .txt {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
}

.ch-img img {
  display: block;
  max-width: 100%;
  height: auto;
}

.acd-box01 {
  border-top: 1px solid #ddd;
}
.acd-box01 .pu2-tit01 {
  margin-top: 26px;
}

.acd-box02 {
  margin-top: 28px;
  border-top: 1px solid #ddd;
}
.acd-box02 .pu2-tit01 {
  margin-top: 26px;
}
.acd-box02 .box-line {
  margin: 15px 0 25px;
  padding: 15px;
  border: 1px solid #ddd;
}
.acd-box02 .box-line .tit {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
}
.acd-box02 .box-line .date {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}

.acd-box03 {
  margin-top: 25px;
  border-top: 1px solid #ddd;
}
.acd-box03 .pu2-tit01 {
  margin-top: 26px;
}
.acd-box03 .mlg-box {
  overflow: hidden;
  margin-top: 26px;
}
.acd-box03 .mlg-box .b-left {
  float: left;
  width: 420px;
}
.acd-box03 .mlg-box .b-right {
  float: right;
  width: 420px;
}
.acd-box03 .mlg-box .bt-box {
  position: relative;
  padding: 47px 0 0 190px;
}
.acd-box03 .mlg-box .bt-box:after {
  content: "";
  position: absolute;
  left: 53px;
  top: 50px;
  display: block;
  width: 112px;
  height: 82px;
  background: url("../images/sub/buy-bg.png") no-repeat -363px -250px;
}
.acd-box03 .mlg-box .bt-box .tit {
  display: block;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: 500;
}
.acd-box03 .mlg-box .bt-box .txt {
  display: block;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #336fc9;
}

.acd-box04 {
  margin-top: 40px;
  border-top: 1px solid #ddd;
}
.acd-box04 .pu2-tit01 {
  margin-top: 26px;
}

.acd-qk-list {
  overflow: hidden;
  margin-top: 15px;
}
.acd-qk-list .hide-list {
  overflow: hidden;
  margin: -10px 0 0 -10px;
}
.acd-qk-list .hide-list li {
  float: left;
  position: relative;
  width: 212px;
  height: 133px;
  padding-top: 74px;
  margin: 10px 0 0 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.acd-qk-list .hide-list li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 18px;
  display: block;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  background: url("../images/sub/buy-bg.png") no-repeat left -250px;
}
.acd-qk-list .hide-list li.bg02:after {
  background-position: -48px -250px;
}
.acd-qk-list .hide-list li.bg03:after {
  background-position: -96px -250px;
}
.acd-qk-list .hide-list li.bg04:after {
  background-position: -144px -250px;
}
.acd-qk-list .hide-list li.bg05:after {
  background-position: left -298px;
}
.acd-qk-list .hide-list li.bg06:after {
  background-position: -48px -298px;
}
.acd-qk-list .hide-list li.bg07:after {
  background-position: -96px -298px;
}
.acd-qk-list .hide-list li.bg08:after {
  background-position: -144px -298px;
}
.acd-qk-list .hide-list li.bg09:after {
  background-position: left -346px;
}
.acd-qk-list .hide-list li.bg10:after {
  background-position: -48px -346px;
}
.acd-qk-list .hide-list li.bg11:after {
  background-position: -96px -346px;
}
.acd-qk-list .hide-list li .tit {
  display: block;
  text-align: center;
  line-height: 24px;
}
.acd-qk-list .hide-list li .txt {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
}
.acd-qk-list.tp02 li {
  width: 168px;
}

.wk-txt {
  line-height: 24px;
  padding-left: 10px;
  margin-top: 24px;
  font-weight: 300;
  color: #999;
}
.wk-txt .cor-black {
  display: inline-block;
  line-height: 24px;
  font-weight: 500;
}

.fix-tit-container {
  display: none;
  position: fixed;
  top: 40px;
  right: 0;
  left: 0;
  padding-left: 190px;
  padding-right: 30px;
  z-index: 5;
}
@media (min-width: 1441px) {
  .fix-tit-container {
    padding-left: 220px;
    padding-right: 60px;
  }
}

.fix-tit-area {
  position: relative;
  min-width: 470px;
  border: 1px solid #ddd;
  margin-left: 440px;
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.fix-tit-area .tit-justify .car-name {
  width: 450px;
  font-size: 18px;
  margin: 0 0 3px;
}
.fix-tit-area .tit-justify .txt-info {
  overflow: hidden;
}
.fix-tit-area .tit-justify .txt-info span {
  position: relative;
  margin-right: 15px;
  color: #999;
  font-size: 14px;
}
.fix-tit-area .tit-justify .txt-info span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #999;
}
.fix-tit-area .tit-justify .right-btm {
  margin-top: 20px;
}
.fix-tit-area .tit-justify .right-btm a {
  display: inline-block;
  margin-right: 3px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 13px;
  overflow: hidden;
  line-height: 40px;
  color: #222;
}
.fix-tit-area .tit-justify .right-btm a.yellow {
  background: #fcaf17;
  border-color: #fcaf17;
  color: #fff;
}
.fix-tit-area .tit-justify .right-btm a.blue {
  background: #336fc9;
  border-color: #336fc9;
  color: #fff;
}
.fix-tit-area .list-info {
  display: none;
  position: relative;
  margin-top: 30px;
}
.fix-tit-area .list-info .list:after {
  content: "";
  clear: both;
  display: block;
}
.fix-tit-area .list-info .list dl {
  float: left;
  margin-right: 30px;
}
.fix-tit-area .list-info .list dt {
  font-size: 16px;
  color: #999;
}
.fix-tit-area .list-info .list dt span {
  display: inline-block;
  height: 26px;
  border: 1px solid #222;
  border-radius: 26px;
  padding: 0 10px;
  line-height: 25px;
}
.fix-tit-area .list-info .list dt span.blue {
  color: #2666c6;
  border-color: #2666c6;
}
.fix-tit-area .list-info .list dt span.red {
  color: #fd665c;
  border-color: #fd665c;
}
.fix-tit-area .list-info .list dd strong {
  color: #222;
  font-size: 24px;
  font-weight: bold;
}
.fix-tit-area .list-info .list dd span {
  color: #999;
  text-decoration: line-through;
  font-size: 16px;
}
.fix-tit-area .list-info .list dd .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #fd665c;
  margin-left: 5px;
  height: 26px;
  border-radius: 26px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
  text-decoration: none;
}
.fix-tit-area .list-info .link {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.fix-tit-area .list-info .link .calculation {
  position: relative;
  margin-left: 20px;
  padding: 0 0 0 34px;
  color: #2666c6;
}
.fix-tit-area .list-info .link .calculation:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 24px;
  background: #fff url("../images/common/sprite.png?v=20200401") no-repeat -33px -665px;
}
.fix-tit-area .list-info .link .calculation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
.fix-tit-area .tel-num {
  position: absolute;
  right: 23px;
  top: 80px;
  font-size: 20px;
  color: #2666c6;
}
.fix-tit-area .tel-num:after {
  content: "";
  position: absolute;
  left: -25px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}

.car-brand .cmm-total-ck {
  position: relative;
  display: inline-block;
  float: left;
  height: 40px;
  border: 1px solid #ddd;
  margin: 0 5px 10px 0;
  border-radius: 40px;
}
.car-brand .cmm-total-ck:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  background: url("../images/sub/ico_checked.png") no-repeat 50% 50%;
}
.car-brand .cmm-total-ck input[type=checkbox] {
  width: 0;
  height: 0;
}
.car-brand .cmm-total-ck label {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  padding: 0 20px 0 50px;
  z-index: 1;
}
.car-brand .cmm-total-ck.on {
  border-color: #336fc9;
}

.grade-star .cmm-brand-list li label {
  width: 155px;
}

.cmm-brand-list:after {
  content: "";
  clear: both;
  display: block;
}
.cmm-brand-list li {
  float: left;
  height: 40px;
  margin: 0 5px 10px 0 !important;
  border-radius: 40px;
}
.cmm-brand-list li img {
  position: relative;
  top: 7px;
  width: 35px;
  margin-right: 8px;
}
.cmm-brand-list li input[type=checkbox] {
  width: 0;
  height: 0;
}
.cmm-brand-list li label {
  display: inline-block;
  width: 145px;
  height: 38px;
  border: 1px solid #ddd;
  line-height: 38px;
  padding: 0 20px 0 10px;
  cursor: pointer;
  border-radius: 40px;
}
.cmm-brand-list li label span {
  color: #222;
}
.cmm-brand-list li.etc img {
  width: 16px;
  top: 17px;
}
.cmm-brand-list li .star-area {
  margin: 9px 0 0;
}
.cmm-brand-list li .star-area strong.tit {
  top: 1px;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
  width: 60px;
}
.cmm-brand-list li input[type=checkbox]:checked + label {
  border-color: #336fc9;
}

.cmm-rating-total,
.cmm-fix-total {
  float: left;
  margin-right: 3px;
}
.cmm-rating-total label,
.cmm-fix-total label {
  position: relative;
  display: inline-block;
  width: 184px;
  height: 40px;
  line-height: 38px;
  border-radius: 50px;
  padding: 0 15px 0 70px;
  line-height: 38px;
  border: 1px solid #ddd;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-rating-total label:after,
.cmm-fix-total label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  background: url("../images/sub/ico_checked.png") no-repeat 50% 50%;
}
.cmm-rating-total input[type=checkbox]:checked + label,
.cmm-fix-total input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background-color: #2666c6;
  color: #fff;
}
.cmm-rating-total input[type=checkbox]:checked + label:after,
.cmm-fix-total input[type=checkbox]:checked + label:after {
  background: url("../images/sub/ico_checked_on.png") no-repeat 50% 50%;
}

.cmm-fix-total label {
  width: 110px;
  height: 36px;
  padding: 0 0 0 38px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
}
.cmm-fix-total label:after {
  height: 36px;
}

.layer-model.with-reason .cmm-brand-list li {
  position: relative;
  width: 184px;
  border: 0;
}
.layer-model.with-reason .cmm-brand-list li label {
  position: absolute;
  top: 0;
  width: 184px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 10px 0 0 13px;
  border-radius: 40px;
}
.layer-model.with-reason .cmm-brand-list li .star-area {
  margin: 0;
}
.layer-model.with-reason .cmm-brand-list li input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background-color: #2666c6;
}
.layer-model.with-reason .cmm-brand-list li input[type=checkbox]:checked + label strong {
  color: #fff;
}

.layer-model .other-list .cmm-brand-list li {
  border: 0;
  height: 36px;
  margin: 0 3px 10px 0 !important;
}
.layer-model .other-list .cmm-brand-list li label {
  display: inline-block;
  min-width: 84px;
  width: 84px;
  height: 36px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 18px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 34px;
}
.layer-model .other-list .cmm-brand-list li label span {
  color: #666;
}
.layer-model .other-list .cmm-brand-list li input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background-color: #2666c6;
}
.layer-model .other-list .cmm-brand-list li input[type=checkbox]:checked + label span {
  color: #fff;
}
.layer-model .other-list .cmm-brand-list li.on {
  background: none;
  border-color: none;
}

.layer-model .color-sel .cmm-cor-total,
.manu-content .color-sel .cmm-cor-total {
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 5px;
}
.layer-model .color-sel .cmm-cor-total label,
.manu-content .color-sel .cmm-cor-total label {
  position: absolute;
  top: 0;
  display: block;
  width: 80px;
  height: 80px;
  padding: 28px 0 0;
  background: url("../images/sub/bg_rainbow.png") no-repeat;
  border-radius: 80px;
  overflow: hidden;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-model .color-sel .cmm-cor-total input[type=checkbox]:checked + label,
.manu-content .color-sel .cmm-cor-total input[type=checkbox]:checked + label {
  padding: 42px 0 0;
  background: url("../images/sub/bg_rainbow.png") no-repeat 0 -80px;
}
.layer-model .color-sel .cmm-brand-list li,
.manu-content .color-sel .cmm-brand-list li {
  position: relative;
  width: 80px;
  height: 80px;
  border: 0;
}
.layer-model .color-sel .cmm-brand-list li.on,
.manu-content .color-sel .cmm-brand-list li.on {
  background: none;
  border-color: 0;
}
.layer-model .color-sel .cmm-brand-list li label,
.manu-content .color-sel .cmm-brand-list li label {
  position: absolute;
  top: 0;
  display: block;
  min-width: 80px;
  width: 100%;
  height: 80px;
  padding: 20px 0 0;
  border: 1px solid #ddd;
  border-radius: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-model .color-sel .cmm-brand-list li label.col-black,
.manu-content .color-sel .cmm-brand-list li label.col-black {
  border-color: #000;
  background: #000;
}
.layer-model .color-sel .cmm-brand-list li label.col-black span,
.manu-content .color-sel .cmm-brand-list li label.col-black span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-white,
.manu-content .color-sel .cmm-brand-list li label.col-white {
  border-color: #ddd;
  background: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-white span,
.manu-content .color-sel .cmm-brand-list li label.col-white span {
  color: #000;
}
.layer-model .color-sel .cmm-brand-list li label.col-silver,
.manu-content .color-sel .cmm-brand-list li label.col-silver {
  border-color: #f0f0f0;
  background: #f0f0f0;
}
.layer-model .color-sel .cmm-brand-list li label.col-silver span,
.manu-content .color-sel .cmm-brand-list li label.col-silver span {
  color: #000;
}
.layer-model .color-sel .cmm-brand-list li label.col-gray,
.manu-content .color-sel .cmm-brand-list li label.col-gray {
  border-color: #bcbcbc;
  background: #bcbcbc;
}
.layer-model .color-sel .cmm-brand-list li label.col-gray span,
.manu-content .color-sel .cmm-brand-list li label.col-gray span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-pearl,
.manu-content .color-sel .cmm-brand-list li label.col-pearl {
  border-color: #ddd;
  background: #fefff9;
}
.layer-model .color-sel .cmm-brand-list li label.col-pearl span,
.manu-content .color-sel .cmm-brand-list li label.col-pearl span {
  color: #000;
}
.layer-model .color-sel .cmm-brand-list li label.col-red,
.manu-content .color-sel .cmm-brand-list li label.col-red {
  border-color: #eb2a2a;
  background: #eb2a2a;
}
.layer-model .color-sel .cmm-brand-list li label.col-red span,
.manu-content .color-sel .cmm-brand-list li label.col-red span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-orange,
.manu-content .color-sel .cmm-brand-list li label.col-orange {
  border-color: #e46600;
  background: #e46600;
}
.layer-model .color-sel .cmm-brand-list li label.col-orange span,
.manu-content .color-sel .cmm-brand-list li label.col-orange span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-yellow,
.manu-content .color-sel .cmm-brand-list li label.col-yellow {
  border-color: #ffd800;
  background: #ffd800;
}
.layer-model .color-sel .cmm-brand-list li label.col-yellow span,
.manu-content .color-sel .cmm-brand-list li label.col-yellow span {
  color: #000;
}
.layer-model .color-sel .cmm-brand-list li label.col-brown,
.manu-content .color-sel .cmm-brand-list li label.col-brown {
  border-color: #a84200;
  background: #a84200;
}
.layer-model .color-sel .cmm-brand-list li label.col-brown span,
.manu-content .color-sel .cmm-brand-list li label.col-brown span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-green,
.manu-content .color-sel .cmm-brand-list li label.col-green {
  border-color: #009944;
  background: #009944;
}
.layer-model .color-sel .cmm-brand-list li label.col-green span,
.manu-content .color-sel .cmm-brand-list li label.col-green span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-blue,
.manu-content .color-sel .cmm-brand-list li label.col-blue {
  border-color: #324df4;
  background: #324df4;
}
.layer-model .color-sel .cmm-brand-list li label.col-blue span,
.manu-content .color-sel .cmm-brand-list li label.col-blue span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li label.col-purple,
.manu-content .color-sel .cmm-brand-list li label.col-purple {
  border-color: #9e32b1;
  background: #9e32b1;
}
.layer-model .color-sel .cmm-brand-list li label.col-purple span,
.manu-content .color-sel .cmm-brand-list li label.col-purple span {
  color: #fff;
}
.layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label {
  padding: 32px 0 0;
}
.layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: url("../images/sub/icon_check.png") no-repeat;
}
.layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-white:after, .layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-silver:after, .layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-pearl:after, .layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-yellow:after, .layer-model .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-whith:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-white:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-silver:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-pearl:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-yellow:after,
.manu-content .color-sel .cmm-brand-list li input[type=checkbox]:checked + label.col-whith:after {
  background: url("../images/sub/icon_check.png") no-repeat 0 -80px;
}

.layer-model .other-list-w .cmm-total-ck,
.manu-content .other-list-w .cmm-total-ck {
  float: left;
}
.layer-model .other-list-w .cmm-total-ck label,
.manu-content .other-list-w .cmm-total-ck label {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 36px;
  padding: 0 0 0 38px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 36px;
  color: #666;
  border-radius: 40px;
}
.layer-model .other-list-w .cmm-total-ck label:after,
.manu-content .other-list-w .cmm-total-ck label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 36px;
  background: url("../images/sub/ico_checked.png") no-repeat 50% 50%;
}
.layer-model .other-list-w .cmm-total-ck input[type=checkbox]:checked + label,
.manu-content .other-list-w .cmm-total-ck input[type=checkbox]:checked + label {
  border-color: #2666c6;
  background-color: #2666c6;
  color: #fff;
}
.layer-model .other-list-w .cmm-total-ck input[type=checkbox]:checked + label:after,
.manu-content .other-list-w .cmm-total-ck input[type=checkbox]:checked + label:after {
  background: url("../images/sub/ico_checked_on.png") no-repeat 50% 50%;
}
.layer-model .other-list-w .cmm-brand-list li label,
.manu-content .other-list-w .cmm-brand-list li label {
  width: auto;
  padding: 0 10px;
}

.cmm-area-select:after {
  content: "";
  clear: both;
  display: block;
}
.cmm-area-select .cmm-total-ck {
  position: relative;
  float: left;
  margin-right: 5px;
}
.cmm-area-select .cmm-total-ck label {
  position: relative;
  display: inline-block;
  min-width: 145px;
  height: 38px;
  border: 1px solid #ddd;
  line-height: 38px;
  padding: 0 0 0 34px;
  cursor: pointer;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-area-select .cmm-total-ck label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 40px;
  background: url("../images/sub/ico_checked.png") no-repeat 10px 50%;
}
.cmm-area-select .cmm-total-ck input[type=checkbox]:checked + label {
  border-color: #336fc9;
  background-color: #336fc9;
  color: #fff;
}
.cmm-area-select .cmm-total-ck input[type=checkbox]:checked + label:after {
  background: url("../images/sub/ico_checked_on.png") no-repeat 10px 50%;
}
.cmm-area-select .cmm-brand-list {
  margin: 0 !important;
}
.cmm-area-select .cmm-brand-list li {
  margin: 0 5px 10px 0 !important;
}
.cmm-area-select .cmm-brand-list li label {
  padding: 0 0 0 10px;
  min-width: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 36px;
}
.cmm-area-select .cmm-brand-list li input[type=checkbox]:checked + label {
  background-color: #336fc9;
  color: #fff;
}
.cmm-area-select .cmm-brand-list li input[type=checkbox]:checked + label span {
  color: #fff;
}

.cmm-details-area {
  display: none;
  position: relative;
}
.cmm-details-area:before {
  content: "";
  position: absolute;
  left: 333px;
  top: 0px;
  width: 1px;
  height: 390px;
  background: #ddd;
}
.cmm-details-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-details-area > div {
  float: left;
}
.cmm-details-area .cmm-area-select {
  width: 350px;
}
.cmm-details-area .cmm-area-select li label {
  padding: 0;
  text-align: center;
}
.cmm-details-area .cmm-details {
  width: 570px;
  height: 255px;
}
.cmm-details-area .cmm-details .cmm-area-total {
  margin-bottom: 10px;
}
.cmm-details-area .cmm-details ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-details-area .cmm-details li {
  float: left;
  width: 270px;
  margin-bottom: 10px;
}
.cmm-details-area .cmm-details li span {
  font-size: 15px;
}
.cmm-details-area .cmm-details .select-bor {
  padding: 20px 0 10px;
  border-top: 1px solid #ddd;
}
.cmm-details-area .cmm-details .select-bor:nth-child(1) {
  border-top: 0;
  padding: 0 0 10px;
}
.cmm-details-area .cmm-details .no-select {
  height: 100%;
  line-height: 245px;
  text-align: center;
}

.product-link {
  overflow: hidden;
  margin: -20px 0 55px -20px;
}
.product-link > li {
  float: left;
  margin: 20px 0 0 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.product-link > li a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 440px;
  padding: 25px 29px;
}
.product-link > li a:after {
  content: "";
  position: absolute;
  right: 29px;
  top: 34px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -295px -30px;
  width: 17px;
  height: 12px;
}
.product-link > li a .tit {
  display: block;
  line-height: 30px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 500;
}
.product-link > li a .txt {
  line-height: 24px;
  margin-top: 10px;
  font-size: 16px;
}
.product-link > li a .txt .cor-blue {
  font-weight: 500;
}
.product-link > li a .txt-list {
  overflow: hidden;
  margin-top: 20px;
}
.product-link > li a .txt-list dl {
  float: left;
}
.product-link > li a .txt-list dl + dl {
  margin-left: 50px;
}
.product-link > li a .txt-list dl > * {
  line-height: 24px;
  font-size: 16px;
}
.product-link > li a .txt-list dl dt {
  color: #999;
}

.layer-youtube {
  display: none;
  position: absolute;
  top: 150px;
  left: 0;
  height: 495px;
  background: #2f2f2f;
  border-radius: 30px;
  z-index: 3;
}
.layer-youtube .tit-area {
  height: 73px;
  padding: 15px 0 0 32px;
}
.layer-youtube .tit-area h1 {
  color: #fff;
  font-size: 24px;
}
.layer-youtube .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -600px;
  width: 20px;
  height: 20px;
  text-indent: -999em;
  font-size: 0;
  overflow: hidden;
}

.theme-sel-btn {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.theme-sel-btn .cmm-sel {
  float: left;
  width: 250px;
}
.theme-sel-btn .cmm-btn-tag {
  padding: 0 0 0 250px;
}
.theme-sel-btn .cmm-btn-tag .ck-item {
  margin: 0 6px 10px 0;
}

.cmm-box-select {
  position: absolute;
  top: 235px;
  right: 20px;
}
.cmm-box-select .btn-recent-search {
  position: relative;
  display: inline-block;
  height: 38px;
  line-height: 36px;
  border: 1px solid #ddd;
  border-radius: 36px;
  width: 270px;
  color: #222;
  padding: 0 30px 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-align: left;
}
.cmm-box-select .btn-recent-search:after {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 16px;
  height: 10px;
  background: url("../images/sub/bg_arraw.png") no-repeat 0 0;
  content: "";
}
.cmm-box-select .cmm-search-list {
  display: none;
  position: absolute;
  right: 0;
  top: 48px;
  width: 390px;
  height: 230px;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 30px 20px 30px 30px;
  -webkit-box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.2);
  background: #fff;
  z-index: 3;
}
.cmm-box-select .cmm-search-list .ds-scroll {
  height: 110px;
}
.cmm-box-select .cmm-search-list .btn-reset {
  position: relative;
  height: 24px;
  font-size: 16px;
  margin-bottom: 43px;
  padding: 0 0 0 34px;
}
.cmm-box-select .cmm-search-list .btn-reset:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/btn_reflsh.png") no-repeat;
}
.cmm-box-select .cmm-search-list li {
  position: relative;
  margin-bottom: 20px;
}
.cmm-box-select .cmm-search-list li a {
  color: #666;
}
.cmm-box-select .cmm-search-list li .btn-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #efefef;
  border-radius: 20px;
  overflow: hidden;
}
.cmm-box-select .cmm-search-list li .btn-del:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}

.esti-list-cnt {
  display: none;
  border-top: 1px solid #ddd;
  margin-top: 45px;
  padding: 30px 0 0;
}
.esti-list-cnt .cmm-esti-op strong {
  display: block;
  margin: 10px 0 35px;
  font-weight: bold;
  font-size: 16px;
}
.esti-list-cnt .cmm-esti-op ul {
  margin-left: -90px;
}
.esti-list-cnt .cmm-esti-op ul:after {
  content: "";
  clear: both;
  display: block;
}
.esti-list-cnt .cmm-esti-op ul li {
  position: relative;
  float: left;
  width: 310px;
  margin: 0 0 30px 90px;
  padding: 0 100px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esti-list-cnt .cmm-esti-op ul li > div {
  padding: 2px 0 0;
}
.esti-list-cnt .cmm-esti-op ul li span {
  display: block;
}
.esti-list-cnt .cmm-esti-op ul li .price {
  color: #999;
}
.esti-list-cnt .cmm-esti-op ul li .btn-m.w100 {
  position: absolute;
  right: 0;
  top: 0;
}

.txt-indent {
  margin-top: 5px;
  padding: 0 0 0 55px;
  text-indent: -55px;
}

.num-indent {
  margin-top: 10px;
}
.num-indent li {
  margin-top: 2px;
  padding: 0 0 0 15px;
  text-indent: -14px;
}

.cmm-guidance {
  margin-top: 30px;
}
.cmm-guidance dt {
  position: relative;
  padding: 0 0 0 30px;
}
.cmm-guidance dt:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -403px;
  width: 18px;
  height: 18px;
}
.cmm-guidance dd {
  padding: 5px 0 0 30px;
  line-height: 1.5;
}

.cou-photo-area {
  position: relative;
  margin: 35px 0 0;
  padding: 0 0 10px 70px;
}
.cou-photo-area .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
}
.cou-photo-area .photo img {
  width: 100%;
  height: 100%;
}
.cou-photo-area .txt {
  padding: 10px 0 0;
}
.cou-photo-area .txt > * {
  display: block;
}
.cou-photo-area .txt job {
  color: #666;
}
.cou-photo-area .txt .name {
  font-size: 18px;
  font-weight: bold;
}

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

.txt-lease {
  color: #000;
  margin-right: 5px;
}

/* 모델명검색결과 */
.car-info-area .textTip {
  color: #666;
  font-size: 16px;
  margin-top: 20px;
}
.car-info-area > .right {
  margin: 50px 0 0;
}
.car-info-area > .right .option-list {
  top: 0;
}

.thisMonthSale {
  margin-bottom: 56px;
  padding: 0 0 45px;
  border-bottom: 1px solid #ddd;
}
.thisMonthSale .titleArea {
  margin-bottom: 40px;
}
.thisMonthSale .titleArea .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.thisMonthSale h3.title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 17px;
}
.thisMonthSale__modelInfo {
  overflow: hidden;
}
.thisMonthSale__modelInfo__item {
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
.thisMonthSale__modelInfo__item .image {
  float: left;
  width: 144px;
  height: 108px;
  border-radius: 6px;
  overflow: hidden;
}
.thisMonthSale__modelInfo__item .image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.thisMonthSale__modelInfo__item .text {
  width: 500px;
  padding: 0 0 0 170px;
}
.thisMonthSale__modelInfo__item .text > * {
  display: block;
}
.thisMonthSale__modelInfo__item .text .carName {
  margin-bottom: 15px;
  font-size: 16px;
}
.thisMonthSale__modelInfo__item .text .sale {
  font-size: 18px;
  font-weight: 600;
}
.thisMonthSale__common ul li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 8px;
  font-size: 14px;
  color: #666;
}
.thisMonthSale__common ul li:after {
  content: "·";
  position: absolute;
  left: -5px;
  top: -4px;
  color: #666;
  font-size: 20px;
}

.modelNewCarPrice {
  border-bottom: 1px solid #ddd;
  margin-bottom: 56px;
  padding: 0 0 55px;
  overflow: hidden;
}
.modelNewCarPrice .titleArea {
  margin-bottom: 40px;
}
.modelNewCarPrice .titleArea .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.modelNewCarPrice .titleArea .title .btn-info {
  position: relative;
  top: 5px;
}
.modelNewCarPrice__info {
  float: left;
  width: 300px;
  margin: 0 200px 20px 0;
}
.modelNewCarPrice__info__price {
  color: #2666c6;
  font-size: 30px;
}
.modelNewCarPrice__info .total-sel {
  margin-bottom: 25px;
}
.modelNewCarPrice__info .total-sel > a {
  margin-left: 5px;
}
.modelNewCarPrice__info .total-sel .cor-blue {
  font-size: 30px;
  vertical-align: middle;
}
.modelNewCarPrice__info .total-sel .btn-notice {
  vertical-align: middle;
  margin-left: 10px;
}
.modelNewCarPrice__info .total-sel .current-txt {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 18px;
}
.modelNewCarPrice__info .detail-sel {
  margin-bottom: 5px;
}
.modelNewCarPrice__info .detail-sel dt {
  float: left;
  width: 155px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.modelNewCarPrice__info .detail-sel dd {
  padding-left: 155px;
  vertical-align: middle;
  text-align: right;
}
.modelNewCarPrice__info .detail-sel dd .round-box {
  vertical-align: middle;
  margin-right: 10px;
}
.modelNewCarPrice__info .detail-sel dd strong {
  vertical-align: middle;
  font-size: 24px;
}

/* 2020..02.03 */
.postionRelative .cmm-top-area,
.postionRelative .common-top-area {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.postionRelative .cmm-sub-content,
.postionRelative .cw1400 .cmm-sub-content,
.postionRelative .common-sub-content,
.postionRelative .cw1400 .common-sub-content {
  padding: 35px 0 0 0 !important;
}

.newCarPrice {
  padding: 11px 0 0;
  color: #fff;
}
.newCarPrice > * {
  display: block;
}
.newCarPrice__title {
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
}
.newCarPrice__price {
  font-size: 36px;
}
.newCarPrice__text {
  padding-top: 40px !important;
  font-size: 14px !important;
  color: #a5bed6 !important;
  font-weight: normal !important;
}

.current-quote .cmm-sub-tit .btn-info {
  position: relative;
  top: 7px;
}
.current-quote .carInfo {
  color: #999999;
}
.current-quote .carInfo span {
  position: relative;
  color: #999999;
  margin-left: 22px;
}
.current-quote .carInfo span:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #999;
}
.current-quote .carInfo span:first-child {
  margin-left: 0;
}
.current-quote .carInfo span:first-child:after {
  display: none;
}

.searchArea:after {
  content: "";
  clear: both;
  display: block;
}
.searchArea__content {
  float: left;
  width: 250px;
}
.searchArea__content__tab {
  position: relative;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
}
.searchArea__content__tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.searchArea__content__tab ul {
  overflow: hidden;
  padding: 0 15px;
}
.searchArea__content__tab ul li {
  float: left;
  width: 33.333%;
}
.searchArea__content__tab ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 74px;
  line-height: 73px;
  font-size: 18px;
  text-align: center;
}
.searchArea__content__tab ul li.on a {
  font-weight: 700;
}
.searchArea__content__tab ul li.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000;
  z-index: 2;
}
.searchArea__content__info .searchAreaTabContent {
  position: relative;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 15px 15px;
}
.searchArea__content__info .searchAreaTabContent .initialize {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 18px 15px 12px;
}
.searchArea__content__info .searchAreaTabContent .initialize button {
  position: relative;
  padding: 3px 0 3px 30px;
  background: url("../images/sub/btn_reflsh.png") no-repeat left top;
}
.searchArea__content__info .searchAreaTabContent .initialize button span {
  font-size: 14px;
}
.searchArea__content__info .searchAreaTabContent .initialize .recentSearch {
  position: absolute;
  right: 15px;
  top: 18px;
  padding: 3px 0 3px 30px;
  background: url("../images/sub/icon_search.png") no-repeat left top;
}
.searchArea__content__info .searchAreaTabContent .initialize .recentSearch span {
  font-size: 14px;
}
.searchArea__content__info .searchAreaTabContent .initialize div {
  font-size: 34px;
  text-align: right;
  padding: 5px 0 0;
}
.searchArea__content__info .searchAreaTabContent .initialize div span {
  font-size: 34px;
  color: #2666c6;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item {
  position: relative;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide h3.title {
  position: relative;
  display: block;
  line-height: 1;
  padding: 21px 0 21px 15px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide .checkList {
  display: block !important;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model {
  padding: 5px 0 10px 5px;
  font-size: 14px;
  color: #999;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model .name {
  display: block;
  margin: 10px 0 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model:after {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model .checkList__model__title {
  padding: 5px 0 0 14px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item h3.title a {
  position: relative;
  display: block;
  line-height: 1;
  padding: 21px 0 21px 15px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item h3.title a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 16px;
  height: 10px;
  background: url("../images/sub/bg_search_arrow.png") no-repeat 0 -9px;
  margin-top: -5px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item h3.title a.on:after {
  background-position: 0 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item h3.title a em {
  color: #2666c6;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList {
  display: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item {
  margin-top: 10px;
  overflow: hidden;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item > .inp-ch, .searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item > .inp-ch-new {
  font-size: 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-ch label > span, .searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-ch-new label > span,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-ch02 label > span,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-rd label > span,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-rd-new label > span,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .inp-ch-r label > span {
  font-size: 14px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .checkButton {
  float: left;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .number {
  float: right;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .number.numberDisabled {
  color: #999 !important;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .color {
  position: relative;
  padding: 0 0 0 28px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .color:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .blackColor:after {
  background-color: #000000;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .blackColor-ty-2:after {
  background-color: #222;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .whiteColor:after {
  background-color: #fff;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .silverColor:after {
  background-color: #f0f0f0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .grayColor:after {
  background-color: #bcbcbc;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .grayColor-ty-2:after {
  background-color: #888;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .pearlColor:after {
  background-color: #bcbcbc;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .redColor:after {
  background-color: #eb2a2a;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .redColor-ty-2:after {
  background-color: #f23f3f;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .orangeColor:after {
  background-color: #e46600;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .orangeColor-ty-2:after {
  background-color: #ff5d16;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .yellowColor:after {
  background-color: #ffd800;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .yellowColor-ty-2:after {
  background-color: #ffd338;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .brownColor:after {
  background-color: #a84200;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .brownColor-ty-2::after {
  background-color: #7d6c59;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .greenColor:after {
  background-color: #009944;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .greenColor-ty-2:after {
  background-color: #00a596;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .blueColor:after {
  background-color: #324df4;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .blueColor-ty-2:after {
  background-color: #287eff;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .purpleColor:after {
  background-color: #9e32b1;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--carType .checkList__item .beigeColor:after {
  background-color: #b0986a;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model {
  padding: 0 0 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .smallTitle {
  line-height: 1;
  background: #f5f5f5;
  font-size: 14px;
  color: #666;
  padding: 13px 0 13px 20px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model > div {
  padding: 5px 0 0 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model > div.scrollHeight {
  padding: 5px 0 0 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model {
  display: none;
  padding: 14px 0 0 13px;
  position: relative;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 5px;
  height: 25px;
  background: url("../images/sub/bg_tree.png") no-repeat left top;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title {
  position: relative;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title a {
  display: inline-block;
  width: 180px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title .btnDel {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title .number {
  position: absolute;
  right: 10px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title.active a {
  width: auto;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title.active .btnDel {
  display: inline-block;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model__title.active .number {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.on .checkList__year {
  display: block;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year {
  display: none;
  padding: 0 10px 0 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem {
  position: relative;
  padding: 14px 0 0 12px;
  overflow: hidden;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .checkButton {
  float: left;
  width: 152px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .number {
  float: right;
  font-size: 12px;
  line-height: 20px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem:first-child:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 25px;
  background: url("../images/sub/bg_tree.png") no-repeat left top;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .listItem {
  clear: both;
  padding: 10px 0 0 12px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .listItem .checkButton {
  width: 135px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model label {
  position: relative;
  padding: 0 0 1px 26px;
  letter-spacing: -0.05em;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model label:before {
  position: absolute;
  left: 0;
  top: 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model label span {
  margin: 0;
  color: #999;
  font-size: 12px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model input[type=checkbox]:checked + label span {
  color: #222;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .btnDel {
  width: 16px;
  height: 16px;
  background: url("../images/sub/icon_del.png") no-repeat;
  margin-left: 5px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .btnDel span {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkListLink span {
  font-size: 14px;
  color: #999;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList .buttonRight {
  position: relative;
  padding: 15px 0 0;
  text-align: right;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer {
  margin-top: 10px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer.hide {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer .btnDel {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title {
  position: relative;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title a {
  display: inline-block;
  width: 150px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title .number {
  position: absolute;
  right: 15px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title.active a {
  width: auto;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title.active .btnDel {
  display: inline-block;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer__title.active .number {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer.on .checkList__model {
  display: block;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .checkList__manufacturer.on .checkList__model__title {
  display: block;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect {
  display: none;
  padding: 15px 12px;
  border-bottom: 1px solid #ddd;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__min-max {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__tilde {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 10px;
  margin: -14px 0 0 -5px;
  line-height: 28px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__min,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__max {
  display: block;
  width: 50%;
  text-align: left;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__min {
  float: left;
  padding-right: 9px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .searchAreaListSelect .searchAreaListSelect__max {
  float: right;
  padding-left: 9px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab {
  padding: 15px 12px 0;
  overflow: hidden;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul {
  content: "";
  position: relative;
  clear: both;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul li {
  float: left;
  width: 50%;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul li.on a {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul li:nth-child(1) a {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .priceTabWrap .priceTab ul li:nth-child(2) a {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput {
  padding: 10px 12px 30px 12px;
  border-bottom: 1px solid #ddd;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .text {
  margin: 10px 0 15px;
  color: #999;
  font-size: 12px;
  line-height: 1.6;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__min-max {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__tilde {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 10px;
  margin: -14px 0 0 -5px;
  line-height: 28px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__min,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__max {
  display: block;
  width: 50%;
  text-align: left;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__min {
  float: left;
  padding-right: 9px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .searchAreaListSelect__max {
  float: right;
  padding-left: 9px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .inp-t {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 35px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .inp-t.inp-money {
  width: 100%;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .inp-t.inp-money .t-txt {
  top: 0;
  right: 8px;
  font-size: 12px;
  line-height: 28px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .loanInput .inp-t input {
  font-size: 14px;
  line-height: 26px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .btnMore {
  height: 26px;
  line-height: 24px;
  padding: 0 10px 1px;
  border: 1px solid #336fc9;
  border-radius: 7px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .btnMore span {
  color: #336fc9;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .layerPop {
  position: absolute;
  top: 19px;
  width: 18px;
  height: 18px;
  background: url("../images/sub/icon_layer.png") no-repeat;
  z-index: 5;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .layerPop span {
  display: none;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .layerPop--service {
  left: 115px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .layerPop--sale {
  left: 80px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item .layerPop--finance {
  left: 80px;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--last h3.title a,
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--last .checkList {
  border-bottom: 0;
}
.searchArea__content__info .searchAreaTabContent .searchAreaList .item--last .checkList {
  border-top: 1px solid #ddd;
}
.searchArea__carList {
  padding: 0 0 0 275px;
}
.searchArea__carList .type-new-banner {
  margin-top: 32px;
}

.csTitleArea {
  margin-bottom: 35px;
}
.csTitleArea h2.title {
  font-size: 24px;
}
.csTitleArea.new-vehicle-head {
  margin-bottom: 16px;
}
.csTitleArea.new-vehicle-head .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.csTitleArea.new-vehicle-head .tip-wrap {
  z-index: 9999;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-btn {
  margin-top: 1px;
  width: 15px;
  height: 15px;
  background: url(../images/icon/ico_popover.svg) no-repeat 0 0;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-box {
  top: 19px;
  left: 0 !important;
  padding: 20px 56px 20px 20px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-box .tip-txt {
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  color: #222;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-close {
  width: 20px;
  height: 20px;
  background: url(../images/icon/ico_popover_close.svg) no-repeat 0 0;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-close::after {
  display: none;
}

.layerMenuArea {
  display: none;
  position: absolute;
  left: 228px;
  top: -250px;
  width: 1000px;
  padding: 24px 24px 32px;
  border: 1px solid #ddd;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  text-align: left;
  z-index: 10;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.layerMenuArea h4.title {
  padding: 0 0 23px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-weight: 300;
  border-bottom: 1px solid #e9e9e9;
}
.layerMenuArea .areaWrap {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 0 0 30px;
}
.layerMenuArea .areaWrap:before {
  content: "";
  position: absolute;
  left: 361px;
  top: 0;
  background: #ddd;
  width: 1px;
  height: 100%;
}
.layerMenuArea .areaWrap:after {
  content: "";
  clear: both;
  display: block;
}
.layerMenuArea .areaWrap__list {
  float: left;
  width: 360px;
  padding: 30px 0 0;
}
.layerMenuArea .areaWrap__list .cmm-brand-list li label {
  width: 100px;
  padding: 0;
  text-align: center;
}
.layerMenuArea .areaWrap .cmm-details {
  float: left;
  width: 558px;
  height: 320px;
  padding: 30px 0 0 30px;
}
.layerMenuArea .areaWrap .cmm-details ul {
  margin-top: 10px;
  overflow: hidden;
}
.layerMenuArea .areaWrap .cmm-details ul li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.layerMenuArea .pop-close {
  position: absolute;
  right: 24px;
  top: 24px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.layerMenuArea .pop-close:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.layerMenuArea .pop-close > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.layerMenuArea .pop-close.tp02 {
  top: -30px;
}
.layerMenuArea .layerMenuArea__option {
  padding: 24px 8px 0;
  overflow: hidden;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 58px;
}
.layerMenuArea .layerMenuArea__option li {
  float: left;
}
.layerMenuArea .layerMenuArea__option dt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.layerMenuArea .layerMenuArea__option dd {
  margin-top: 12px;
}
.layerMenuArea .layerMenuArea__option dd:first-child {
  margin-top: 0;
}
.layerMenuArea .layerMenuArea__option dd .s-title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton {
  position: relative;
  padding: 14px 0 0 15px;
  background: url("../images/sub/bg_dot_line2.png") no-repeat 9px 2px;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd-new,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new {
  vertical-align: top;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd label:before, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd-new label:before,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch label:before,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new label:before {
  width: 16px;
  height: 16px;
  background: url("../images/sub/bg_small_ckrd.png") no-repeat -16px 0;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd label > span, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd-new label > span,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch label > span,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new label > span {
  position: relative;
  top: -3px;
  color: #222;
  margin-left: 5px;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd.checked input + label:before, .layerMenuArea .layerMenuArea__option dd .subAreaButton .checked.inp-rd-new input + label:before,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch.checked input + label:before,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .checked.inp-ch-new input + label:before {
  background-position: 0 0;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd + .inp-rd, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd-new + .inp-rd, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd + .inp-rd-new, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-rd-new + .inp-rd-new,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch + .inp-rd,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new + .inp-rd,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch + .inp-rd-new,
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new + .inp-rd-new {
  margin-left: 5px;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch label:before, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new label:before {
  background-position: -16px -16px;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch.checked input + label:before, .layerMenuArea .layerMenuArea__option dd .subAreaButton .checked.inp-ch-new input + label:before {
  background-position: 0 -16px;
}
.layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch + .inp-ch, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new + .inp-ch, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch + .inp-ch-new, .layerMenuArea .layerMenuArea__option dd .subAreaButton .inp-ch-new + .inp-ch-new {
  margin-left: 5px;
}
.layerMenuArea .layerMenuArea__option dd .inp-ch + .inp-ch, .layerMenuArea .layerMenuArea__option dd .inp-ch-new + .inp-ch, .layerMenuArea .layerMenuArea__option dd .inp-ch + .inp-ch-new, .layerMenuArea .layerMenuArea__option dd .inp-ch-new + .inp-ch-new,
.layerMenuArea .layerMenuArea__option dd .inp-rd + .inp-rd,
.layerMenuArea .layerMenuArea__option dd .inp-rd-new + .inp-rd,
.layerMenuArea .layerMenuArea__option dd .inp-rd + .inp-rd-new,
.layerMenuArea .layerMenuArea__option dd .inp-rd-new + .inp-rd-new {
  margin-left: 0;
}
.layerMenuArea .layerMenuArea__option dd .inp-ch label > span, .layerMenuArea .layerMenuArea__option dd .inp-ch-new label > span,
.layerMenuArea .layerMenuArea__option dd .inp-rd label > span,
.layerMenuArea .layerMenuArea__option dd .inp-rd-new label > span {
  margin-left: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.layerMenuArea .layerMenuArea__option dd .from-col {
  margin-top: 6px;
}
.layerMenuArea .layerMenuArea__option dd .from-col + .from-col {
  margin-top: 12px;
}
.layerMenuArea .inp-rd label > span, .layerMenuArea .inp-rd-new label > span {
  color: #222;
}
.layerMenuArea .optionBtn {
  position: absolute;
  right: 74px;
  top: 28px;
}

.chachachaService dt {
  padding: 25px 0 20px;
  font-size: 16px;
  font-weight: 600;
}

.saleClass {
  padding: 35px 0 0;
}
.saleClass li {
  margin-bottom: 30px;
  padding: 4px 0 0;
}
.saleClass li .title {
  position: relative;
  top: -2px;
  float: left;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 600;
}

.layerLatestSearch {
  display: none;
  position: absolute;
  left: 243px;
  top: 10px;
  width: 980px;
  padding: 36px 30px 30px;
  border: 1px solid #ddd;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  text-align: left;
  z-index: 10;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.layerLatestSearch h3.title {
  display: inline-block;
  font-size: 20px;
  color: #222;
}
.layerLatestSearch .smallText {
  margin-left: 15px;
  color: #999;
}
.layerLatestSearch__info {
  margin: 30px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.layerLatestSearch__info__item .carName {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.layerLatestSearch__info__item .carName .btnDel {
  right: -30px;
  top: 3px;
}
.layerLatestSearch__info__item .infoText {
  padding: 8px 0 30px;
  line-height: 25px;
  overflow: hidden;
}
.layerLatestSearch__info__item .infoText span {
  color: #999;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.layerLatestSearch__info__item .infoText span + span:before {
  content: "";
  position: absolute;
  left: -11px;
  top: 3px;
  width: 1px;
  height: 13px;
  background-color: #999;
}
.layerLatestSearch .btnDel,
.layerLatestSearch .btnClose {
  position: absolute;
  right: 24px;
  top: 24px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.layerLatestSearch .btnDel:after,
.layerLatestSearch .btnClose:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.layerLatestSearch .btnDel > span,
.layerLatestSearch .btnClose > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.recentList {
  min-height: 75px;
  margin-bottom: 25px;
  padding: 15px 0 0;
  border-bottom: 1px solid #ddd;
  text-align: right;
}
.recentList span {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding: 0 25px 7px 0;
}
.recentList span .btnDel {
  position: absolute;
  right: 24px;
  top: 24px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #efefef;
  right: 0 !important;
  top: 1px !important;
}
.recentList span .btnDel:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  background: url("../images/common/form_icon.png") no-repeat;
  background-position: -175px top;
}
.recentList span .btnDel > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.car-info-area .newCarPriceSearch {
  margin: 35px 0 0;
}
.car-info-area .newCarPriceSearch .title {
  position: relative;
  top: -3px;
  font-size: 18px;
  color: #222;
}
.car-info-area .newCarPriceSearch .price {
  margin-left: 10px;
  font-size: 30px;
  font-weight: 700;
  color: #2666c6;
}
.car-info-area .newCarPriceSearch__button {
  margin: 15px 0 25px;
}
.car-info-area .newCarPriceSearch__button a {
  margin-right: 20px;
  padding: 0 16px 0 0;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 98% 4px;
}
.car-info-area .newCarPriceSearch__button a span {
  color: #2666c6;
}

.cmm-ai-safety {
  position: relative;
}
.cmm-ai-safety .cmm-sub-tit .btn-info {
  position: relative;
  top: 7px;
}
.cmm-ai-safety .cmm-price .title {
  font-size: 16px;
}
.cmm-ai-safety .newContrast {
  position: absolute;
  right: 0;
  top: 0;
}
.cmm-ai-safety .newContrast__price {
  display: inline-block;
}
.cmm-ai-safety .newContrast__price span {
  font-size: 16px;
  font-weight: 600;
}
.cmm-ai-safety .newContrast__price strong {
  font-size: 16px;
  font-weight: 600;
  color: #2666c6;
}
.cmm-ai-safety .newContrast__price.first {
  margin-right: 10px;
}
.cmm-ai-safety .newContrast__price.first .btn-info {
  position: relative;
  top: 3px;
}
.cmm-ai-safety .newContrast__price.first * {
  font-size: 20px;
}

.cmm-kb-limit {
  position: relative;
}
.cmm-kb-limit .btnRight {
  position: absolute;
  right: 30px;
  bottom: 30px;
  padding: 0 20px;
}
.cmm-kb-limit .topLow {
  margin-top: 15px;
}
.cmm-kb-limit .topLow .top {
  margin-right: 20px;
  font-size: 18px;
  color: #5a5ea1;
}
.cmm-kb-limit .topLow .top em {
  font-size: 18px;
  color: #2666c6;
  font-weight: 700;
}
.cmm-kb-limit .topLow .low {
  position: relative;
  color: #5a5ea1;
}
.cmm-kb-limit .topLow span + span:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  width: 1px;
  height: 13px;
  background-color: #5a5ea1;
}

.tv-carSel .newCarPriceSearch {
  margin: 25px 0 0;
}
.tv-carSel .newCarPriceSearch .title {
  position: relative;
  top: 0;
  font-size: 18px;
  color: #222;
}
.tv-carSel .newCarPriceSearch .price {
  margin-left: 10px;
  font-size: 30px;
  font-weight: 700;
  color: #2666c6;
}

.by-selling .tit .btn-info {
  position: relative;
  top: 6px;
}

.driving-distance .grap-driving-wrap .top-info .average {
  position: relative;
}
.driving-distance .grap-driving-wrap .top-info .average .btn-s {
  position: absolute;
  right: 0;
}
.driving-distance .grap-driving-wrap .top-info .average .btn-s span {
  font-size: 14px;
}

.inspection-wrap {
  position: relative;
}
.inspection-wrap .btnChange {
  position: absolute;
  right: 100px;
  top: -30px;
}

/* 2020.03.09 */
.themaTitleArea {
  margin-bottom: 60px;
}
.themaTitleArea .carName {
  display: block;
  font-size: 50px;
  margin-bottom: 45px;
  font-weight: 300;
}
.themaTitleArea .text {
  font-size: 18px;
}

.themaTitleArea-diagnosis {
  position: relative;
  border-radius: 20px;
  padding: 43px 0;
  font-size: 0;
}
.themaTitleArea-diagnosis:before {
  display: inline-block;
  height: 218px;
  vertical-align: middle;
}

.themaTitleArea-diagnosis__head {
  display: inline-block;
  vertical-align: middle;
  color: #333;
}
.themaTitleArea-diagnosis__head small {
  display: inline-block;
  font-weight: 500;
  font-size: 44px;
}
.themaTitleArea-diagnosis__head small .emp-color {
  color: #ffcc02;
  font-size: inherit;
  font-weight: bold;
}

.themaTitleArea-diagnosis__head-text {
  font-size: 44px;
  font-weight: bold;
  line-height: 1.25;
}

.themaTitleArea-diagnosis__desc {
  margin-top: 5px;
  color: #333;
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
}

.themaTitleArea-diagnosis__link {
  display: inline-block;
  margin-top: 33px;
  padding: 0 12px;
  border-radius: 5px;
  color: #333;
  font-size: 16px;
  line-height: 42px;
  background: #ffcc00;
}

.themaTitleArea-diagnosis__visual {
  position: absolute;
  right: 38px;
  top: 0px;
  width: 620px;
  height: 281px;
  background: url("../images/sub/theme_visual_diagnosis_new.png") no-repeat;
}

.fix-tit-area .tit-justify .car-name {
  width: 690px;
}
.fix-tit-area .tit-justify .car-name span {
  display: inline-block;
  height: 26px;
  border-radius: 26px;
  margin-left: 5px;
  padding: 0 10px;
  line-height: 25px;
}
.fix-tit-area .tit-justify .car-name span.blue {
  color: #2666c6;
  border: 1px solid #336fc9;
}
.fix-tit-area .tit-justify .car-name span.red {
  color: #fd665c;
  border: 1px solid #fd665c;
}
.fix-tit-area .tit-justify .car-name span.ico-kb {
  padding: 0;
}

.cmm-d-info .dealer-date .telArea {
  float: left;
  padding: 5px 0 0;
}
.cmm-d-info .dealer-date .telArea .telArea__num {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #2666c6;
  margin: 0 5px 0 50px;
  padding: 5px 0 0 27px;
}
.cmm-d-info .dealer-date .telArea .telArea__num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-d-info .dealer-date .telArea .btn-m {
  padding: 0 10px;
  vertical-align: top;
}
.cmm-d-info .dealer-date .false-sales {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  margin-top: -11px;
}

.linkWrap {
  padding: 0 4px 0 0;
}
.linkWrap > div {
  position: relative;
  margin-bottom: 10px;
  padding: 40px 205px 36px 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.linkWrap > div .text {
  color: #999999;
  font-size: 16px;
}
.linkWrap > div strong {
  display: block;
  margin-top: 5px;
  color: #222;
  font-size: 22px;
  font-weight: 700;
}
.linkWrap > div .btn-m {
  position: absolute;
  right: 40px;
  top: 50%;
  padding: 0 20px;
  margin-top: -20px;
}
.linkWrap > div .btn-m.bc-red {
  background: #fd665c;
  border: none;
}
.linkWrap > div .btn-m.bc-red span {
  color: #fff;
}
.linkWrap > div .btn-m.bc-kb {
  width: 153px;
  border-color: #766c62;
  background: #766c62;
  margin-top: 0;
}
.linkWrap > div .btn-m.bc-kb:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 112px;
  height: 25px;
  margin-left: -56px;
  background: url("../images/common/kbcapital.png") no-repeat;
}
.linkWrap > div .btn-m.bc-kb span {
  color: #fff;
}

.modelNewCarPrice .grap-wrap {
  float: left;
}

.cmm-ai-safety .grap-wrap {
  width: 680px;
}

.price-info.kb-price .grap-wrap {
  width: 1130px !important;
}

.unitWrap {
  width: 100%;
  padding: 0 50px 10px 0;
  text-align: right;
}

.marketPriceArea__chart {
  float: left;
}

.searchArea__content .carNumSellerName {
  position: relative;
  height: 38px;
  border: 1px solid #ddd;
  border-radius: 38px;
  overflow: hidden;
  margin: 40px 0 0;
  padding: 0 42px 0 0;
}
.searchArea__content .carNumSellerName input[type=text] {
  border: 0;
  width: 100%;
  padding: 0 10px 0 20px;
  height: 36px;
  outline: none;
}
.searchArea__content .carNumSellerName input[type=text]::-webkit-input-placeholder {
  color: #222;
  font-weight: bold;
}
.searchArea__content .carNumSellerName input[type=text]::-moz-placeholder {
  color: #222;
  font-weight: bold;
}
.searchArea__content .carNumSellerName input[type=text]:-ms-input-placeholder {
  color: #222;
  font-weight: bold;
}
.searchArea__content .carNumSellerName input[type=text]::-ms-input-placeholder {
  color: #222;
  font-weight: bold;
}
.searchArea__content .carNumSellerName input[type=text]::placeholder {
  color: #222;
  font-weight: bold;
}
.searchArea__content .carNumSellerName button {
  position: absolute;
  right: 6px;
  top: 3px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../images/sub/bg_search.png") no-repeat;
}
.searchArea__content .carNumSellerName button span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.car-photo-detail .icon-certification {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
}

.cs-list02 .list-in .area .thumnail .certification {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}

.cs-list02.small-tp.generalRegist .area .cmm-real-car {
  height: 22px;
  line-height: 22px;
  border-radius: 22px;
}
.cs-list02.small-tp.generalRegist .area .thumnail .certification img {
  height: 22px;
}

/* 2020.04.20 간편정보 매물 */
.simpleInfo__list {
  margin-left: -20px;
  padding: 0 0 40px;
  overflow: hidden;
}
.simpleInfo__list.type-new-simple-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.226%;
  margin: 0 0 -1.226% 0;
  padding: 0;
}
.simpleInfo__list.type-new-simple-list .type-new-banner {
  float: none;
  clear: both;
  min-width: 100%;
  margin: calc(32px - 1.226%) 0 32px 0;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) {
  float: none;
  width: 32.49%;
  height: 107px;
  margin: 0 0 1.226% 0;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box {
  height: 100%;
  margin: 0;
  padding: 16px 20px;
  border-radius: 6px;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text {
  padding: 0;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text .title, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  font-weight: 500;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text .info, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text .info {
  margin-top: 4px;
  line-height: 0;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text .info > span, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text .info > span {
  margin-right: 0;
  font-size: 12px;
  font-weight: 100;
  line-height: 16px;
  color: #222;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text .info > span ~ span, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text .info > span ~ span {
  margin-left: 11px;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .text .info > span ~ span::after, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .text .info > span ~ span::after {
  position: absolute;
  top: 50%;
  left: -6px;
  display: block;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  content: "";
  background-color: #222;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .price, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .price {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  color: #222;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > a .price .unit, .simpleInfo__list.type-new-simple-list li:not(.type-new-banner) > .inner-box .price .unit {
  margin-top: auto;
  margin-left: 2px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  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: 0 20px;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .dealer-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: underline;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .right .consultation {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .right .history {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 17px;
  text-decoration: underline;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .right .history::before {
  position: absolute;
  left: -8px;
  top: 3px;
  width: 1px;
  height: 8px;
  display: block;
  content: "";
  background-color: #d9d9d9;
}
.simpleInfo__list.type-new-simple-list li:not(.type-new-banner) .additional .right .history .system {
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
}
.simpleInfo__list li {
  position: relative;
  float: left;
  width: 50%;
}
.simpleInfo__list li > a, .simpleInfo__list li > .inner-box {
  position: relative;
  display: block;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0 0 20px 20px;
  padding: 24px 24px 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.simpleInfo__list li > a .text, .simpleInfo__list li > .inner-box .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 100px 0 0;
}
.simpleInfo__list li > a .text .title, .simpleInfo__list li > .inner-box .text .title {
  font-size: 18px;
  font-weight: 500;
}
.simpleInfo__list li > a .text .info, .simpleInfo__list li > .inner-box .text .info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simpleInfo__list li > a .text .info span, .simpleInfo__list li > .inner-box .text .info span {
  position: relative;
  color: #999;
  font-weight: 500;
  margin-right: 10px;
}
.simpleInfo__list li > a .text .info span:after, .simpleInfo__list li > .inner-box .text .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  width: 1px;
  height: 10px;
  background: #999;
}
.simpleInfo__list li > a .price, .simpleInfo__list li > .inner-box .price {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -19px;
  font-size: 18px;
  font-weight: 700;
  color: #336fc9;
}

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

.cmm-d-info .list-calculation.leaseSucceed {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 5px;
}
.cmm-d-info .list-calculation.leaseSucceed .rud-box {
  float: none;
  width: 100%;
  height: 210px;
}
.cmm-step-box .cmm-d-info .list-calculation.leaseSucceed .rud-box {
  width: 100%;
  height: auto;
  min-height: 180px;
}
.cmm-step-box .cmm-d-info .list-calculation.leaseSucceed .rud-box .list.list__item {
  margin-top: 35px;
  padding: 0;
}

.cmm-d-info .list-calculation .rud-box dl dd strong .blueLink {
  color: #2666c6;
  text-decoration: underline;
}

.cmm-d-info .list-calculation .rud-box .list.list__item {
  width: 100%;
  margin: 0;
  padding: 0 30px;
}

.kbBanner {
  width: 100%;
  max-width: 1480px;
}
.kbBanner .tit {
  font-size: 24px;
}
.kbBanner .list {
  margin: 30px 0 10px -20px;
  overflow: hidden;
}
.kbBanner .list li {
  float: left;
  width: 31.9%;
  margin: 0 0 10px 1.352%;
}
.kbBanner .list li .banner {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.kbBanner .list li .banner img {
  width: 100%;
}
.kbBanner.kbBanner-benefit {
  padding: 60px 0;
  border-top: 1px solid #ddd;
}

/* 2020.06.15 알림함 추가 */
.new-car-alarm {
  font-size: 16px;
}
.new-car-alarm .carinfo-txt {
  font-size: 18px;
  padding: 30px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.new-car-alarm .carinfo-txt span {
  font-size: 18px;
  font-weight: 500;
  color: #336fc9;
}
.new-car-alarm .carinfo-reg {
  color: #999;
}
.new-car-alarm h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.new-car-alarm b.total-payment {
  display: block;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 25px;
}
.new-car-alarm [class*=sel-bg] {
  position: relative;
  display: inline-block;
}
.new-car-alarm [class*=sel-bg] select:disabled .select2-container--default .select2-selection--single {
  background: #f1f1f1;
  border-color: #ddd;
  color: #999;
}
.new-car-alarm select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
  font-size: 14px;
}

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

.newcar-alarm-method {
  padding: 30px 0 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: 62px;
}
.newcar-alarm-method > div div {
  -webkit-box-pack: start;
  width: calc(100% - 62px);
}

/* 2020.06.16 차량상세 추가 */
.claerFix:after {
  content: "";
  display: block;
  clear: both;
}

.cmm-cardt-area {
  min-width: 1000px;
  max-width: 1580px;
  padding-bottom: 120px;
}
.cmm-cardt-area .cmm-buy-tit {
  font-size: 18px;
  font-weight: bold;
}
.cmm-cardt-area .car-dt-info {
  width: 100%;
}
.cmm-cardt-area .car-dt-info:after {
  content: "";
  display: block;
  clear: both;
}
.cmm-cardt-area .car-dt-info .gallery_view {
  position: relative;
  width: 40.5%;
  float: left;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: none;
  margin-bottom: 0;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li {
  height: 500px;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-img {
  height: 465px;
  background: #000;
  border-radius: 7px 7px 0 0;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px 7px 0 0;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
  background: #000;
  cursor: pointer;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -1px;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video .slide-video__play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video .slide-video__play:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .slide-video .slide-video__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background: url("../images/common/icon_play_detail.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .line-ad {
  position: absolute;
  width: 100%;
  height: 35px;
  line-height: 35px;
  left: 0;
  background: #000;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li.no-img .slide-img {
  position: relative;
  background: #000;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li.no-img .slide-img img {
  width: 76px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -38px;
  border-radius: 0;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-controls-direction a {
  width: 34px;
  height: 34px;
  margin-top: -17px;
  z-index: 1;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-controls-direction a.bx-prev {
  background: url("../images/sub/img_slide_left.png") no-repeat;
  left: 30px;
}
.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-controls-direction a.bx-next {
  background: url("../images/sub/img_slide_rgt.png") no-repeat;
  right: 30px;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 98px;
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page01 a,
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page02 a {
  position: relative;
  display: inline-block;
  float: left;
  width: 10%;
  height: 49px;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page01 a img,
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page02 a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page01 a.active:after,
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .page02 a.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 49px;
  border: 2px solid #fcaf17;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .thumnail-page .thumnail-page-control a {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  margin-top: -17px;
  text-indent: -9999px;
  z-index: 1;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .thumnail-page .thumnail-page-control a.bx-prev {
  background: url("../images/sub/img_slide_left.png") no-repeat;
  left: 8px;
}
.cmm-cardt-area .car-dt-info .gallery_view #bx-pager .thumnail-page .thumnail-page-control a.bx-next {
  background: url("../images/sub/img_slide_rgt.png") no-repeat;
  right: 8px;
}
.cmm-cardt-area .car-dt-info .gallery_view .icon-certification {
  position: absolute;
  left: 16px;
  top: 33px;
  z-index: 1;
}
.cmm-cardt-area .car-dt-info .gallery_view .icon-real-car {
  position: absolute;
  left: 20px;
  top: 33px;
  height: 26px;
  border-radius: 20px;
  line-height: 26px;
  background: #10a8e5;
  padding: 0 20px;
  color: #fff;
  z-index: 1;
}
.cmm-cardt-area .car-dt-info .gallery_view .soldout-dim {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cmm-cardt-area .car-dt-info .gallery_view .soldout-dim:after {
  content: "";
  display: block;
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 2;
}
.cmm-cardt-area .car-dt-info .gallery_view .soldout-dim .dim-txt {
  position: relative;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  z-index: 3;
  padding-top: 50px;
  margin-top: -30px;
}
.cmm-cardt-area .car-dt-info .gallery_view .soldout-dim .dim-txt:after {
  content: "SOLD OUT";
  display: block;
  width: 160px;
  height: 40px;
  background: #fd665c;
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  margin-left: -80px;
}
.cmm-cardt-area .car-dt-info .gallery_view .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;
}
.cmm-cardt-area .car-dt-info .gallery_view .soldout-dim .sale-info b {
  font-weight: 600;
}
.cmm-cardt-area .car-dt-info .car-buy-info {
  width: 55.69%;
  float: right;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price strong.car-buy-name {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
  width: 100%;
  padding: 0 370px 15px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div {
  position: absolute;
  top: 0;
  right: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div dl {
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div dl dt {
  font-size: 16px;
  float: left;
  padding: 14px 10px 0 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div dl dd {
  float: left;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div dl dd span {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div dl dd strong {
  font-size: 30px;
  color: #2666c6;
  padding-left: 35px;
  font-weight: bold;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div .car-mk-price {
  display: inline-block;
  float: right;
  width: 84px;
  height: 22px;
  line-height: 20px;
  color: #fd665c;
  border: 1px solid #fd665c;
  border-radius: 50px;
  text-align: center;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div .car-mk-price.contract-label {
  border-color: #2666c6;
  width: 57px;
  color: #2666c6;
  margin-right: 8px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price {
  text-align: right;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price strong {
  display: block;
  font-size: 24px;
  color: #2666c6;
  font-weight: bold;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price {
  overflow: hidden;
  margin-right: -20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div {
  float: left;
  padding: 0 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div:nth-child(2) {
  position: relative;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div:nth-child(2):before, .cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div:nth-child(2):after {
  content: "";
  display: block;
  width: 1px;
  height: 38px;
  background: #ddd;
  position: absolute;
  top: 50%;
  margin-top: -19px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div:nth-child(2):before {
  left: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div:nth-child(2):after {
  right: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div span {
  display: block;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price div b {
  display: block;
  font-size: 16px;
  color: #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share {
  padding: 13px 0 5px;
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share:after {
  content: "";
  display: block;
  clear: both;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .txt-info {
  position: relative;
  float: left;
  margin-left: -15px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .txt-info span {
  position: relative;
  margin-left: 15px;
  font-size: 16px;
  color: #999;
  font-weight: 100;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .txt-info span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 6px;
  width: 1px;
  height: 14px;
  background: #999;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing {
  float: right;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span {
  position: relative;
  color: #999;
  margin-left: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: 11px;
  background: url("../images/sub/bg_dt_share.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.view {
  padding-left: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.view:after {
  width: 15px;
  background-position: 0 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.like {
  padding-left: 17px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.like:after {
  width: 12px;
  background-position: -15px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.sharing {
  padding-left: 16px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.sharing:after {
  width: 11px;
  background-position: -28px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.like-grey {
  padding-left: 17px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing > span.like-grey:after {
  width: 12px;
  background-position: -38px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing .btn-video {
  position: relative;
  padding: 0 0 0 34px;
  outline: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing .btn-video span {
  color: #222;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-share .view-sharing .btn-video:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 24px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -763px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check {
  width: 100%;
  margin-top: 35px;
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state {
  float: left;
  width: 48.86%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info {
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li {
  position: relative;
  width: 25%;
  float: left;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li a {
  position: relative;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li a:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #f5f6f9 url("../images/sub/bg_car_used.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li a span {
  color: #222;
  display: block;
  text-align: center;
  padding-top: 10px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li [class*=used-alarm] {
  position: absolute;
  top: 0;
  right: 50%;
  width: 20px;
  height: 20px;
  line-height: 18px;
  background: #fd665c;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-weight: 500;
  -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
          transform: translateX(40px);
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li [class*=used-alarm].used-alarm-none {
  background: #10af5b;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used01 a:before {
  background-position: 0 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used02 a:before {
  background-position: -80px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used03 a:before {
  background-position: -160px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used04 a:before {
  background-position: -240px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used05 a:before {
  background-position: -320px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used06 a:before {
  background-position: -400px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used07 a:before {
  background-position: -480px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-used-info li.used08 a:before {
  background-position: -560px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt {
  background: #f6f8fc;
  border-radius: 7px;
  padding: 30px;
  margin-top: 30px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt strong {
  display: block;
  font-size: 16px;
  color: #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] {
  position: relative;
  margin-top: 25px;
  padding-right: 110px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] div {
  font-size: 16px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] div span {
  font-size: 16px;
  color: #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] div span i {
  border-bottom: 1px solid #2666c6;
  font-style: normal;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] a {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  display: block;
  width: 100px;
  height: 24px;
  line-height: 24px;
  background: #336fc9;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt .car-buy-debt-d {
  color: #bbb;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt .car-buy-debt-d span {
  display: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt .car-buy-debt-d a {
  background: #b8b8b8;
  cursor: default;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin-top: 30px;
  height: 120px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal {
  height: 100%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal .swiper-slide {
  position: relative;
  width: 100%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal .swiper-slide a img {
  border-radius: 7px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal .swiper-pagination {
  width: auto;
  left: auto;
  right: 30px;
  bottom: 25px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullets {
  text-align: right;
  bottom: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info {
  float: right;
  width: 44.31%;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 30px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info {
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact {
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  width: 36.36%;
  float: left;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .star-area {
  margin-top: 8px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: left;
  padding: 0;
  width: 63.64%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 500;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .place {
  position: relative;
  margin-top: 5px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .place .place-add .tip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-num {
  position: relative;
  margin: 0 0 8px 0;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  position: relative;
  padding-left: 30px;
  height: 24px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec a {
  display: inline-block;
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/bg_dealer_tel.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  overflow: hidden;
  margin-top: 40px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star {
  width: 100%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo .btn-dealer-info:after {
  display: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt {
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 500;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .place {
  position: relative;
  margin-top: 10px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num {
  margin: 0 0 15px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  height: 24px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/bg_dealer_tel.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a span {
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass {
  overflow: hidden;
  margin-top: 40px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding {
  position: relative;
  float: left;
  padding: 52px 0 0 0;
  width: 25%;
  text-align: center;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding[class*=bg0]:after {
  left: 50%;
  top: 0;
  margin-left: -30px;
  width: 60px;
  height: 47px;
  background: url("../images/common/bg_badge_b.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg01:after {
  background-position: left top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg02:after {
  background-position: -60px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg03:after {
  background-position: -120px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg04:after {
  background-position: -180px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.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;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv {
  text-align: center;
  margin-top: 28px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv p {
  font-size: 16px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer {
  margin-top: 70px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m {
  width: 48.48%;
  height: 50px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.rgt {
  float: right;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m span {
  line-height: 48px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.visit-btn .btn-m {
  width: 31.6%;
  float: left;
}
.cmm-cardt-area .fc-service {
  position: relative;
  margin-top: 100px;
  width: 100%;
}
.cmm-cardt-area .fc-service:after {
  content: "";
  display: block;
  clear: both;
}
.cmm-cardt-area .fc-service h2.cmm-sub-tit {
  margin-bottom: 65px;
}
.cmm-cardt-area .fc-service .car-price {
  position: relative;
  width: 64.55%;
  float: left;
}
.cmm-cardt-area .fc-service .car-price .car-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 36.27%;
}
.cmm-cardt-area .fc-service .car-price .car-img .img-wrap-area {
  position: relative;
  height: auto;
  overflow: hidden;
  border-radius: 7px;
}
.cmm-cardt-area .fc-service .car-price .car-img .img-wrap-area:after {
  content: "";
  display: block;
  padding-top: 75%;
}
.cmm-cardt-area .fc-service .car-price .car-img .img-wrap-area .img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: #ccc;
}
.cmm-cardt-area .fc-service .car-price .car-img .img-wrap-area .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .fc-service .car-price .car-img .txt {
  margin-top: 20px;
}
.cmm-cardt-area .fc-service .car-price .car-img .txt span {
  font-size: 16px;
  display: block;
}
.cmm-cardt-area .fc-service .car-price .car-img .txt strong {
  font-size: 24px;
  color: #2666c6;
  font-weight: bold;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc {
  float: left;
  width: 100%;
  padding: 0 1.96% 0 39.43%;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .price-sum {
  font-size: 20px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .price-sum strong {
  font-size: 24px;
  font-weight: bold;
  color: #2666c6;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-method {
  margin-top: 15px;
  font-size: 20px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-method .inp-rd, .cmm-cardt-area .fc-service .car-price .car-price-calc .pay-method .inp-rd-new {
  margin: 0 20px 5px 0;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-method .inp-rd span, .cmm-cardt-area .fc-service .car-price .car-price-calc .pay-method .inp-rd-new span {
  font-size: 20px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-period {
  margin-top: 15px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-period select[class*=sel-tp] + .select2-container--default .select2-selection--single {
  border-color: #999;
  border-width: 0 0 1px 0;
  border-radius: 0;
  height: 38px;
  margin-top: -8px;
  vertical-align: middle;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-period select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 15px;
  padding-right: 20px;
  font-size: 20px;
  color: #222;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-period select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 20px;
  height: 100%;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-period select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  right: 0;
  margin-top: -11px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-sum {
  font-size: 20px;
  margin-top: 80px;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-sum strong {
  font-size: 30px;
  font-weight: bold;
  color: #2666c6;
}
.cmm-cardt-area .fc-service .car-price .car-price-calc .pay-sum p {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}
.cmm-cardt-area .fc-service .car-price .car-price-dis {
  float: left;
  width: 100%;
  padding: 50px 1.96% 0 39.43%;
  font-size: 24px;
  line-height: 1.5;
}
.cmm-cardt-area .fc-service .car-price .car-price-dis span {
  font-size: 24px;
  color: #2666c6;
}
.cmm-cardt-area .fc-service .my-credit-srch {
  float: right;
  width: 35.44%;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .my-credit-srch__text {
  display: none;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn {
  width: 100%;
  margin: 0 0 25px 0;
  padding-top: 40px;
  overflow: hidden;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a {
  position: relative;
  width: 48.8%;
  position: relative;
  height: 100px;
  padding: 25px 0 26px;
  border-radius: 7px;
  border: 1px solid #fcb222;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a.hg120 {
  height: 120px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a span {
  display: inline;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a strong {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #222;
  padding-right: 0;
  font-weight: 500;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a strong span {
  display: inline-block;
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a strong:after {
  display: none;
  content: none;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 7px;
  height: 14px;
  margin-left: 4px;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow:before, .cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow:after {
  position: absolute;
  top: 0;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow.yellow:before {
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .arrow.yellow:after {
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fcb222;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a:first-child {
  background: #fcb222;
  float: left;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a:last-child {
  float: right;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .btn__top-text {
  position: absolute;
  left: 0;
  top: -40px;
  font-size: 18px;
  letter-spacing: -1px;
  white-space: nowrap;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .btn__top-text:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  background: #222;
  border-radius: 50%;
  vertical-align: middle;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .btn__mid-text {
  display: block;
  font-size: 14px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a .btn__mid-text .emp {
  font-size: 16px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b {
  padding-left: 65%;
  margin-bottom: 25px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn {
  padding-top: 0;
  margin-bottom: 0;
  overflow: visible;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a {
  position: relative;
  float: none;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 32px;
  padding: 11px 0;
  border: 1px solid #2666c6;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a .btn__top-text {
  position: absolute;
  left: -187%;
  top: 0;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a .btn__mid-text {
  position: absolute;
  left: -187%;
  bottom: 0;
  color: #2666c6;
  font-size: 22px;
  text-indent: 10px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a .btn__mid-text .emp {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a strong {
  color: #2666c6;
  font-size: 24px;
  line-height: 1.5;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2666c6;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a:first-child {
  margin-top: 0;
  background: #2666c6;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a:first-child strong {
  color: #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a:first-child .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-b .btn a:first-child .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2666c6;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c {
  margin-bottom: 25px;
  padding: 15px;
  border-radius: 8px;
  background: #ffcc02;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text {
  display: block;
  margin-bottom: 4px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block {
  display: inline-block;
  font-size: 18px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block strong {
  font-size: 20px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block--limit {
  display: inline-block;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block--os {
  display: none;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block--rate {
  position: relative;
  display: block;
  margin-top: -12px;
  text-align: right;
  font-size: 19px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block--rate:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: #2666c6;
  vertical-align: middle;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .my-credit-srch__text .text-block--rate strong {
  font-size: 36px;
  font-weight: bold;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn {
  margin: 0;
  padding: 0;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a {
  height: auto;
  padding: 12px 0 13px 0;
  border: 1px solid #ddd;
  background: #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a .btn__top-text,
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a .btn__mid-text {
  display: none;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a strong {
  font-size: 24px;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a .arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #222;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c .btn a .arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c.my-credit-srch--one-stop .my-credit-srch__text .text-block--limit {
  display: none;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c.my-credit-srch--one-stop .my-credit-srch__text .text-block--os {
  display: block;
}
.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block.my-credit-srch--type-c.my-credit-srch--one-stop .my-credit-srch__text .text-block--rate {
  margin-top: -40px;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn-top {
  width: 100%;
  overflow: hidden;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn-top .btn-top__cell {
  width: 48.8%;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn-top .btn-top__cell:first-child {
  float: left;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn-top .btn-top__cell:last-child {
  float: right;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn {
  width: 100%;
  margin: 15px 0 25px;
  overflow: hidden;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a {
  position: relative;
  width: 48.8%;
  position: relative;
  height: 100px;
  padding: 25px 0 26px;
  border-radius: 7px;
  border: 1px solid #fcb222;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a.hg120 {
  height: 120px;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a span {
  display: block;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a strong {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #222;
  padding-right: 18px;
  font-weight: 500;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a strong span {
  display: inline-block;
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a strong:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow.png") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a:first-child {
  background: #fcb222;
  float: left;
}
.cmm-cardt-area .fc-service .my-credit-srch .btn a:last-child {
  float: right;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc {
  width: 100%;
  margin-top: 15px;
  overflow: hidden;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a {
  width: 48.8%;
  height: 50px;
  padding: 15px 0 15px;
  border-radius: 7px;
  border: 1px solid #ddd;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a span {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow_g.png") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a:first-child {
  float: left;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a:first-child span {
  display: inline-block;
  text-indent: -9999px;
  width: 165px;
  height: 18px;
  background: url("../images/sub/isr-calc01.gif") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a:last-child {
  float: right;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a:last-child span {
  display: inline-block;
  text-indent: -9999px;
  width: 110px;
  height: 18px;
  background: url("../images/sub/isr-calc02.gif") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add {
  width: 100%;
  margin-top: 15px;
  overflow: hidden;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a {
  width: 32.2%;
  height: 90px;
  border-radius: 7px;
  border: 1px solid #ddd;
  text-align: center;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a .isr-logo {
  position: relative;
  display: inline-block;
  padding-right: 13px;
  text-indent: -9999px;
  width: 165px;
  height: 18px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a .isr-logo:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow_g.png") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a .isr-txt {
  display: block;
  color: #666;
  margin-top: 5px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a .isr-txt i {
  font-style: normal;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr01 {
  padding-top: 15px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr01 .isr-logo {
  width: 165px;
  height: 18px;
  background: url("../images/sub/isr-calc01.gif") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr01 .isr-txt i {
  display: block;
  font-size: 12px;
  color: #999;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr02 {
  padding-top: 20px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr02 .isr-logo {
  width: 110px;
  height: 18px;
  background: url("../images/sub/isr-calc02.gif") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr02 .isr-txt {
  display: block;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr02 .isr-txt span {
  display: inline-block;
  padding-left: 24px;
  background: url("../images/sub/bg_isr02.gif") no-repeat 0 0;
  color: #666;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr03 {
  padding-top: 20px;
  margin-right: 0;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr03 .isr-logo {
  width: 187px;
  height: 20px;
  background: url("../images/sub/isr-calc03.gif") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-add a.isr03 .isr-txt i {
  color: #336fc9;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-one {
  width: 100%;
  height: 60px;
  padding: 15px 0 15px;
  margin-top: 50px;
  border-radius: 7px;
  border: 1px solid #ddd;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-one strong {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #222;
  padding-right: 18px;
  font-weight: 500;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc-one strong:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow.png") no-repeat;
}
.cmm-cardt-area .fc-service .my-credit-srch p {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}
.cmm-cardt-area .fc-service .total-price-calc {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 35px;
}
.cmm-cardt-area .fc-service .total-price-calc span {
  line-height: 35px;
}
.cmm-cardt-area .fc-service.isr-add .car-price {
  width: 52.53%;
}
.cmm-cardt-area .fc-service.isr-add .my-credit-srch {
  width: 47.46%;
}
.cmm-cardt-area .part-service {
  margin-top: 110px;
  width: 100%;
}
.cmm-cardt-area .part-service .service-list {
  margin-left: -20px;
  overflow: hidden;
}
.cmm-cardt-area .part-service .service-list a {
  position: relative;
  display: block;
  float: left;
  width: 23.79%;
  height: 155px;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin-left: 1.2%;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .part-service .service-list a strong {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.cmm-cardt-area .part-service .service-list a strong:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/sub/bg_completed_arrow_g.png") no-repeat;
}
.cmm-cardt-area .part-service .service-list a span {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  z-index: 2;
}
.cmm-cardt-area .part-service .service-list a:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 27px;
  width: 70px;
  height: 55px;
  margin-top: -22px;
  background: url("../images/sub/bg_service_list.png") no-repeat;
  z-index: 1;
}
.cmm-cardt-area .part-service .service-list a.service01:after {
  background-position: 0 0;
}
.cmm-cardt-area .part-service .service-list a.service02:after {
  background-position: -70px 0;
}
.cmm-cardt-area .part-service .service-list a.service03:after {
  background-position: -140px 0;
}
.cmm-cardt-area .part-service .service-list a.service04:after {
  background-position: -210px 0;
}
.cmm-cardt-area .part-service .service-list a.service05:after {
  background: url("../images/sub/bg_service_list_add.png") no-repeat;
  background-position: 0 0;
}
.cmm-cardt-area .part-service .service-list a.service06:after {
  background: url("../images/sub/bg_service_list_kbcare.png") 0 0/70px auto no-repeat;
}
.cmm-cardt-area .part-service .service-list a.overlay {
  opacity: 0.6;
}
.cmm-cardt-area .part-service .service-list a.overlay strong,
.cmm-cardt-area .part-service .service-list a.overlay span {
  color: #b7b7b7;
}
.cmm-cardt-area .part-service .service-list a.overlay:after {
  background-position-y: -55px;
}
.cmm-cardt-area .part-service .service-list.service-list-add a {
  width: 18.78%;
}
.cmm-cardt-area .cert-car {
  margin-top: 80px;
}
.cmm-cardt-area .cert-car h2.cmm-sub-tit {
  margin-bottom: 40px;
}
.cmm-cardt-area .cert-car .car-ani {
  width: 100%;
}
.cmm-cardt-area .cert-car .car-ani:after {
  content: "";
  display: block;
  clear: both;
}
.cmm-cardt-area .cert-car .car-ani .car-motion {
  position: absolute;
  float: left;
  width: 40.5%;
  min-width: 490px;
  margin-top: -40px;
}
.cmm-cardt-area .cert-car .car-ani .car-motion .car-animate {
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 252px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.cmm-cardt-area .cert-car .car-ani .car-motion .car-animate span {
  font-size: 20px;
}
.cmm-cardt-area .cert-car .car-ani .car-motion .car-animate span strong {
  color: #2666c6;
  font-weight: bold;
}
.cmm-cardt-area .cert-car .car-ani .car-dia {
  width: 50.63%;
  margin-left: 49.36%;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .txt {
  font-size: 18px;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .txt span {
  font-size: 18px;
  color: #2666c6;
  font-weight: bold;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list {
  width: 100%;
  overflow: hidden;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl dt {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 40px;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl dd {
  border-bottom: 1px solid #ddd;
  padding: 7px 0;
  overflow: hidden;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl dd span {
  float: left;
  font-size: 16px;
  color: #999;
  width: calc(100% - 40px);
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl dd strong {
  float: right;
  font-size: 18px;
  color: #2666c6;
  font-weight: 500;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl:first-child {
  width: 37.5%;
  float: left;
}
.cmm-cardt-area .cert-car .car-ani .car-dia .dia-list dl:last-child {
  width: 51.25%;
  float: right;
}
.cmm-cardt-area .cert-car .sel-car-intro {
  padding-top: 190px;
}
.cmm-cardt-area .cert-car .sel-car-intro p {
  font-size: 18px;
  margin-bottom: 40px;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list {
  width: 100%;
  margin-left: -1.26%;
  overflow: hidden;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a {
  position: relative;
  display: block;
  float: left;
  width: 32.07%;
  height: 180px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 26px 30px;
  margin-left: 1.26%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a .tit span {
  display: block;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a .tit span:first-child {
  color: #2666c6;
  margin-bottom: 3px;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a .tit span:last-child {
  font-weight: 500;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a .link-arrow {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  background: url("../images/sub/bg_sel_car_list.png") no-repeat;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a:nth-child(2):after {
  background-position: -80px 0;
}
.cmm-cardt-area .cert-car .sel-car-intro .sel-car-list a:nth-child(3):after {
  background-position: -160px 0;
}
.cmm-cardt-area .cmm-ai-safety {
  margin-top: 80px;
}
.cmm-cardt-area .cmm-ai-safety h2.cmm-sub-tit {
  margin-bottom: 65px;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap {
  overflow: hidden;
  margin-left: -4.8%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap [class*=m-price-list0] {
  float: left;
  width: 29.37%;
  margin-left: 4.8%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list01 {
  width: 28.11%;
  padding-right: 1.26%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list01 .cmm-price {
  float: none;
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list01 .graph-area {
  margin: 45px 0 0 0;
  width: 100%;
  float: none;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list01 .graph-area:after {
  width: 100%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 {
  width: 28.11%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area {
  margin-top: 90px;
  width: 100%;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area #chartdiv01 {
  width: 100%;
  height: 200px;
  background-color: #fff;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area .price-range-bar__current-number {
  position: absolute;
  left: 50%;
  top: -60px;
  width: 200px;
  height: 36px;
  padding: 0 30px;
  border: 1px solid #ddd;
  border-radius: 36px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  margin: 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area .price-range-bar__current-number span {
  font-size: 20px;
  font-weight: 100;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area .price-range-bar__current-number strong {
  font-size: 20px;
  color: #2666c6;
  font-weight: bold;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area .price-range-bar__current-number:after {
  display: none;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area:after {
  display: none;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area .amcharts-chart-div a {
  display: none !important;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area.disabled {
  position: relative;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area.disabled:after {
  display: block;
  content: "신차가격정보 준비중";
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 0;
  width: 210px;
  height: 40px;
  line-height: 40px;
  margin: -80px 0 0 -105px;
  font-size: 20px;
  color: #2666c6;
  font-weight: bold;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 40px;
  z-index: 3;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list02 .graph-area.disabled:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -90px;
  bottom: 0;
  width: 100%;
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 2;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list03 .cmm-buy-tit {
  float: left;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list03 .unitWrap {
  float: right;
  width: auto;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list03 .grap-wrap {
  clear: both;
  width: 100%;
  padding-top: 30px;
}
.cmm-cardt-area .cmm-ai-safety .m-price-list-wrap .m-price-list03 .grap-wrap .line-charts {
  width: 100%;
}
.cmm-cardt-area .car-detail-info {
  margin-top: 80px;
}
.cmm-cardt-area .car-detail-info h2.cmm-sub-tit {
  margin-bottom: 60px;
}
.cmm-cardt-area .car-detail-info .detail-info-list {
  margin-left: -4.8%;
  overflow: hidden;
}
.cmm-cardt-area .car-detail-info .detail-info-list [class*=detail-info0] {
  float: left;
  width: 29.37%;
  margin-left: 4.8%;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 {
  width: 28.12%;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 dl {
  width: 100%;
  margin-top: 40px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 dl dt {
  float: left;
  font-size: 16px;
  color: #999;
  width: 16.66%;
  height: 42px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 dl dd {
  float: left;
  font-size: 16px;
  color: #222;
  width: 33.33%;
  height: 42px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 dl dd strong {
  color: #2666c6;
  font-weight: 500;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 dl dd.wide {
  width: 83%;
  height: auto;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table {
  font-size: 16px;
  border: 0;
  width: 100%;
  margin-top: 40px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table th,
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table td {
  vertical-align: top;
  font-size: 16px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table th {
  width: 22%;
  height: 42px;
  color: #999;
  font-weight: normal;
  text-align: left;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table td {
  width: 28%;
  color: #222;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info01 .detail-info-table td strong {
  color: #2666c6;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 {
  width: 28.11%;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] {
  position: relative;
  display: block;
  width: 47.82%;
  height: 140px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 30px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] span {
  display: inline-block;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] .link-arrow {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0].detail-txt-link01 {
  float: left;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0].detail-txt-link02 {
  float: right;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div dl {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding: 15px 0 10px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div dl dt {
  float: left;
  font-size: 16px;
  color: #999;
  width: 19.56%;
  height: 42px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div dl dt.mg-l {
  margin-left: 4.3%;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div dl dd {
  float: left;
  font-size: 16px;
  color: #222;
  width: 28.26%;
  height: 42px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info02 div dl dd strong {
  color: #2666c6;
  font-weight: 500;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage {
  float: none;
  width: 248px;
  margin: 40px auto 0;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage {
  height: 123px;
  background: url("../images/sub/mileage_graph_s_new.png") no-repeat 0 0;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage .gage-pin {
  bottom: 0;
  left: 50%;
  width: 56px;
  height: 42px;
  margin: 0 0 0 -21px;
  background: url("../images/sub/gage_pin_s.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 31px;
      -ms-transform-origin: 50% 31px;
          transform-origin: 50% 31px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate01,
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate02,
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate03 {
  display: block;
  position: absolute;
  width: 100px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate01 {
  left: -12px;
  top: 100px;
  -webkit-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
          transform: rotate(-60deg);
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate02 {
  left: 50%;
  top: 5px;
  margin: 0 0 0 -50px;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .graph-mileage .gage-cate03 {
  right: -12px;
  top: 100px;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .info-txt {
  float: none;
  width: 100%;
  text-align: center;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .info-txt strong {
  color: #336fc9;
}
.cmm-cardt-area .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .info-txt .txt-1 {
  margin: 15px 0;
}
.cmm-cardt-area .car-option {
  margin-top: 80px;
  overflow: hidden;
}
.cmm-cardt-area .car-option h2.cmm-sub-tit {
  margin-bottom: 32px;
}
.cmm-cardt-area .car-option h2.cmm-sub-tit .tip-btn {
  vertical-align: initial;
}
.cmm-cardt-area .car-option .car-option-list {
  margin-left: -24px;
}
.cmm-cardt-area .car-option .car-option-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-cardt-area .car-option .car-option-list li {
  position: relative;
  float: left;
  height: 160px;
  margin-left: 23px;
  padding-top: 96px;
  width: 100px;
  text-align: center;
}
.cmm-cardt-area .car-option .car-option-list li .disable {
  color: #aaa;
}
.cmm-cardt-area .car-option .car-option-list li[class*=option]::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("../images/sub/bg_car_option.png?v=20250325") no-repeat;
}
.cmm-cardt-area .car-option .car-option-list li.option1:after {
  background-position: 0px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option2:after {
  background-position: -40px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option3:after {
  background-position: -80px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option4:after {
  background-position: -120px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option5:after {
  background-position: -160px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option6:after {
  background-position: -200px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option7:after {
  background-position: -240px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option8:after {
  background-position: -280px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option9:after {
  background-position: -320px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option10:after {
  background-position: -360px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option11:after {
  background-position: -400px 0;
}
.cmm-cardt-area .car-option .car-option-list li.option12:after {
  background-position: -440px 0;
}
.cmm-cardt-area .car-option .car-option-list li[class*=option]::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: #f6f8f9;
  border-radius: 80px;
}
.cmm-cardt-area .car-option .car-option-list li.disable .text {
  color: #aaa;
}
.cmm-cardt-area .car-option .car-option-list li.disable::after {
  background-position-y: -40px;
}
.cmm-cardt-area .car-option .car-option-list li.car-opt-nodata {
  padding-top: 0;
  width: auto;
  height: 100px;
  line-height: 100px;
  font-size: 16px;
}
.cmm-cardt-area .car-option .car-option-list li.option_more span {
  display: block;
  text-align: center;
}
.cmm-cardt-area .car-option .car-option-list li.option_more:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 40px;
  width: 80px;
  height: 80px;
  background: url("../images/sub/btn_option_more.png") no-repeat;
}
.cmm-cardt-area .car-option .select-option-area {
  display: block;
  width: 100%;
  margin-top: 8px;
}
.cmm-cardt-area .car-option .select-option-area .subject {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.cmm-cardt-area .car-option .select-option-area .tip-btn {
  margin-top: -1px;
}
.cmm-cardt-area .car-option .select-option-area .option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.cmm-cardt-area .car-option .select-option-area .option-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.cmm-cardt-area .car-option .select-option-area .option-list li .txt {
  position: relative;
  padding-left: 9px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.cmm-cardt-area .car-option .select-option-area .option-list li .txt::before {
  content: "∙";
  position: absolute;
  left: 0;
  color: #666;
}
.cmm-cardt-area .car-option .select-option-area .option-list li .price {
  font-family: inherit;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.cmm-cardt-area .car-option .dot-list {
  margin-top: 32px;
}
.cmm-cardt-area .seller-info {
  margin-top: 80px;
}
.cmm-cardt-area .seller-info .seller-info-sec {
  margin-left: -2.53%;
  overflow: hidden;
}
.cmm-cardt-area .seller-info .seller-info-sec > div {
  float: left;
  border: 1px solid #ddd;
  width: 31.03%;
  margin-left: 2.3%;
  height: 660px;
  border-radius: 7px;
  padding: 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-star-hg > div {
  height: 600px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-star-hg .dealer-info .dealer-scroll {
  height: 482px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-bedge-hg > div {
  height: 530px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-bedge-hg .dealer-info .dealer-scroll {
  height: 417px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-no-hg > div {
  height: 500px;
}
.cmm-cardt-area .seller-info .seller-info-sec.seller-no-hg .dealer-info .dealer-scroll {
  height: 375px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info {
  position: relative;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-star {
  text-align: center;
  margin-top: 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-star .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-star .star-area {
  width: 90px;
  margin-top: 10px;
  text-align: left;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt {
  float: none;
  padding: 0;
  text-align: center;
  margin-top: 10px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .name {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  font-weight: 500;
  padding-right: 28px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .name:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 1px;
  height: 15px;
  margin-top: -6px;
  background: #222;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .place {
  position: relative;
  font-size: 18px;
  margin-top: 5px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .place .place-add {
  font-size: 18px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .place .place-add .tip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-num {
  margin: 0 0 8px 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-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;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-rec {
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-rec a {
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-rec:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/bg_dealer_tel.png") no-repeat;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star {
  margin-top: 100px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo .btn-dealer-info:after {
  display: none;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt {
  margin-top: 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .place {
  margin-top: 5px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num {
  margin: 10px 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a {
  font-size: 16px;
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass {
  overflow: hidden;
  margin-top: 28px;
  padding: 0 55px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding {
  position: relative;
  float: left;
  padding: 52px 0 0 0;
  width: 25%;
  text-align: center;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding[class*=bg0]:after {
  left: 50%;
  top: 0;
  margin-left: -30px;
  width: 60px;
  height: 47px;
  background: url("../images/common/bg_badge_b.png") no-repeat;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg01:after {
  background-position: left top;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg02:after {
  background-position: -60px top;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg03:after {
  background-position: -120px top;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg04:after {
  background-position: -180px top;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.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;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .selling-state {
  overflow: hidden;
  padding: 30px 30px 0;
  width: 100%;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .selling-state span {
  display: block;
  width: 47.36%;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .selling-state span:first-child {
  float: left;
  color: #2968c7;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .selling-state span:last-child {
  float: right;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 30px;
  text-align: center;
  padding: 0 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv p {
  font-size: 16px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  overflow: hidden;
  margin-top: 20px;
  padding: 0 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m {
  width: 47.36%;
  height: 50px;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.rgt {
  float: right;
}
.cmm-cardt-area .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m span {
  line-height: 48px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location {
  position: relative;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location p {
  padding: 5px 0;
  font-size: 16px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .seller-map {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  border-radius: 7px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .seller-map img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .seller-map-none {
  position: relative;
  width: 100%;
  border-radius: 7px;
  background-color: #f5f6f9;
  margin-top: 10px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .seller-map-none span {
  font-size: 18px;
  color: #999;
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -91px;
  padding-top: 120px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .seller-map-none span:before {
  content: "";
  display: block;
  width: 55px;
  height: 83px;
  background: url("../images/sub/ico_location.png") no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -27px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a {
  position: relative;
  display: block;
  height: auto;
  padding: 15px 20px;
  text-decoration: none;
  border-radius: 15px;
  -webkit-box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 8px 2px rgba(0, 0, 0, 0.2);
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a .tit {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  font-size: 18px;
  margin-bottom: 20px;
  padding: 0;
  line-height: 1.4;
  color: #fff;
  padding-left: 70px;
  height: 60px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a .tit:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("../images/sub/bg_reservation_bnr.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a .link-arrow {
  color: #fff;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a .link-arrow:after {
  background-position: -6px -80px;
  top: 3px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer .banner-cnt-regular a {
  background: #fd665c;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer .banner-cnt-associate a {
  background: #ffbc00;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-location .reservation-bananer .banner-cnt-associate a .tit:after {
  background-position: -60px 0;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-info {
  padding: 30px 10px 30px 30px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-info .dealer-scroll {
  line-height: 1.5;
  height: 530px;
}
.cmm-cardt-area .seller-info .seller-info-sec .dealer-info .dealer-scroll div {
  font-size: 16px;
}
.cmm-cardt-area .seller-info.accordion-wrap {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.cmm-cardt-area .seller-info.accordion-wrap.toggle-active .accordion-header::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.cmm-cardt-area .seller-info.accordion-wrap.toggle-active .accordion-container {
  display: block;
  margin-top: 32px;
  margin-bottom: 40px;
}
.cmm-cardt-area .seller-info.accordion-wrap .accordion-header {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}
.cmm-cardt-area .seller-info.accordion-wrap .accordion-header::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon/icon-acco-arrow.svg") no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cmm-cardt-area .banner-area.type-new-banner {
  margin-bottom: 32px;
}
.cmm-cardt-area .banner-area .banner-com {
  overflow: hidden;
  margin-left: -20px;
}
.cmm-cardt-area .banner-area .banner-com a {
  float: left;
  width: 48.74%;
  margin-left: 1.26%;
}
.cmm-cardt-area .banner-area .banner-com a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .etc-info {
  margin-top: 100px;
}
.cmm-cardt-area .etc-info .cmm-sub-tit {
  margin-bottom: 30px;
}
.cmm-cardt-area .etc-info .etc-info-desc {
  display: inline-block;
  margin-bottom: 60px;
  font-weight: bold;
  font-size: 18px;
  font-weight: 700;
}
.cmm-cardt-area .etc-info .etc-sec-area {
  margin-left: -1.26%;
  overflow: hidden;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec] {
  float: left;
  width: 32.07%;
  height: 375px;
  margin: 0 0 20px 1.26%;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 7px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec] h3.cmm-buy-tit {
  margin-bottom: 30px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec] .box-txt {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #336fc9;
  font-weight: bold;
  background: #f5f5f8;
  border-radius: 7px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec01 [class*=ln0] > div:first-child {
  margin-top: 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec01 [class*=ln0].ln02 > div {
  margin-top: 35px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec01 [class*=ln0].ln02 > div .box-txt {
  margin-top: 15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec01 [class*=ln0].ln03 > div {
  margin-top: 15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec01 [class*=ln0].ln03 > div .box-txt {
  margin-top: 10px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec02 {
  position: relative;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec02 strong {
  font-size: 24px;
  color: #336fc9;
  font-weight: bold;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec02 .gt-pos {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec02 .gt-pos span {
  display: inline-block;
  margin: 10px 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec02 .gt-pos strong {
  display: inline-block;
  margin: 2px 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 {
  position: relative;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list {
  margin-top: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 48px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div {
  width: 100%;
  overflow: hidden;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .tit {
  float: left;
  font-size: 16px;
  width: 130px;
  margin-bottom: 10px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .star-area {
  float: left;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .star-area .star-rating {
  width: 70px;
  height: 14px;
  background: url("../images/common/ico_star3.png") no-repeat;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .star-area .star-rating span {
  background: url("../images/common/ico_star3.png") no-repeat;
  height: 14px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .percent-num {
  float: right;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .percent-num span {
  font-size: 16px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .percent-num span.percent {
  font-weight: normal;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .percent-num span.num {
  margin-left: 15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div .percent-num span.num:after {
  left: -9px;
  top: 7px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div.collision .star-area .star-rating > span {
  background-position: 0 -14px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div.pedestrian .star-area .star-rating > span {
  background-position: 0 -28px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .safety-list > div.prevention .star-area .star-rating > span {
  background-position: 0 -42px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec03 .cor-gray {
  position: absolute;
  left: 30px;
  top: 320px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .tit {
  margin-bottom: 30px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .tit span {
  font-size: 18px;
  font-weight: bold;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .tit span strong {
  font-weight: bold;
  color: #336fc9;
  padding: 0 5px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph strong {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender {
  position: relative;
  margin-top: 15px;
  height: 50px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .gategory {
  position: absolute;
  width: 105px;
  margin-top: -10px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .gategory li {
  position: relative;
  padding: 3px 0 3px 20px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .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%;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .gategory li:first-child:after {
  background: #2666c6;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .gategory li:last-child:after {
  background: #fd665c;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .graph {
  position: relative;
  width: calc(100% - 105px);
  height: 8px;
  margin-left: 105px;
  background: #fd665c;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .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;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .graph .graph_num {
  position: relative;
  overflow: hidden;
  padding-top: 15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .graph .graph_num li {
  float: left;
  width: 20%;
  font-weight: 300;
  color: #999999;
  text-align: right;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .gender .graph .graph_num:after {
  content: "0";
  position: absolute;
  left: 0;
  font-weight: 300;
  color: #999999;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age ul li {
  position: relative;
  margin: 20px 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age ul li .age-tit {
  position: absolute;
  left: 0;
  top: -5px;
  width: 105px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .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;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .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;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age ul li .graph .age-p.on {
  background: #2666c6;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age .graph_num {
  position: relative;
  overflow: hidden;
  padding-left: 105px;
  margin-top: -15px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age .graph_num li {
  float: left;
  width: 20%;
  font-weight: 300;
  color: #999999;
  text-align: right;
  margin: 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec04 .cmm-graph-area .bar-graph .age .graph_num:after {
  content: "0";
  position: absolute;
  left: 105px;
  font-weight: 300;
  color: #999999;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 {
  position: relative;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .link-arrow {
  position: absolute;
  top: 30px;
  right: 30px;
  padding-right: 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .link-arrow:after {
  display: none;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul {
  margin-top: -20px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li {
  min-height: 77px;
  margin-top: 20px;
  padding-left: 130px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li a.img {
  width: 100px;
  height: 77px;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li a.img img {
  width: 100%;
  height: 100%;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li .con {
  height: 77px;
  padding: 18px 0;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li .con .tit {
  font-size: 16px;
  color: #222;
  line-height: 1;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec05 .car-news-list ul li .con .data-line {
  color: #999;
  font-weight: 300;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec06 {
  padding: 0;
  border: none;
  overflow: hidden;
}
.cmm-cardt-area .etc-info .etc-sec-area [class*=etc-sec].etc-sec06 a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}
.cmm-cardt-area .with-srch {
  margin-top: 80px;
}
.cmm-cardt-area .with-srch .cs-list {
  margin-left: -20px;
  overflow: hidden;
}
.cmm-cardt-area .with-srch .cs-list [class*=item] {
  float: left;
  width: 18.74%;
  height: auto;
  margin-left: 1.26%;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item .car-box .img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item .car-box .img a.thumnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item .car-box .img a.thumnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item .car-box .txt-info {
  height: 90px;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item .car-box .txt-info .pay {
  font-weight: bold;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item-more {
  border: 1px solid #ddd;
  border-radius: 7px;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item-more div {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item-more div a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item-more div a span {
  position: absolute;
  left: 50%;
  top: 50%;
  padding-top: 50px;
  color: #fcaf17;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cmm-cardt-area .with-srch .cs-list [class*=item].item-more div a span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  background: url("../images/sub/btn_more.png") no-repeat 50% 50%;
}
.cmm-cardt-area .buy-method {
  margin-top: 100px;
}
.cmm-cardt-area .buy-method h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.cmm-cardt-area .buy-method h3.font-b {
  font-weight: bold;
}
.cmm-cardt-area .buy-method ul li {
  line-height: 1.7;
}
.cmm-cardt-area .buy-method ul li strong {
  font-weight: 600;
}
.cmm-cardt-area .buy-method .tabs-area ul li a {
  font-size: 18px;
  font-weight: bold;
}
.cmm-cardt-area .buy-method .resp {
  position: relative;
  padding-left: 26px;
  margin-top: 40px;
}
.cmm-cardt-area .buy-method .resp:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 18px;
  height: 18px;
  background-position: -61px -154px;
}
.cmm-cardt-area .buy-method .resp a {
  display: inline-block;
  width: 100px;
  height: 24px;
  line-height: 22px;
  color: #2666c6;
  border: 1px solid #2666c6;
  border-radius: 50px;
  text-align: center;
  margin-left: 15px;
}
.cmm-cardt-area .dealer-gift {
  position: relative;
  margin-top: 100px;
  padding: 0;
  width: 100%;
}
.cmm-cardt-area .dealer-gift:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-cardt-area .dealer-gift .txt-area {
  float: left;
  width: auto;
  margin-bottom: 20px;
  padding: 50px 0 30px 50px;
}
.cmm-cardt-area .dealer-gift .txt-area .tit {
  font-size: 26px;
  font-weight: normal;
}
.cmm-cardt-area .dealer-gift .txt-area p {
  font-size: 16px;
  font-weight: 300;
  color: #6d7690;
  margin-top: 10px;
}
.cmm-cardt-area .dealer-gift .gift {
  position: relative;
  float: left;
  background: url("../images/sub/bg_dealer_gift.png") no-repeat;
  background-size: 300px 149px;
  width: 300px;
  height: 149px;
  margin: 24px 0 0 100px;
}
.cmm-cardt-area .dealer-gift .gift .img {
  float: left;
  width: 100px;
  padding: 35px 0 0 20px;
}
.cmm-cardt-area .dealer-gift .gift .img img {
  width: 100%;
}
.cmm-cardt-area .dealer-gift .gift .txt-info {
  float: left;
  width: 180px;
  padding: 20px 0 0 18px;
}
.cmm-cardt-area .dealer-gift .gift .txt-info span {
  display: block;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.cmm-cardt-area .dealer-gift .gift .txt-info span .num-line {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  text-decoration: line-through;
  color: #999;
  margin-bottom: 0;
}
.cmm-cardt-area .dealer-gift .gift .txt-info dl {
  margin-top: 10px;
}
.cmm-cardt-area .dealer-gift .gift .txt-info dl dt {
  float: none;
  color: #666;
  font-size: 13px;
  display: block;
}
.cmm-cardt-area .dealer-gift .gift .txt-info dl dd {
  padding: 0;
  font-weight: 500;
  font-size: 13px;
}
.cmm-cardt-area.adj1740 .fc-service.isr-add .car-price .car-price-calc .pay-sum {
  margin-top: 30px;
}
.cmm-cardt-area.adj1740 .car-dt-info .gallery_view #bx-pager {
  height: 248px;
}
.cmm-cardt-area.adj1740 .car-dt-info .gallery_view #bx-pager .page01 a,
.cmm-cardt-area.adj1740 .car-dt-info .gallery_view #bx-pager .page02 a {
  width: 20%;
  height: 62px;
}
.cmm-cardt-area.adj1740 .car-dt-info .gallery_view #bx-pager .page01 a.active:after,
.cmm-cardt-area.adj1740 .car-dt-info .gallery_view #bx-pager .page02 a.active:after {
  height: 62px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div {
  position: static;
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
  text-align: right;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div dl {
  display: inline-block;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div .car-mk-price {
  margin: 10px 0 0 10px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div.suc-price {
  overflow: hidden;
  width: auto;
  float: right;
  margin: 14px 0 10px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div.suc-price strong {
  float: left;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-price > div.suc-price .colum-price {
  float: left;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner {
  height: 170px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] div span {
  display: block;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact {
  position: relative;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  float: none;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: none;
  text-align: center;
  padding-top: 108px;
  width: 100%;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  display: inline-block;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  margin: 70px 0 64px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv {
  margin-top: 24px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  margin-top: 12px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer {
  margin-top: 20px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer a {
  width: 100%;
  margin-top: 10px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact {
  position: relative;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  float: none;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: none;
  text-align: center;
  padding-top: 108px;
  width: 100%;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  display: inline-block;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  margin: 70px 0 64px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv {
  margin-top: 24px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  margin-top: 12px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer {
  margin-top: 20px;
}
.cmm-cardt-area.adj1740 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer a {
  width: 100%;
  margin-top: 10px;
}
.cmm-cardt-area.adj1670 .fc-service .car-price .car-price-calc .pay-sum {
  margin-top: 30px;
}
.cmm-cardt-area.adj1670 .fc-service .my-credit-srch .isr-calc-add a {
  width: 48.8%;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}
.cmm-cardt-area.adj1670 .fc-service .my-credit-srch .isr-calc-add a .isr-txt {
  display: none;
}
.cmm-cardt-area.adj1670 .fc-service .my-credit-srch .isr-calc-add a.isr01 {
  padding: 0;
}
.cmm-cardt-area.adj1670 .fc-service .my-credit-srch .isr-calc-add a.isr02 {
  float: right;
  margin-right: 0;
  padding: 0;
}
.cmm-cardt-area.adj1670 .fc-service .my-credit-srch .isr-calc-add a.isr03 {
  clear: both;
  width: 100%;
  margin-top: 10px;
  padding: 0;
}
.cmm-cardt-area.adj1670 .part-service .service-list.service-list-add a {
  width: 31.6%;
  margin-bottom: 20px;
}
.cmm-cardt-area.adj1670 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass {
  padding: 0;
}
.cmm-cardt-area.adj1670 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .selling-state {
  padding: 30px;
}
.cmm-cardt-area.adj1670 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  padding: 0;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info01 dl dt {
  width: 21.66%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info01 dl dd {
  width: 28.33%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info01 dl dd:last-child {
  width: 78%;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info02 div dl dt {
  width: 25.56%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info02 div dl dd {
  width: 22.26%;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] {
  padding: 30px 20px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] span {
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info02 div [class*=detail-txt-link0] .link-arrow {
  left: 20px;
}
.cmm-cardt-area.adj1670 .car-detail-info .detail-info-list .detail-info03.cmm-mileage-area .info-txt .txt-1 {
  font-size: 14px;
}
.cmm-cardt-area.adj1670 .diag-report .report-cont .report-check {
  margin-top: 80px;
}
.cmm-cardt-area.adj1500 .fc-service.isr-add .car-price .car-img {
  display: none;
}
.cmm-cardt-area.adj1500 .fc-service.isr-add .car-price .car-price-calc {
  padding-left: 0;
}
.cmm-cardt-area.adj1500 .fc-service.isr-add .car-price .car-price-calc .pay-sum {
  margin-top: 80px;
}
.cmm-cardt-area.adj1500 .car-dt-info {
  position: relative;
  padding-bottom: 230px;
}
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view {
  width: 560px !important;
}
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view #bx-pager {
  height: 300px;
}
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view #bx-pager .page01 a,
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view #bx-pager .page02 a {
  width: 112px;
  height: 75px;
}
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view #bx-pager .page01 a.active:after,
.cmm-cardt-area.adj1500 .car-dt-info .gallery_view #bx-pager .page02 a.active:after {
  height: 75px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info {
  width: calc(100% - 590px);
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-price > div dl {
  display: block;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-price > div dl dt,
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-price > div dl dd {
  float: none;
  display: inline-block;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-price > div .car-mk-price {
  margin: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-share .txt-info {
  float: none;
  marign-left: 0;
  text-align: right;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-share .txt-info span:first-child:after {
  display: none;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-share .view-sharing {
  float: none;
  text-align: right;
  margin-top: 10px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check {
  margin-top: 25px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state {
  width: 100%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt {
  overflow: hidden;
  margin-top: 20px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] {
  width: 47.14%;
  padding: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt].lft {
  float: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt].rgt {
  float: right;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-debt [class*=car-buy-debt] a {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: static;
  margin-top: 20px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-buy-state .car-buy-banner {
  height: 200px;
  margin-top: 20px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info {
  float: none;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 210px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact {
  position: static;
  float: left;
  width: 31%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  float: left;
  position: static;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: left;
  text-align: left;
  padding-top: 0;
  width: 63.64%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  display: block;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-ass {
  float: left;
  margin-top: 0;
  padding: 0 60px 0 30px;
  width: 38%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv {
  float: right;
  width: 31%;
  margin-top: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv p {
  text-align: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m {
  width: 48.48%;
  height: 70px;
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m span {
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.visit-btn .btn-m {
  width: 31.6%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m {
  width: 48.48%;
  height: 70px;
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m span {
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  float: left;
  width: 31%;
  margin: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star {
  float: left;
  width: 100px;
  margin: 15px 20px 0 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt {
  float: left;
  text-align: left;
  margin-top: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num {
  margin-bottom: 8px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-seller-info .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec {
  display: block;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state {
  float: none;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact {
  position: static;
  float: left;
  width: 31%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  float: left;
  position: static;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: left;
  text-align: left;
  padding-top: 0;
  width: 63.64%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  display: block;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass {
  float: left;
  margin-top: 0;
  padding: 0 60px 0 30px;
  width: 38%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv {
  float: right;
  width: 31%;
  margin-top: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv p {
  text-align: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m {
  width: 48.48%;
  height: 70px;
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m span {
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.visit-btn .btn-m {
  width: 31.6%;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m {
  width: 48.48%;
  height: 70px;
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer .btn-m span {
  line-height: 70px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  float: left;
  width: 31%;
  margin: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star {
  float: left;
  width: 100px;
  margin: 15px 20px 0 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt {
  float: left;
  text-align: left;
  margin-top: 0;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num {
  margin-bottom: 8px;
}
.cmm-cardt-area.adj1500 .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec {
  display: block;
}
.cmm-cardt-area.adj1500 .etc-info .etc-sec-area [class*=etc-sec] {
  width: 48.7%;
}
.cmm-cardt-area.adj1500 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .name {
  padding-right: 0;
  display: block;
}
.cmm-cardt-area.adj1500 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .name:after {
  display: none;
}
.cmm-cardt-area.adj1500 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-cnt .place {
  display: block;
}
.cmm-cardt-area.adj1500 .seller-info .seller-info-sec .cmm-dealer-info .dealer-info-area .dealer-ass {
  padding: 0;
}
.cmm-cardt-area.adj1500 .cert-car .car-ani .car-dia .dia-list dl:first-child {
  width: 30.5%;
}
.cmm-cardt-area.adj1500 .cert-car .car-ani .car-dia .dia-list dl:last-child {
  width: 58.25%;
}
.cmm-cardt-area.adj1500 .with-srch .cs-list [class*=item] {
  width: 23%;
  margin-bottom: 60px;
}
.cmm-cardt-area.adj1500 .fc-service .car-price .car-price-dis {
  padding: 20px 1.96% 0 39.43%;
}
.cmm-cardt-area.adj1441 .fc-service .car-price {
  width: 55%;
}
.cmm-cardt-area.adj1441 .fc-service .car-price .car-img {
  display: none;
}
.cmm-cardt-area.adj1441 .fc-service .car-price .car-price-calc {
  padding-left: 0;
}
.cmm-cardt-area.adj1441 .fc-service .car-price .car-price-dis {
  padding-left: 0;
}
.cmm-cardt-area.adj1441 .fc-service .my-credit-srch {
  width: 45%;
}
.cmm-cardt-area.adj1441 .part-service .service-list a {
  padding: 30px 20px;
}
.cmm-cardt-area.adj1441 .part-service .service-list a span {
  font-size: 14px;
}
.cmm-cardt-area.adj1441 .cert-car .car-ani .car-dia .dia-list dl dd span {
  font-size: 15px;
}
.cmm-cardt-area.adj1441 .cert-car .car-ani .car-dia .dia-list dl dd strong {
  font-size: 17px;
}
.cmm-cardt-area.adj1441 .seller-info .seller-info-sec .dealer-location .reservation-bananer [class*=banner-cnt] a .tit {
  font-size: 16px;
}
.cmm-cardt-area.adj1441.detail--card .gallery_view {
  width: 560px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li {
  width: 560px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check {
  margin-top: 35px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area {
  float: left;
  width: 100%;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact {
  float: none;
  position: relative;
  width: 100%;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  float: none;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  position: relative;
  float: none;
  text-align: center;
  padding-top: 108px;
  width: 100%;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  display: inline-block;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  margin: 70px 0 64px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 24px;
  text-align: center;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv p {
  text-align: center;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  margin-top: 12px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer {
  margin-top: 20px;
}
.cmm-cardt-area.adj1441.detail--card .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer a {
  width: 100%;
  margin-top: 10px;
}

/* 상담요청 팝업 */
.counsel-input .txt-num {
  background: #f5f6fa;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 7px;
  border: 1px solid #ddd;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

/*기본정보 팝업*/
.pop-car-info dt {
  float: left;
  font-size: 16px;
  color: #999;
  width: 80px;
  height: 42px;
  line-height: 42px;
}
.pop-car-info dd {
  float: left;
  font-size: 16px;
  color: #222;
  width: 135px;
  height: 42px;
  line-height: 42px;
  letter-spacing: -1px;
}
.pop-car-info dd strong {
  color: #2666c6;
  font-weight: 500;
}

/* 전체옵션 팝업*/
.option-tit {
  position: relative;
}
.option-tit h2 {
  padding: 0 0 30px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}
.option-tit .optionBtn {
  position: absolute;
  top: 4px;
  left: 110px;
}

/* 주행거리분석 팝업*/
.pop-gage .mileage-period {
  color: #666;
  display: block;
}
.pop-gage .mileage-drive {
  font-size: 24px;
  font-weight: 600;
}
.pop-gage .mileage-ave {
  margin-top: 5px;
}
.pop-gage .mileage-ave span {
  border-bottom: 1px solid #6f6f6f;
}
.pop-gage .cmm-mileage-area .graph-mileage {
  margin: 50px auto 60px;
  float: none;
}
.pop-gage .mileage-compare {
  font-size: 16px;
}
.pop-gage .mileage-compare strong {
  color: #2666c6;
}
.pop-gage .mileage-source {
  margin-top: 15px;
}

/* 방문예약 (팝업) */
.reward-txt {
  position: relative;
  padding-top: 310px;
  font-size: 24px;
}
.reward-txt a {
  color: #2666c6;
  text-decoration: none;
}
.reward-txt strong {
  display: block;
  font-size: 30px;
  padding: 10px 0 30px;
}
.reward-txt strong span {
  font-size: 30px;
  color: #2666c6;
  font-weight: 600;
}
.reward-txt:after {
  content: "";
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/bg_reward_txt.png") no-repeat;
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -120px;
}

.visit-area .reward-info {
  font-size: 16px;
  padding: 24px 15px;
  border-radius: 8px;
  text-align: center;
}
.visit-area .reward-info strong {
  font-weight: bold;
}
.visit-area .reward-info.r-mem {
  background: #f1f1f1;
}
.visit-area .reward-info.a-mem {
  background: #ffcc00;
}
.visit-area .visit-service .use-info {
  padding: 20px 0;
  background: #f5f6f9;
  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: 95px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.visit-area .visit-service .use-info ul li span {
  display: block;
  font-size: 14px;
  text-align: center;
  letter-spacing: -1px;
  color: #666;
}
.visit-area .visit-service .use-info ul li:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("../images/sub/bg_use_info.png") no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -40px;
}
.visit-area .visit-service .use-info ul li:after {
  content: "";
  display: block;
  width: 10px;
  height: 18px;
  background: url("../images/sub/icon_arrow01.png") no-repeat;
  position: absolute;
  top: 30%;
  right: -5px;
}
.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: -80px 0;
}
.visit-area .visit-service .use-info ul li.step03:before {
  background-position: -160px 0;
}
.visit-area .reward-text {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.8px;
  text-align: center;
  color: #222;
}
.visit-area .reward-text strong {
  font-weight: bold;
}
.visit-area .reward-text strong.text-blue {
  color: #2566c6;
}
.visit-area .reward-list {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.visit-area .reward-list-item {
  margin-left: -18px;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 150px;
  height: 150px;
  background-color: rgba(170, 170, 170, 0.1);
  border-radius: 9999px;
  line-height: 1.73;
  letter-spacing: -0.33px;
  color: #222;
  font-size: 15px;
}
.visit-area .reward-list-item:first-of-type {
  margin-left: 0;
}
.visit-area .reward-list-item img {
  width: 50px;
  height: 50px;
}
.visit-area .reward-list-item span {
  margin-top: 12px;
}

/*보내줘차차차*/
.send-car-app {
  padding: 35px 60px 35px 60px;
  margin-top: 80px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.send-car-app:after {
  content: "";
  display: block;
  clear: both;
}
.send-car-app .fl-l {
  float: left;
  margin-top: 10px;
}
.send-car-app .fl-l span {
  font-size: 21px;
}
.send-car-app .fl-l strong {
  display: block;
  font-size: 46px;
  margin-top: 10px;
  font-weight: 600;
}
.send-car-app .fl-r {
  float: right;
}
.send-car-app .fl-r p {
  font-size: 16px;
  color: #757575;
  line-height: 1.5;
  text-align: right;
}
.send-car-app .fl-r .btn-wrap {
  margin-top: 20px;
}
.send-car-app .fl-r .btn-wrap .btn-l {
  background: #6e7da0;
  border-color: #6e7da0;
}
.send-car-app .fl-r .btn-wrap .btn-l span {
  color: #fff;
}

.s-car-send {
  max-width: 1480px;
}
.s-car-send .send-car-top .send-txt {
  float: left;
  width: 35.13%;
  margin-top: 30px;
}
.s-car-send .send-car-top .send-txt strong {
  display: block;
  margin: 10px 0 40px;
  font-size: 50px;
  font-weight: 600;
}
.s-car-send .send-car-top .send-step {
  float: right;
  position: relative;
  width: 64.86%;
}
.s-car-send .send-car-top .send-step ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.s-car-send .send-car-top .send-step ol li {
  position: relative;
  width: 25%;
  height: 210px;
}
.s-car-send .send-car-top .send-step ol li span {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 165px;
  font-size: 16px;
  color: #6e7da0;
  line-height: 1.5;
  text-align: center;
}
.s-car-send .send-car-top .send-step ol li.step01 {
  background: url("../images/sub/bg_send_car01.png") no-repeat 50% 0;
}
.s-car-send .send-car-top .send-step ol li.step01 span {
  color: #fcaf17;
}
.s-car-send .send-car-top .send-step ol li.step02 {
  background: url("../images/sub/bg_send_car02.png") no-repeat 50% 0;
}
.s-car-send .send-car-top .send-step ol li.step03 {
  background: url("../images/sub/bg_send_car03.png") no-repeat 50% 0;
}
.s-car-send .send-car-top .send-step ol li.step04 {
  background: url("../images/sub/bg_send_car04.png") no-repeat 50% 0;
}
.s-car-send .send-car-top:after {
  content: "";
  display: block;
  clear: both;
}
.s-car-send .send-car-content {
  margin: 100px 0 60px;
}
.s-car-send .send-car-content .tit-area {
  margin: 0 0 35px -30px;
  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-content h2 {
  font-size: 24px;
  margin-right: 20px;
}
.s-car-send .send-car-content .send-car-img-area {
  float: left;
  width: 33.78%;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img {
  padding: 50px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail {
  position: relative;
  height: auto;
  overflow: hidden;
  display: block;
  border-radius: 10px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail .img-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail .img-block img {
  display: block;
  width: 100%;
  height: 100%;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail.sold-out .img-block:after {
  content: "";
  display: block;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .thumnail.sold-out .img-block:before {
  content: "SOLD OUT";
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #fd665c;
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -80px;
  border-radius: 4px;
  z-index: 1;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .tit {
  display: block;
  line-height: 28px;
  margin-top: 12px;
  font-size: 18px;
  color: #222;
  text-align: center;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .data-line {
  display: inline-block;
  margin: 9px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .data-line li {
  float: none;
  font-size: 16px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .pay {
  text-align: center;
  margin-top: 25px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .pay span {
  font-size: 16px;
  color: #333;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .pay del {
  font-size: 16px;
  color: #999;
  margin: 0 20px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .car-box .pay strong {
  font-size: 26px;
  color: #336fc9;
  font-weight: 600;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .precaution h3 {
  font-size: 18px;
  font-weight: 600;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .precaution ul {
  margin-top: 25px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .precaution ul li {
  position: relative;
  color: #757575;
  line-height: 1.4;
  padding: 0 0 5px 14px;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .precaution ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #fcaf17;
  position: absolute;
  top: 6px;
  left: 0;
}
.s-car-send .send-car-content .send-car-img-area .send-car-img .precaution p {
  padding: 20px 0 0 15px;
  color: #757575;
}
.s-car-send .send-car-content .send-car-txt-area {
  float: right;
  width: 64.86%;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt {
  width: 580px;
  margin: 0 auto;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-tit {
  float: left;
  display: inline-block;
  width: 140px;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area {
  padding: 0 0 0 140px;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area .inp-t {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 310px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area .inp-t input {
  display: block;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 100%;
  border: 0 none;
  font-size: 16px;
  color: #222;
  background-color: transparent;
  outline: 0;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area .inp-n {
  display: inline-block;
  vertical-align: middle;
  width: 310px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #222;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area .inp-n.line {
  height: auto;
  line-height: 1.5;
  padding-top: 5px;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .cmm-basic-info .cmm-input-area .txar-box {
  width: 100%;
  height: 140px;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt:after {
  content: "";
  display: block;
  clear: both;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .fl-l {
  float: left;
  width: 50%;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .fl-r {
  float: right;
  width: 50%;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt {
  font-size: 24px;
  line-height: 1;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt span {
  font-size: 16px;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-blue {
  color: #336fc9;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-blue span {
  color: #336fc9;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-green {
  color: #10af5b;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-green span {
  color: #10af5b;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-red {
  color: #fd665c;
}
.s-car-send .send-car-content .send-car-txt-area .send-car-txt .state-txt.cor-red span {
  color: #fd665c;
}
.s-car-send .send-car-content .btn-area {
  clear: both;
  padding-top: 80px;
}
.s-car-send .send-car-content:after {
  content: "";
  display: block;
  clear: both;
}

.mfp-container.mfp-iframe-holder {
  padding-top: 0;
  padding-bottom: 0;
}
.mfp-container.mfp-iframe-holder .mfp-content {
  width: auto;
  max-width: 100%;
}
.mfp-container.mfp-iframe-holder .mfp-close {
  top: 0;
}

.mfp-figure.mfp-figure--detail {
  width: 1296px;
  padding: 40px 0;
}
.mfp-figure.mfp-figure--detail.has-vertical .mfp-img-block__video {
  padding: 0;
  width: 100%;
  max-width: 540px;
  height: 100%;
}
.mfp-figure.mfp-figure--detail.has-vertical .mfp-img-block__video .mfp-iframe {
  position: relative;
}

.mfp-figure--detail .mfp-img-wrap {
  position: relative;
  padding: 0 296px 0 0;
  overflow: hidden;
  background: #000;
}

.mfp-figure--detail .mfp-img-block {
  float: left;
  position: relative;
  width: 100%;
  height: 800px;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}

.mfp-figure--detail .mfp-img-block:before {
  content: "";
  display: inline-block;
  height: 800px;
  vertical-align: middle;
}

.mfp-figure--detail .mfp-img-block__video {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 56.25%;
  vertical-align: middle;
}

.mfp-figure--detail .mfp-img-block__video .mfp-iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mfp-figure--detail img.mfp-img {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.mfp-figure--detail .mfp-banner-block {
  float: right;
  position: relative;
  right: -296px;
  width: 296px;
  height: 800px;
  margin-left: -296px;
}

.mfp-figure--detail .mfp-title {
  display: none;
}

.mfp-figure--detail .mfp-counter {
  left: 0;
  right: auto;
  line-height: 36px;
}

.car-dt-info.diag-add .car-seller-info .cmm-dealer-info {
  overflow: hidden;
}
.car-dt-info.diag-add .diag-mark {
  position: relative;
  background: #f6f8fc;
  padding: 34px 20px;
  margin-top: 30px;
  border-radius: 8px;
}
.car-dt-info.diag-add .diag-mark > div {
  font-size: 16px;
  font-weight: 600;
}
.car-dt-info.diag-add .diag-mark > div b {
  font-weight: 600;
  color: #2666c6;
}
.car-dt-info.diag-add .diag-mark:after {
  content: "";
  display: block;
  width: 122px;
  height: 86px;
  background: url("../images/sub/diag_mark_stamp.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -43px;
  z-index: 1;
}
.car-dt-info.diag-add .diag-mark .tit {
  padding-right: 80px;
  line-height: 1.625;
}
.car-dt-info.diag-add .diag-mark .cont {
  margin-top: 15px;
}

.cmm-cardt-area.adj1500 .car-dt-info.diag-add .car-buy-info .car-buy-check .car-seller-info {
  height: auto;
}
.cmm-cardt-area.adj1500 .car-dt-info.diag-add .car-buy-info .car-buy-check .car-seller-info .dealer-info-area {
  overflow: hidden;
}

.cmm-cardt-area .diag-report .report-cont {
  margin-top: 80px;
}
.cmm-cardt-area .diag-report .report-cont h3.cmm-sub-tit {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 25px;
}
.cmm-cardt-area .diag-report .report-cont .report-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .report-check {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  margin-top: 0;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .report-check .master-esti {
  margin: 30px 0 0 0;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .report-check .master-esti .master-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .report-check .master-esti .master-result {
  margin: 0;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .report-check .master-esti .master-result::after {
  display: none;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .digital-program {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  margin-top: 0;
}
.cmm-cardt-area .diag-report .report-cont .report-area.has-report-basic .digital-program .diag-program:nth-child(2n) {
  margin-left: 40px;
}
.cmm-cardt-area .diag-report .report-cont .report-area .master-esti {
  margin-right: 80px;
}
.cmm-cardt-area .diag-report .report-cont .report-area .cmm-buy-tit {
  margin-bottom: 40px;
}
.cmm-cardt-area .diag-report .report-cont .master-area {
  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;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 40px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .img img {
  width: 100%;
  height: 100%;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt {
  padding-right: 120px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-name {
  font-size: 18px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-name strong {
  font-size: 24px;
  font-weight: 600;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-duty {
  font-size: 16px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-career {
  margin-top: 10px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-career span {
  position: relative;
  color: #999;
  padding-right: 15px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .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;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-career span:last-child:after {
  display: none;
}
.cmm-cardt-area .diag-report .report-cont .master-area .diag-master .txt .master-sign {
  position: absolute;
  right: 0;
  top: 10%;
}
.cmm-cardt-area .diag-report .report-cont .master-area .master-result {
  position: relative;
  width: 420px;
  background: #2666c6;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  border-radius: 15px;
  font-size: 16px;
  margin-left: 45px;
}
.cmm-cardt-area .diag-report .report-cont .master-area .master-result strong {
  font-weight: 600;
}
.cmm-cardt-area .diag-report .report-cont .master-area .master-result:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -10px;
  display: block;
  background: url("../images/sub/arr_tooltip.png") no-repeat 0 0;
  width: 16px;
  height: 21px;
}
.cmm-cardt-area .diag-report .report-cont .report-check .diag-confirm li {
  position: relative;
  font-size: 16px;
  padding: 5px 0 5px 30px;
}
.cmm-cardt-area .diag-report .report-cont .report-check .diag-confirm li b {
  color: #2666c6;
}
.cmm-cardt-area .diag-report .report-cont .report-check .diag-confirm li:after {
  content: "";
  display: block;
  width: 24px;
  height: 22px;
  background: url("../images/sub/ico_checkpoint.png") no-repeat 0 0;
  position: absolute;
  top: 4px;
  left: 0;
}
.cmm-cardt-area .diag-report .report-cont .grade-area {
  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;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide {
  width: 620px;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide .swiper-slide {
  width: 100%;
  height: 180px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .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;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide .swiper-slide .img-thum img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide [class*=swiper-button-] {
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background-size: 16px 14px;
  outline: 0;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide .swiper-button-prev {
  background-position: 0 0;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-slide .swiper-button-next {
  background-position: -8px 0;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-txt {
  width: calc(100% - 620px);
  padding-left: 75px;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-txt strong {
  display: block;
  line-height: 1.5;
  font-size: 18px;
  margin-bottom: 20px;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-txt strong span {
  font-size: 18px;
  color: #336fc9;
}
.cmm-cardt-area .diag-report .report-cont .grade-area .diag-grade-txt p {
  color: #666;
  font-size: 16px;
}
.cmm-cardt-area .diag-report .report-cont .car-point {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 30px;
  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;
}
.cmm-cardt-area .diag-report .report-cont .car-point .img {
  width: 410px;
  height: 210px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 8px;
}
.cmm-cardt-area .diag-report .report-cont .car-point .img .img-thum {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cmm-cardt-area .diag-report .report-cont .car-point .img .img-thum img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.cmm-cardt-area .diag-report .report-cont .car-point .txt {
  width: calc(100% - 410px);
  padding: 0 45px;
}
.cmm-cardt-area .diag-report .report-cont .car-point .txt strong {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.cmm-cardt-area .diag-report .report-cont .car-point .txt p {
  font-size: 16px;
}
.cmm-cardt-area .diag-report .report-cont.repair-history .repair-history-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cmm-cardt-area .diag-report .report-cont.repair-history .repair-history-area .repair-check-area {
  width: 500px;
}
.cmm-cardt-area .diag-report .report-cont.repair-history .repair-history-area .car-dia {
  margin-left: 100px;
}
.cmm-cardt-area .diag-report .compensate-area {
  background: #f1f1f1;
  padding: 30px;
  margin-top: 30px;
  border-radius: 8px;
}
.cmm-cardt-area .diag-report .compensate-area strong {
  font-size: 18px;
  font-weight: 600;
}
.cmm-cardt-area .diag-report .compensate-area span {
  display: block;
  margin: 15px 0 20px;
  font-size: 16px;
}
.cmm-cardt-area .diag-report .compensate-area a {
  font-size: 18px;
  font-weight: 600;
}

/*특별금융상품*/
.cs-list02 .list-in .area .con .item .sq-btn {
  padding: 10px 20px 0;
  overflow: hidden;
}
.cs-list02 .list-in .area .con .item .sq-btn span {
  float: left;
  display: inline-block;
  min-width: 55px;
  text-align: center;
  height: 26px;
  line-height: 24px;
  border-radius: 6px;
  font-size: 12px;
  margin-right: 5px;
  font-weight: 600;
}
.cs-list02 .list-in .area .con .item .sq-btn span.blue {
  border: 1px solid #336fc9;
  color: #336fc9;
}
.cs-list02 .list-in .area .con .item .sq-btn span.d-blue {
  border: 1px solid #375185;
  color: #375185;
}
.cs-list02 .list-in .area .con .item .sq-btn span.brown {
  border: 1px solid #8e491b;
  color: #8e491b;
}

.cs-list02.small-tp .area .con .item .sq-btn {
  padding: 10px 0 0;
}

.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .pay-sum {
  margin-top: 30px;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt {
  margin-top: 30px;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap {
  width: 100%;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .benefit-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;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .benefit-info div {
  position: relative;
  padding: 5px 20px 5px 10px;
  border: 1px solid #fcb222;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 18px;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .benefit-info div span {
  font-size: 18px;
  font-weight: 600;
  color: #2666c6;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .benefit-info div:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 10px;
  margin-top: -4px;
  background: url("../images/sub/bg_completed_arrow_g01.png") no-repeat;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .tip-box {
  width: auto;
  top: 140%;
  left: 0;
  background: #60584c;
  border-radius: 8px;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .tip-box .tip-close {
  display: none;
}
.cmm-cardt-area .fc-service.isr-add .car-price.fn-benefit-add .car-price-calc .fn-benefit-txt .tip-wrap .tip-box:after {
  display: block;
  content: "";
  position: absolute;
  top: -9px;
  left: 25px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #60584c;
  border-top: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.calc-link {
  position: absolute;
  top: 0;
  right: 0;
}
.calc-link .calculation {
  position: relative;
  padding: 0 0 0 34px;
  margin-left: 20px;
  color: #2666c6;
}
.calc-link .calculation:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 24px;
  background: #fff url("../images/common/sprite.png?v=20200401") no-repeat -33px -665px;
}
.calc-link .calculation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}

/*팝업*/
.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;
}
.pop-car-loan .carimg-info .img {
  position: relative;
  width: 170px;
  height: 130px;
  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: 18px;
  margin-top: 15px;
}
.pop-car-loan .carimg-info .txt .sell-price strong {
  font-size: 18px;
  font-weight: 600;
  color: #336fc9;
}
.pop-car-loan .car-price {
  padding: 20px 0 10px;
}
.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: 20px;
}
.pop-car-loan .car-price .price-loan .loan-calc span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
  text-align: right;
}
.pop-car-loan .car-price .price-loan .loan-calc span i {
  font-style: normal;
  color: #336fc9;
  padding-left: 5px;
}
.pop-car-loan .car-price .price-loan .loan-calc .inp-t {
  width: 170px;
}
.pop-car-loan .car-price .price-loan .loan-calc .inp-t input {
  color: #336fc9;
  font-size: 24px;
  font-weight: 600;
  text-align: right;
}
.pop-car-loan .loan-txt {
  margin-top: 20px;
}
.pop-car-loan .loan-txt li {
  position: relative;
  padding-left: 15px;
  color: #999;
  line-height: 1.8;
  letter-spacing: -0.5px;
}
.pop-car-loan .loan-txt li:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #999;
  position: absolute;
  left: 0;
  top: 8px;
}
.pop-car-loan a.btn-m {
  width: 100%;
  margin-top: 20px;
}
.pop-car-loan .btn-m.bc-yellow > span {
  color: #fff;
}

[class*=-loan-kind] {
  position: relative;
  width: 100%;
  padding: 20px;
  border: 2px solid #fcb222;
  border-radius: 8px;
  margin-top: 15px;
}
[class*=-loan-kind] h3 {
  font-size: 20px;
  font-weight: 600;
}
[class*=-loan-kind] .detail-link {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 3px 10px;
  background: #fcb222;
  color: #000;
  border-radius: 4px;
}
[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 .select2-container--default .select2-selection--single {
  border-width: 0 0 1px 0;
  border-color: #336fc9;
  border-style: solid;
  border-radius: 0;
}
[class*=-loan-kind] .loan-area .loan-period select[class*=sel-tp] + .select2-container--default .select2-selection--single {
  background: transparent;
  height: 30px;
}
[class*=-loan-kind] .loan-area .loan-period select[class*=sel-tp] + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  padding-left: 15px;
  padding-right: 25px;
  font-size: 18px;
  color: #336fc9;
  font-weight: 600;
}
[class*=-loan-kind] .loan-area .loan-period select[class*=sel-tp] + .select2-container .select2-selection--single .select2-selection__arrow {
  width: 25px;
  height: 28px;
}
[class*=-loan-kind] .loan-area .loan-period select[class*=sel-tp] + .select2-container .select2-selection--single .select2-selection__arrow b {
  right: 0;
}
[class*=-loan-kind] .loan-area .loan-period strong {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding-left: 15px;
}
[class*=-loan-kind] .loan-area .loan-pay {
  text-align: right;
}
[class*=-loan-kind] .loan-area .loan-pay strong {
  font-size: 24px;
  font-weight: 600;
  color: #2666c6;
  display: block;
  line-height: 28px;
}
[class*=-loan-kind] .loan-area .loan-pay strong i {
  font-size: 20px;
  font-style: normal;
}

/*프레임 및 외부판넬 진단*/
.repair-history-area .repair-check-area-sm {
  margin-top: 20px;
}
.repair-history-area .repair-check-area-sm:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.repair-history-area .repair-check-area-sm > div {
  position: relative;
  float: left;
  width: 250px;
}
.repair-history-area .repair-check-area-sm .repair-check01 {
  background: url("../images/sub/bg_repair01_s.png") no-repeat;
  height: 240px;
}
.repair-history-area .repair-check-area-sm .repair-check02 {
  background: url("../images/sub/bg_repair02_s.png") no-repeat;
  height: 240px;
}
.repair-history-area .repair-check-area-sm .ico {
  position: absolute;
  display: inline-block;
  text-indent: -999em;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: url("../images/dealer/ico_repair_state.png") no-repeat;
  margin: -11px 0 0 -11px;
}
.repair-history-area .repair-check-area-sm .ico.exch {
  background-position: 0 -32px;
}
.repair-history-area .repair-check-area-sm .ico.corr {
  background-position: -32px -32px;
}
.repair-history-area .repair-check-area-sm .ico.weld {
  background-position: -64px -32px;
}
.repair-history-area .repair-check-area-sm .ico.scratch {
  background-position: -96px -32px;
}
.repair-history-area .repair-check-area-sm .ico.damage {
  background-position: -160px -32px;
}
.repair-history-area .repair-check-area-sm .ico.uneven {
  background-position: -128px -32px;
}
.repair-history-area .repair-check-area-sm .on.num1 {
  position: absolute;
  left: 146px;
  top: 21px;
  width: 67px;
  height: 55px;
  background: url("../images/sub/car_1_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num1 > .ico {
  left: 32px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num2-1 {
  position: absolute;
  left: 44px;
  top: 18px;
  width: 29px;
  height: 65px;
  background: url("../images/sub/car_2_left_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num2-1 > .ico {
  left: 23px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num2-2 {
  position: absolute;
  left: 167px;
  top: 18px;
  width: 28px;
  height: 64px;
  background: url("../images/sub/car_2_right_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num2-2 > .ico {
  left: 4px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num3-1 {
  position: absolute;
  left: 43px;
  top: 81px;
  width: 30px;
  height: 51px;
  background: url("../images/sub/car_3_left_top_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num3-1 > .ico {
  left: 16px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num3-2 {
  position: absolute;
  left: 166px;
  top: 81px;
  width: 30px;
  height: 51px;
  background: url("../images/sub/car_3_right_top_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num3-2 > .ico {
  left: 6px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num3-3 {
  position: absolute;
  left: 43px;
  top: 129px;
  width: 30px;
  height: 42px;
  background: url("../images/sub/car_3_left_btm_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num3-3 > .ico {
  left: 16px;
  top: 22px;
}
.repair-history-area .repair-check-area-sm .on.num3-4 {
  position: absolute;
  left: 165px;
  top: 129px;
  width: 30px;
  height: 42px;
  background: url("../images/sub/car_3_right_btm_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num3-4 > .ico {
  left: 7px;
  top: 27px;
}
.repair-history-area .repair-check-area-sm .on.num4 {
  position: absolute;
  left: 152px;
  top: 193px;
  width: 54px;
  height: 27px;
  background: url("../images/sub/car_4_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num4 > .ico {
  left: 27px;
  top: 17px;
}
.repair-history-area .repair-check-area-sm .on.num5 {
  position: absolute;
  left: 34px;
  top: 23px;
  width: 53px;
  height: 5px;
  background: url("../images/sub/car_5_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num5 > .ico {
  left: 26px;
  top: 2px;
}
.repair-history-area .repair-check-area-sm .on.num6-1 {
  position: absolute;
  left: 53px;
  top: 170px;
  width: 22px;
  height: 54px;
  background: url("../images/sub/car_6_left_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num6-1 > .ico {
  left: 11px;
  top: 26px;
}
.repair-history-area .repair-check-area-sm .on.num6-2 {
  position: absolute;
  left: 163px;
  top: 170px;
  width: 22px;
  height: 54px;
  background: url("../images/sub/car_6_right_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num6-2 > .ico {
  left: 11px;
  top: 26px;
}
.repair-history-area .repair-check-area-sm .on.num7 {
  position: absolute;
  left: 154px;
  top: 103px;
  width: 50px;
  height: 68px;
  background: url("../images/sub/car_7_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num7 > .ico {
  left: 25px;
  top: 35px;
}
.repair-history-area .repair-check-area-sm .on.num8-1 {
  position: absolute;
  left: 39px;
  top: 78px;
  width: 5px;
  height: 86px;
  background: url("../images/sub/car_8_left_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num8-1 > .ico {
  left: 2px;
  top: 45px;
}
.repair-history-area .repair-check-area-sm .on.num8-2 {
  position: absolute;
  left: 195px;
  top: 78px;
  width: 5px;
  height: 86px;
  background: url("../images/sub/car_8_right_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num8-2 > .ico {
  left: 2px;
  top: 45px;
}
.repair-history-area .repair-check-area-sm .on.num9 {
  position: absolute;
  left: 29px;
  top: 30px;
  width: 63px;
  height: 10px;
  background: url("../images/sub/car_9_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num9 > .ico {
  left: 32px;
  top: 5px;
}
.repair-history-area .repair-check-area-sm .on.num10 {
  position: absolute;
  left: 25px;
  top: 82px;
  width: 72px;
  height: 8px;
  background: url("../images/sub/car_10_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num10 > .ico {
  left: 36px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num11-1 {
  position: absolute;
  left: 29px;
  top: 43px;
  width: 11px;
  height: 24px;
  background: url("../images/sub/car_11_left_top.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num11-1 > .ico {
  left: 5px;
  top: 12px;
}
.repair-history-area .repair-check-area-sm .on.num11-2 {
  position: absolute;
  left: 81px;
  top: 43px;
  width: 13px;
  height: 20px;
  background: url("../images/sub/car_11_left_btm_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num11-2 > .ico {
  left: 5px;
  top: 12px;
}
.repair-history-area .repair-check-area-sm .on.num12-1 {
  position: absolute;
  left: 42px;
  top: 43px;
  width: 11px;
  height: 36px;
  background: url("../images/sub/car_12_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num12-1 > .ico {
  left: 5px;
  top: 12px;
}
.repair-history-area .repair-check-area-sm .on.num12-2 {
  position: absolute;
  left: 68px;
  top: 43px;
  width: 11px;
  height: 36px;
  background: url("../images/sub/car_12_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num12-2 > .ico {
  left: 5px;
  top: 12px;
}
.repair-history-area .repair-check-area-sm .on.num13-1 {
  position: absolute;
  left: 29px;
  top: 71px;
  width: 9px;
  height: 9px;
  background: url("../images/sub/car_13_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num13-1 > .ico {
  left: -6px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num13-2 {
  position: absolute;
  left: 82px;
  top: 71px;
  width: 9px;
  height: 9px;
  background: url("../images/sub/car_13_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num13-2 > .ico {
  left: 16px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num13-3 {
  position: absolute;
  left: 25px;
  top: 171px;
  width: 9px;
  height: 9px;
  background: url("../images/sub/car_13_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num13-3 > .ico {
  left: -6px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num13-4 {
  position: absolute;
  left: 87px;
  top: 171px;
  width: 9px;
  height: 9px;
  background: url("../images/sub/car_13_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num13-4 > .ico {
  left: 18px;
  top: 9px;
}
.repair-history-area .repair-check-area-sm .on.num14-1 {
  position: absolute;
  left: 70px;
  top: 79px;
  width: 23px;
  height: 56px;
  background: url("../images/sub/car_14_left_top_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-1 > .ico {
  left: 17px;
  top: 30px;
}
.repair-history-area .repair-check-area-sm .on.num14-2 {
  position: absolute;
  left: 146px;
  top: 79px;
  width: 23px;
  height: 56px;
  background: url("../images/sub/car_14_right_top_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-2 > .ico {
  left: 5px;
  top: 30px;
}
.repair-history-area .repair-check-area-sm .on.num14-3 {
  position: absolute;
  left: 72px;
  top: 129px;
  width: 19px;
  height: 7px;
  background: url("../images/sub/car_14_left_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-3 > .ico {
  left: 9px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num14-4 {
  position: absolute;
  left: 148px;
  top: 129px;
  width: 19px;
  height: 7px;
  background: url("../images/sub/car_14_right_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-4 > .ico {
  left: 9px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num14-5 {
  position: absolute;
  left: 74px;
  top: 136px;
  width: 19px;
  height: 63px;
  background: url("../images/sub/car_14_left_btm_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-5 > .ico {
  left: 15px;
  top: 23px;
}
.repair-history-area .repair-check-area-sm .on.num14-6 {
  position: absolute;
  left: 146px;
  top: 136px;
  width: 19px;
  height: 63px;
  background: url("../images/sub/car_14_right_btm_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num14-6 > .ico {
  left: 3px;
  top: 22px;
}
.repair-history-area .repair-check-area-sm .on.num15 {
  position: absolute;
  left: 25px;
  top: 92px;
  width: 72px;
  height: 8px;
  background: url("../images/sub/car_15_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num15 > .ico {
  left: 36px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .on.num16 {
  position: absolute;
  left: 25px;
  top: 102px;
  width: 72px;
  height: 37px;
  background: url("../images/sub/car_16_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num16 > .ico {
  left: 36px;
  top: 18px;
}
.repair-history-area .repair-check-area-sm .on.num17 {
  position: absolute;
  left: 46px;
  top: 183px;
  width: 30px;
  height: 18px;
  background: url("../images/sub/car_17_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num17 > .ico {
  left: 15px;
  top: 9px;
}
.repair-history-area .repair-check-area-sm .on.num18 {
  position: absolute;
  left: 30px;
  top: 206px;
  width: 62px;
  height: 9px;
  background: url("../images/sub/car_18_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num18 > .ico {
  left: 31px;
  top: 9px;
}
.repair-history-area .repair-check-area-sm .on.num19-1 {
  position: absolute;
  left: 24px;
  top: 186px;
  width: 13px;
  height: 20px;
  background: url("../images/sub/car_19_left_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num19-1 > .ico {
  left: -8px;
  top: 9px;
}
.repair-history-area .repair-check-area-sm .on.num19-2 {
  position: absolute;
  left: 84px;
  top: 186px;
  width: 13px;
  height: 20px;
  background: url("../images/sub/car_19_right_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num19-2 > .ico {
  left: 21px;
  top: 9px;
}
.repair-history-area .repair-check-area-sm .on.num20 {
  position: absolute;
  left: 31px;
  top: 166px;
  width: 61px;
  height: 8px;
  background: url("../images/sub/car_20_s.png") no-repeat;
}
.repair-history-area .repair-check-area-sm .on.num20 > .ico {
  left: 30px;
  top: 4px;
}
.repair-history-area .repair-check-area-sm .repair-history-mark {
  clear: both;
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-num {
  margin: 30px 0;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-num span {
  position: relative;
  margin-right: 15px;
  font-size: 16px;
  color: #999;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-num span.on {
  color: #2666c6;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-num span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #e0e0e0;
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -3px;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-txt > div {
  height: 40px;
  padding: 0 30px;
  border: 1px solid #ddd;
  border-radius: 38px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  margin: 0 5px;
  font-size: 18px;
  color: #666;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-txt > div strong {
  font-weight: 600;
}
.repair-history-area .repair-check-area-sm .repair-history-mark .repair-history-txt > div strong.blue {
  color: #2666c6;
}
.repair-history-area .car-dia-sm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* 진단중고차 수정 2020.02.04 */
.diagnosis-content {
  padding: 20px 0 30px;
  background: #fff;
}
.diagnosis-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.diagnosis-content .sub-tit {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.diagnosis-content .sub-txt {
  color: #666;
  line-height: 1.7;
}
.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 {
  font-size: 14px;
}
.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;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  background: #f1f1f1;
  text-align: center;
}
.diagnosis-content .diagnosis-tb table tbody th,
.diagnosis-content .diagnosis-tb table tbody td {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  padding: 10px;
}
.diagnosis-content .diagnosis-tb table tbody th.text-center,
.diagnosis-content .diagnosis-tb table tbody td.text-center {
  text-align: center;
}
.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 50px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0;
}
.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;
  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 ol li {
  font-size: 14px;
}
.diagnosis-content ol ul {
  padding-left: 15px;
}

.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state {
  float: right;
  width: 44.31%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 25px 30px 27px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info {
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact {
  overflow: hidden;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star {
  width: 36.36%;
  float: left;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-star .star-area {
  margin-top: 8px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt {
  float: left;
  padding: 0;
  width: 63.64%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 500;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .place {
  position: relative;
  margin-top: 5px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .place .place-add .tip-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-num {
  position: relative;
  margin: 0 0 8px 0;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec {
  position: relative;
  padding-left: 30px;
  height: 24px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec a {
  display: inline-block;
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dear-contact .dealer-cnt .dealer-tel-rec:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/bg_dealer_tel.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact {
  overflow: hidden;
  margin-top: 40px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star {
  width: 100%;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo .btn-dealer-info img {
  width: 80px;
  height: 80px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-star .photo .btn-dealer-info:after {
  display: none;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt {
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 500;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .place {
  position: relative;
  margin-top: 10px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num {
  margin: 0 0 15px 0;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  height: 24px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/sub/bg_dealer_tel.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .sell-dear-contact .dealer-cnt .dealer-tel-rec a span {
  color: #2666c6;
  border-bottom: 1px solid #2666c6;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass {
  overflow: hidden;
  margin-top: 40px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding {
  position: relative;
  float: left;
  padding: 52px 0 0 0;
  width: 25%;
  text-align: center;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding[class*=bg0]:after {
  left: 50%;
  top: 0;
  margin-left: -30px;
  width: 60px;
  height: 47px;
  background: url("../images/common/bg_badge_b.png") no-repeat;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg01:after {
  background-position: left top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg02:after {
  background-position: -60px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg03:after {
  background-position: -120px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg04:after {
  background-position: -180px top;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.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;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv {
  text-align: center;
  margin-top: 20px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv p {
  font-size: 16px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.dir-btn-dealer {
  margin-top: 70px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m {
  width: 48.48%;
  height: 50px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.lft {
  float: left;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m.rgt {
  float: right;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer .btn-m span {
  line-height: 48px;
}
.cmm-cardt-area .car-dt-info .car-buy-info .car-buy-check .car-sell-state .car-seller-info-ed .cmm-dealer-info .dealer-info-area .dealer-resv .btn-dealer.visit-btn .btn-m {
  width: 31.6%;
  float: left;
}

.digital-program {
  margin-top: 80px;
}
.digital-program .diag-program-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.digital-program .diag-program-list .diag-program {
  position: relative;
  width: 100%;
  min-height: 265px;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.digital-program .diag-program-list .diag-program:nth-child(2n) {
  margin-left: 20px;
}
.digital-program .diag-program-list .diag-program .diag-program-txt strong {
  font-size: 18px;
  font-weight: 600;
}
.digital-program .diag-program-list .diag-program .diag-program-txt strong span {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  color: #2666c6;
}
.digital-program .diag-program-list .diag-program .diag-program-txt ul {
  margin-top: 25px;
}
.digital-program .diag-program-list .diag-program .diag-program-txt ul li {
  font-size: 16px;
  color: #222;
  line-height: 1.5;
}
.digital-program .diag-program-list .diag-program .diag-program-icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.digital-program .diag-program-list .diag-program .diag-program-icon-verify {
  width: 91px;
  height: 88px;
  background: url("../images/sub/diag-program01.png") no-repeat 0 0;
}
.digital-program .diag-program-list .diag-program .diag-program-icon-as {
  width: 159px;
  height: 84px;
  background: url("../images/sub/diag-program02.png") no-repeat 0 0;
}
.digital-program .diag-program-list .diag-program.hg180 {
  min-height: 180px;
}

hr.line {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
}

h2.cmm-sub-tit .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%);
}

/*대환대출 2021.03.19*/
.loan-app {
  padding-bottom: 50px;
  position: relative;
}
.loan-app .tv-tit01 {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  letter-spacing: -0.025em;
  font-size: 50px;
  font-weight: 300;
}
.loan-app:after {
  content: "";
  position: absolute;
  right: 60px;
  top: -38px;
  display: block;
  width: 240px;
  height: 240px;
}
.loan-app.bg-secure:after {
  background: url("../images/sub/secure_loan_bg.png") no-repeat 0px 0px;
}
.loan-app.bg-aff:after {
  background: url("../images/sub/aff_loan_bg.png") no-repeat 0px 0px;
}
.loan-app .loan-hashtag span {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #222;
}
.loan-app .loan-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 5px;
}
.loan-app .loan-terms > div {
  width: 230px;
}
.loan-app .loan-terms > div span {
  font-size: 18px;
  font-weight: 600;
}
.loan-app .loan-terms > div strong {
  display: inline-block;
  font-size: 36px;
  color: #336fc9;
  padding-left: 25px;
  font-weight: 600;
}
.loan-app .loan-terms > div strong i {
  font-size: 26px;
  font-style: normal;
}

.common-content.content--center-block {
  width: 100%;
  background: #f5f6f9;
}
.common-content.content--center-block .loan-wrap {
  position: relative;
  width: 980px;
  margin: 0 auto 100px;
}
.common-content.content--center-block .loan-wrap .top-event-banner {
  display: none;
}
.common-content.content--center-block .loan-wrap .car-search {
  left: 0;
}
.common-content.content--center-block .loan-wrap .top-location {
  margin: 0 0 60px 60px;
}
.common-content.content--center-block .loan-wrap .top-tit {
  position: relative;
  width: 100%;
  padding-left: 64px;
}
.common-content.content--center-block .loan-wrap .common-sub-content {
  padding-top: 0;
}

.guide-loan {
  background: #fff;
  border-top: 1px solid #ddd;
  margin: 0 -30px;
  padding: 35px 30px 50px 30px;
}
.guide-loan .tabs-area > ul > li a {
  font-size: 18px;
}
.guide-loan .tabs-con > .guide-loan__cont {
  padding: 50px 0 35px;
}
.guide-loan .guide-loan__cont {
  display: none;
  padding: 10px 30px 15px 30px;
  font-size: 13px;
}
.guide-loan .guide-loan__cont ul li {
  position: relative;
  padding-left: 10px;
  line-height: 1.7;
}
.guide-loan .guide-loan__cont ul li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #ddd;
  position: absolute;
  top: 10px;
  left: 0;
}
.guide-loan .guide-loan__cont ul li img {
  display: block;
  margin-top: 20px;
}
.guide-loan .guide-loan__cont .bold {
  font-size: 16px;
  font-weight: 500;
}
.guide-loan .copy-loan li {
  color: #999;
  line-height: 1.7;
}
.guide-loan .copy-loan strong {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-top: 15px;
}

@media (min-width: 1441px) {
  .guide-loan {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
/* 2021.08.04 한줄광고 매물 */
.lineAd__list {
  margin-left: -20px;
  padding: 0 0 40px;
  overflow: hidden;
}
.lineAd__list li {
  position: relative;
  float: left;
  width: 50%;
}
.lineAd__list li .lineAd__list-item {
  position: relative;
  display: block;
  height: 130px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0 0 20px 20px;
  padding: 24px 24px 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lineAd__list li .lineAd__list-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 100px 0 0;
}
.lineAd__list li .lineAd__list-item .text .dealer {
  display: block;
  color: #666;
  margin-top: 20px;
}
.lineAd__list li .lineAd__list-item .text .title {
  font-size: 18px;
  font-weight: 500;
}
.lineAd__list li .lineAd__list-item .text .info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}
.lineAd__list li .lineAd__list-item .text .info span {
  position: relative;
  color: #999;
  font-weight: 500;
  margin-right: 10px;
}
.lineAd__list li .lineAd__list-item .text .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  width: 1px;
  height: 10px;
  background: #999;
}
.lineAd__list li .lineAd__list-item .adprice-info {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  text-align: right;
}
.lineAd__list li .lineAd__list-item .adprice-info .price {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #336fc9;
}
.lineAd__list li .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 li .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;
}

.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer {
  vertical-align: middle;
  text-align: center;
  padding: 50px 0 20px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .dealer-add {
  font-size: 18px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .dealer-tel-info {
  margin: 30px auto 50px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .dealer-tel-info .dealer-name {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-weight: 500;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .dealer-tel-info .dealer-tel-num {
  position: relative;
  margin: 0 0 8px 0;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .dealer-tel-info .dealer-tel-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.popup-wrap .pop-whBox .pop-area .pop-con .ad-dealer .mid-txt {
  font-size: 16px;
  line-height: 1.5;
}

.sub-header {
  position: relative;
  padding: 35px 25px 80px;
}
.sub-header:after {
  content: "";
}
.sub-header.sub-header--interest-rate .sub-header__rate-area {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 288px;
  height: 144px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/sub/bg_consult_1025.png") center/288px auto no-repeat;
}
.sub-header.sub-header--interest-rate .sub-header__rate {
  position: absolute;
  left: 153px;
  top: 72px;
  display: block;
  font-weight: bolder;
  text-align: center;
  font-size: 36px;
  line-height: 1.06;
  font-family: inherit;
}
.sub-header .sub-header__tit-area {
  margin: 0 0 68px;
}
.sub-header .sub-header__cont {
  margin: 68px 0 0;
}
.sub-header .sub-header__tag-area {
  font-size: 0;
}
.sub-header .sub-header__tag-area .sub-header__tag {
  display: inline-block;
  margin-right: 14px;
  font-size: 18px;
  color: #2572f6;
}
.sub-header .sub-header__data {
  margin: 10px 0 0;
}
.sub-header .sub-header__data:after {
  display: block;
  clear: both;
  content: "";
}
.sub-header .sub-header__data > div {
  float: left;
  margin-right: 40px;
}
.sub-header .sub-header__data > div > dt {
  display: inline-block;
  position: relative;
  padding-left: 12px;
  margin-right: 15px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}
.sub-header .sub-header__data > div > dt:before {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #2572f6;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 0;
  content: "";
}
.sub-header .sub-header__data > div > dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.sub-header .sub-header__data > div > dd strong {
  display: inline-block;
  margin-top: -3px;
  vertical-align: middle;
  font-size: 40px;
  font-weight: bolder;
  font-family: inherit;
}
.sub-header .sub-header__data > div:last-child {
  margin-right: 0;
}

.header-tit .header-tit__subject {
  display: block;
  color: #111;
  line-height: 1.2;
}
.header-tit .header-tit__subject .txt-highlight {
  font-weight: bold;
  position: relative;
  z-index: 0;
}
.header-tit .header-tit__subject .txt-highlight:before {
  z-index: -1;
  position: absolute;
  left: 0;
  width: 0;
  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%;
  }
}
.header-tit .header-tit__desc {
  display: block;
  font-size: 24px;
  color: #333;
  margin: 16px 0 0;
}
.header-tit.header-tit--d1 .header-tit__subject {
  font-size: 52px;
}
.header-tit.header-tit--d1 .header-tit__subject .txt-highlight:before {
  bottom: 6px;
  height: 14px;
}

.guide-loan__tit-sub {
  display: block;
  margin: 80px 0 10px;
  font-size: 16px;
  color: #111;
}

.guide-loan__divide {
  margin-top: 80px;
}

.cmm-cardt-area .car-dt-info .gallery_view .bx-wrapper .bx-viewport .bxslider li .line-ad.type-point {
  left: 0;
  bottom: 0;
  background: #ffcc02;
  color: #111;
}

.cmm-cardt-area .fc-service .my-credit-srch .my-credit-srch__block .btn a {
  border-width: 2px;
}

.lineAd__list li .lineAd__list-item .text .info span {
  margin-right: 0;
}
.lineAd__list li .lineAd__list-item .text .info span:last-child:after {
  display: none;
}
.lineAd__list li .lineAd__list-item .text .info span:after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 3px 0 5px;
}

.price--selling {
  color: #999 !important;
}

.popup-wrap .pop-whBox .pop-area .pop-sns-login {
  padding: 46px 28px 20px;
  text-align: center;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login span {
  font: inherit;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .text-under-line {
  border-bottom: 1px solid #222;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .text-blue {
  color: #2666c6;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__group {
  padding: 20px 0 28px;
  border-bottom: 1px solid #eee;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__item {
  width: 100%;
  height: 48px;
  line-height: 46px;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__item + .sns-login__item {
  margin-top: 8px;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link {
  position: relative;
  display: block;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link:before {
  position: absolute;
  top: 50%;
  left: 26px;
  content: "";
  width: 20px;
  height: 22px;
  margin-top: -11px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-kakao {
  border-color: #fae100;
  background: #fee500;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-kakao:before {
  background-image: url("../images/sub/icon_sns_kakao.png");
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-naver {
  border-color: #19ce60;
  background: #19ce60;
  color: #fff;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-naver:before {
  background-image: url("../images/sub/icon_sns_naver.png");
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-facebook:before {
  background-image: url("../images/sub/icon_sns_facebook.png");
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__link-google:before {
  background-image: url("../images/sub/icon_sns_google.png");
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__text {
  margin-top: 27px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625;
}
.popup-wrap .pop-whBox .pop-area .pop-sns-login .sns-login__desc {
  width: 280px;
  margin: 21px auto 5px;
  padding: 7px 0;
  background: #f8f8f8;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}
.popup-wrap .pop-whBox .pop-area__login {
  margin-top: 17px;
  text-align: center;
  color: #fff;
}
.popup-wrap .pop-whBox .pop-area__login .pop-area__login-text {
  color: #fff;
}
.popup-wrap .pop-whBox .pop-area__login .pop-area__login-link {
  margin-left: 10px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

/* 차량 상세 */
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc {
  width: auto;
  margin-left: -1%;
  margin-right: -1%;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a {
  float: left;
  margin: 0 1% 14px;
  width: 48%;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a:last-child {
  float: left;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc a .img-arrow {
  display: inline-block;
  position: relative;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc.col3 a {
  width: 31.3%;
  font-size: 0;
  line-height: 16px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc.col3 a .img-arrow {
  max-width: 85%;
  height: 20px;
}
.cmm-cardt-area .fc-service .my-credit-srch .isr-calc.col3 a img {
  max-width: 100%;
}

.buy-method .list-area {
  padding: 25px 0;
}
.buy-method .tit {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}
.buy-method .list-area01 {
  margin-top: 25px;
}
.buy-method .cmm-bl-dash {
  list-style: disc;
  font-size: 14px;
  font-weight: normal;
  margin: 0 15px;
}
.buy-method .cmm-bl-dash > li {
  list-style: disc;
  font-size: 14px;
  line-height: 1.4;
  margin: 6px 0 0 0;
}
.buy-method .cmm-bl-dash > li:first-of-type {
  margin-top: 0;
}
.buy-method .cmm-bl-dash > li > ul {
  list-style: circle;
  margin: 0 0 0 15px;
}
.buy-method .cmm-bl-dash > li > ul li {
  list-style: circle;
  margin-top: 3px;
}
.buy-method.buy-method--ty2 .cmm-bl-dash {
  margin-left: 4px;
}
.buy-method.buy-method--ty2 .cmm-bl-dash > li::marker {
  margin-left: -3px;
}
.buy-method.buy-method--ty2 .cmm-bl-dash > li > ul {
  margin: 0;
}

.bargraph-area {
  position: relative;
  width: 520px;
  height: 223px;
  background: #fafbfc;
  border-radius: 10px;
  margin-top: 10px;
}
.bargraph-area .bargraph-area__grid {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 0;
  bottom: 54px;
  background: url("../images/sub/bg_line_graph.png") bottom left/auto 34px repeat;
  vertical-align: bottom;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.bargraph-area .bargraph-area__item {
  position: relative;
  display: inline-block;
  margin: 0 35px;
  width: 100px;
  height: 100%;
}
.bargraph-area .bargraph-area__item.bargraph-area__item--point .bargraph-area__gauge > strong {
  color: #195bbe;
}
.bargraph-area .bargraph-area__item.bargraph-area__item--point .bargraph-area__gauge-bar {
  background: #195bbe;
}
.bargraph-area .bargraph-area__item.bargraph-area__item--point .bargraph-area__label > span {
  border: 1px solid #195bbe;
  color: #195bbe;
}
.bargraph-area .bargraph-area__gauge {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bargraph-area .bargraph-area__gauge .bargraph-area__gauge-bar {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 100%;
  background: #cccccc;
  border-radius: 8px 8px 0 0;
}
.bargraph-area .bargraph-area__gauge > strong {
  display: block;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  font-size: 18px;
  margin-top: -5px;
  font-weight: bold;
}
.bargraph-area .bargraph-area__label {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  margin-top: 10px;
}
.bargraph-area .bargraph-area__label > span {
  display: inline-block;
  line-height: 26px;
  height: 26px;
  padding: 0 14px;
  border-radius: 15px;
  border: 1px solid #aaa;
  color: #aaa;
  font-size: 16px;
}

.fc-blue {
  color: #2666c6 !important;
}

.fw-bold {
  font-weight: bold;
  font-weight: bold;
}

.fw-medium {
  font-weight: 500;
}

.new-content-body {
  /* layout style
    ============= */
  /* Typography */
  /* inner content layout */
  /* accordion-wrap */
  /* 1. 2. ... 자동 넘버링 불릿 */
  /* page style
    ============= */
}
.new-content-body .icon16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.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;
}
.new-content-body .icon16.icon-arrow-bottom-black {
  background: url("../images/common/icon16-arrow-bottom-black.svg") no-repeat center/contain;
}
.new-content-body .icon-guide-plus {
  background-image: url("../images/common/icon24-guide-plus.svg");
}
.new-content-body .icon-ddabong {
  background-image: url("../images/common/icon56-ddabong.svg");
}
.new-content-body .icon-zoom {
  background-image: url("../images/common/icon56-zoom.svg");
}
.new-content-body .icon-clean {
  background-image: url("../images/common/icon56-clean.svg");
}
.new-content-body i {
  font-style: inherit;
}
.new-content-body .header-title-100 {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .dock-bar-100 {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02em5;
}
.new-content-body .txt-emoji {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  margin-top: 2px;
}
.new-content-body .service-balloon {
  display: inline-block;
  width: 166px;
  height: 152px;
  background: url("../images/common/balloon-service.svg") center/contain no-repeat;
  text-align: center;
  font-size: 14px;
  color: #222;
  padding: 12px;
  line-height: 1.3;
}
.new-content-body .tit-desc {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.new-content-body .tit-upper-sub {
  margin-bottom: 12px;
}
.new-content-body .tit-upper-sub .sub-txt {
  font-size: 13px;
  line-height: 1.4;
  color: #222;
  font-weight: 500;
}
.new-content-body .tit-upper-sub .service-balloon {
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all cubic-bezier(0.42, 0, 0.5, 1.23) 0.4s 0.2s;
  transition: all cubic-bezier(0.42, 0, 0.5, 1.23) 0.4s 0.2s;
}
.new-content-body .tit-upper-sub .service-balloon.screenon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.new-content-body .point-governing {
  line-height: 40px;
  color: #222;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .point-governing.size-s {
  font-size: 26px;
  line-height: 1.4;
}
.new-content-body .point-governing span {
  z-index: 0;
  position: relative;
  font: inherit;
}
.new-content-body .point-governing span:before {
  z-index: -1;
  position: absolute;
  display: block;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 14px;
  background: #fff;
  opacity: 0;
  -webkit-animation: aniGoverningHighlight ease-in-out 0.3s both 0.2s;
          animation: aniGoverningHighlight ease-in-out 0.3s both 0.2s;
  content: "";
}
.new-content-body .point-governing span:nth-of-type(2):before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.new-content-body .point-governing span:nth-of-type(3):before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@-webkit-keyframes aniGoverningHighlight {
  0% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0.5;
  }
}
@keyframes aniGoverningHighlight {
  0% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0.5;
  }
}
.new-content-body .point-governing-desc {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.025em;
  font-weight: 400;
  margin-top: 26px;
}
.new-content-body .point-governing-desc .desc-s {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02em5;
  color: #222;
  display: block;
  margin-top: 10px;
}
.new-content-body .point-governing-desc.size-s {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.025em;
  font-weight: 400;
}
.new-content-body .subcont-area {
  display: block;
  margin-top: 48px;
}
.new-content-body .subcont-area:first-child {
  margin-top: 0;
}
.new-content-body .subcont-area.first {
  margin-top: 30px;
}
.new-content-body .subcont-area.depth2 {
  margin-top: 32px;
}
.new-content-body .subcont-area.depth2 .tit-area {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.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 -16px;
  padding: 32px 16px;
  border-top: 8px 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: -16px;
  margin-right: -16px;
  padding: 32px 16px;
  background: #f8f8f8;
}
.new-content-body .subcont-area.type-bg + .subcont-area.type-bg {
  border-top: 8px solid #eee;
  margin-top: 0;
}
.new-content-body .subcont-area.type-bg.last {
  margin-bottom: -32px;
}
.new-content-body .subcont-area.type-white {
  background: #fff !important;
  margin-left: -16px;
  margin-right: -16px;
  padding: 32px 16px;
}
.new-content-body .subcont-area.type-bg-point {
  z-index: 0;
  position: relative;
  padding: 32px 28px;
  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: 100%;
  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;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniShowBgPoint {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.new-content-body .subcont-area.pd-l {
  padding-left: 10px;
  padding-right: 10px;
}
.new-content-body .subcont-area.pd-l.type-bg {
  padding-left: 32px;
  padding-right: 32px;
}
.new-content-body .subcont-area.pd-l.type-bg .btn-area {
  margin-left: -16px;
  margin-right: -16px;
}
.new-content-body .subcont-area hr.subcont-division {
  border-top: 1px solid #eee;
  margin: 32px 0;
}
.new-content-body .subcont-area hr.subcont-division.size-s {
  margin: 16px 0;
}
.new-content-body .subcont-area hr.subcont-division.full {
  margin-left: -24px;
  margin-right: -24px;
}
.new-content-body .subcont-area .tab-round-border {
  width: auto;
  margin: 0 -16px;
}
.new-content-body .accordion-wrap {
  /* .type-bottom */
  /* type-total */
  /* type-mix */
  /* type-card */
  /* type-assets */
  /* type-multi */
}
.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: 16px 0;
  width: 100%;
  cursor: pointer;
}
.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.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: 400;
  margin-right: 16px;
  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: 12px;
}
.new-content-body .accordion-wrap.type-bottom .icon-info-black {
  margin-top: 4px;
  margin-right: 4px;
}
.new-content-body .accordion-wrap.type-bottom strong {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.025em;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 8px;
}
.new-content-body .accordion-wrap.type-bottom .icon-arrow-bottom-black {
  margin-top: 4px;
}
.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: 16px;
}
.new-content-body .accordion-wrap.type-bottom .accordion-container {
  padding: 0 16px 16px;
}
.new-content-body .accordion-wrap.type-bottom .bullet-list + .bullet-list {
  margin-top: 25px;
}
.new-content-body .accordion-wrap.type-total {
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.new-content-body .accordion-wrap.type-total .accordion-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px;
}
.new-content-body .accordion-wrap.type-total .accordion-container {
  padding: 16px;
  border-top: 1px solid #eee;
}
.new-content-body .accordion-wrap.type-total .accordion-container .property-list > li {
  margin-top: 16px;
  padding: 0;
  border: none;
}
.new-content-body .accordion-wrap.type-total .accordion-container .property-list > li:first-child {
  margin-top: 0;
}
.new-content-body .accordion-wrap.type-total .accordion-container .property-list > li .form-checkbox .icon {
  left: 0;
}
.new-content-body .accordion-wrap.type-total .accordion-container .property-list > li .tag {
  right: 0;
}
.new-content-body .accordion-wrap.type-total .accordion-container .property-list > li .state {
  right: 0;
}
.new-content-body .accordion-wrap.type-total .acco-left {
  font-size: 0;
}
.new-content-body .accordion-wrap.type-total .acco-left .bank {
  margin-right: 8px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.new-content-body .accordion-wrap.type-total .acco-left .bank img {
  width: 100%;
}
.new-content-body .accordion-wrap.type-total .acco-left strong {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.025em;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 8px;
}
.new-content-body .accordion-wrap.type-total .acco-left .description-list em {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-total .acco-left .description-list span {
  margin-left: 8px;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-total .acco-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 2px;
}
.new-content-body .accordion-wrap.type-total .acco-right .num-box {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-right: 4px;
}
.new-content-body .accordion-wrap.type-total .acco-right .num-box em,
.new-content-body .accordion-wrap.type-total .acco-right .num-box span {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.025em;
  display: inline-block;
}
.new-content-body .accordion-wrap.type-total .acco-right .total-list-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 4px;
}
.new-content-body .accordion-wrap.type-total .acco-right .total-list-caption dt {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-left: 8px;
}
.new-content-body .accordion-wrap.type-total .acco-right .total-list-caption dd {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-left: 2px;
}
.new-content-body .accordion-wrap.type-total .acco-right .total-list-caption dd.success {
  color: #222;
}
.new-content-body .accordion-wrap.type-total .acco-right .total-list-caption dd.fail {
  color: #f00;
}
.new-content-body .accordion-wrap.type-total.toggle-active .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-content-body .accordion-wrap.type-mix {
  position: relative;
}
.new-content-body .accordion-wrap.type-mix:after {
  position: absolute;
  bottom: 0;
  left: -16px;
  content: "";
  display: block;
  width: calc(100% + 32px);
  height: 8px;
  background: #f8f8f8;
}
.new-content-body .accordion-wrap.type-mix .accordion-header {
  padding: 32px 0;
  padding-right: 20px;
}
.new-content-body .accordion-wrap.type-mix .acco-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-content-body .accordion-wrap.type-mix .acco-left strong {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-mix .acco-left .num-round {
  margin-left: 8px;
}
.new-content-body .accordion-wrap.type-mix .acco-right .account-box {
  text-align: right;
}
.new-content-body .accordion-wrap.type-mix .acco-right .account-box .account-top * {
  vertical-align: middle;
}
.new-content-body .accordion-wrap.type-mix .acco-right .account-box .account-top i {
  margin-top: 2px;
  margin-right: 8px;
}
.new-content-body .accordion-wrap.type-mix .acco-right .account-box .account-top em,
.new-content-body .accordion-wrap.type-mix .acco-right .account-box .account-top span {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-mix .acco-right .account-box .account-bottom em {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02em5;
  color: #2589ff;
}
.new-content-body .accordion-wrap.type-mix .acco-right > i {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
.new-content-body .accordion-wrap.type-mix.toggle-active .icon-arrow-bottom-black {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-content-body .accordion-wrap.type-card {
  position: relative;
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.new-content-body .accordion-wrap.type-card .tag {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #fff;
  position: absolute;
  top: 0;
  right: 16px;
  display: block;
  padding-top: 10px;
  width: 48px;
  height: 48px;
  background: url("../images/icon/bg-tag.svg") no-repeat center/contain;
  text-align: center;
}
.new-content-body .accordion-wrap.type-card .card-tit {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
.new-content-body .accordion-wrap.type-card .accordion-header {
  padding: 0;
  display: block;
}
.new-content-body .accordion-wrap.type-card .accordion-header .status-box i {
  margin-right: 4px;
  vertical-align: middle;
}
.new-content-body .accordion-wrap.type-card .accordion-header .status-box span {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  vertical-align: middle;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between .left-box strong {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.025em;
  display: inline-block;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between .right-box {
  position: relative;
  padding-right: 20px;
  text-align: right;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between .right-box em {
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
  display: block;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between .right-box .txt-error {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #f00;
  display: block;
}
.new-content-body .accordion-wrap.type-card .accordion-header .data-between .right-box i {
  position: absolute;
  top: 4px;
  right: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.new-content-body .accordion-wrap.type-card .accordion-container {
  margin-top: 16px;
  padding-top: 24px;
  border-top: 1px dashed #eee;
}
.new-content-body .accordion-wrap.type-card .accordion-container .card-txt {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.025em;
  text-align: center;
}
.new-content-body .accordion-wrap.type-card.toggle-active .accordion-header .data-between .right-box i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-content-body .accordion-wrap.type-assets .accordion-header .acco-left strong {
  display: inline-block;
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-assets .accordion-header .acco-right {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-content-body .accordion-wrap.type-assets .accordion-header .acco-right em {
  display: inline-block;
  line-height: 26px;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-right: 4px;
}
.new-content-body .accordion-wrap.type-assets .accordion-container {
  margin-top: 8px;
}
.new-content-body .accordion-wrap.type-assets.toggle-active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-content-body .accordion-wrap.type-multi {
  margin-top: 8px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.new-content-body .accordion-wrap.type-multi > .accordion-container {
  border-top: 1px solid #eee;
}
.new-content-body .accordion-wrap.type-multi > .accordion-container > ul > li {
  position: relative;
}
.new-content-body .accordion-wrap.type-multi > .accordion-container > ul > li + li:before {
  position: absolute;
  top: 0;
  left: 16px;
  content: "";
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  background: #eee;
}
.new-content-body .accordion-wrap.type-multi .accordion-header {
  padding: 16px;
}
.new-content-body .accordion-wrap.type-multi .accordion-header .acco-left {
  padding-right: 20px;
  font-size: 0;
}
.new-content-body .accordion-wrap.type-multi .accordion-header .acco-left .description-list em {
  line-height: 24px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-multi .accordion-header .acco-left .description-list span {
  margin-left: 8px;
  line-height: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
}
.new-content-body .accordion-wrap.type-multi .accordion-header .acco-right {
  position: absolute;
  top: 20px;
  right: 16px;
}
.new-content-body .accordion-wrap.type-multi.toggle-active .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-content-body .terms-tit-d2 {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  display: block;
  margin: 24px 0 8px;
  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.02em5;
  display: block;
  color: #888;
  margin-top: 2px;
}
.new-content-body .terms-tit + .bullet-list {
  margin-top: 0;
}
.new-content-body strong.bullet-list,
.new-content-body p.bullet-list,
.new-content-body div.bullet-list {
  line-height: 24px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.025em;
  position: relative;
  display: block;
  margin: 16px 0 4px;
  padding-left: 12px;
}
.new-content-body strong.bullet-list:before,
.new-content-body p.bullet-list:before,
.new-content-body div.bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #888;
}
.new-content-body strong.bullet-list:first-child,
.new-content-body p.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 div.bullet-list.sm {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  padding-left: 8px;
  margin-top: 4px;
}
.new-content-body strong.bullet-list.sm:before,
.new-content-body p.bullet-list.sm:before,
.new-content-body div.bullet-list.sm:before {
  top: 9px;
  width: 2px;
  height: 2px;
}
.new-content-body strong.bullet-list.sm:first-child,
.new-content-body p.bullet-list.sm:first-child,
.new-content-body div.bullet-list.sm:first-child {
  margin-top: 0;
}
.new-content-body strong.bullet-list strong,
.new-content-body p.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.025em;
  position: relative;
  margin-top: 16px;
  padding-left: 12px;
}
.new-content-body .bullet-list li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #888;
}
.new-content-body .bullet-list li .bullet-list.sm {
  margin-top: 8px;
}
.new-content-body .bullet-list li strong {
  font-size: inherit;
}
.new-content-body .bullet-list.sm li {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.025em;
  margin-top: 4px;
  padding-left: 8px;
}
.new-content-body .bullet-list.sm li:first-child {
  margin-top: 0;
}
.new-content-body .bullet-list.sm li:before {
  top: 9px;
  width: 2px;
  height: 2px;
}
.new-content-body .bullet-list.sm li strong {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-right: 0;
}
.new-content-body .bullet-list.xs li {
  line-height: 16px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.02em5;
  color: #888;
}
.new-content-body .bullet-list.xs li:before {
  top: 5px;
}
.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.025em;
  position: relative;
  margin-top: 8px;
  padding-left: 16px;
}
.new-content-body .bullet-num > li:before,
.new-content-body .bullet-num > .bullet-num-item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  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 .service-rolling-area {
  position: relative;
  height: 280px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.5s 0.2s;
  transition: opacity ease-in-out 0.5s 0.2s;
}
.new-content-body .service-rolling-area:after, .new-content-body .service-rolling-area:before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 204, 0)), to(rgba(255, 204, 0, 0)));
  background: linear-gradient(to bottom, rgb(255, 204, 0) 0%, rgba(255, 204, 0, 0) 100%);
  content: "";
}
.new-content-body .service-rolling-area:after {
  top: auto;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 204, 0)), to(rgba(255, 204, 0, 0)));
  background: linear-gradient(to top, rgb(255, 204, 0) 0%, rgba(255, 204, 0, 0) 100%);
}
.new-content-body .service-rolling-area.screenon {
  opacity: 1;
}
.new-content-body .service-rolling-area.screenon .service-rolling-inner {
  -webkit-animation: aniRollingStart cubic-bezier(0.21, 0.67, 0.53, 1.14) 1.2s both;
          animation: aniRollingStart cubic-bezier(0.21, 0.67, 0.53, 1.14) 1.2s both;
}
.new-content-body .subcont-area.type-financial-service {
  z-index: 0;
  height: 350px;
  padding-top: 110px;
  padding-right: 182px;
}
.new-content-body .subcont-area.type-financial-service .tit-upper-sub {
  position: absolute;
  top: 40px;
  left: 200px;
}
.new-content-body .subcont-area.type-financial-service .service-rolling-area {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 30px;
  height: 100%;
}
@-webkit-keyframes aniRollingStart {
  0% {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aniRollingStart {
  0% {
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.new-content-body .service-rolling-list {
  -webkit-transition: -webkit-transform ease-in-out 0.5s;
  transition: -webkit-transform ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
}
.new-content-body .service-rolling-list.no-ani {
  -webkit-transition: none;
  transition: none;
}
.new-content-body .service-rolling-list .item {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #8a6e00;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.new-content-body .service-rolling-list .item span,
.new-content-body .service-rolling-list .item strong {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 700;
  padding: 0 20px;
  margin: 5px 0;
}
.new-content-body .service-rolling-list .item strong {
  background: rgba(255, 255, 255, 0.8);
}
.new-content-body .plus-box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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 .plus-box-area .plus-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -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;
  text-align: center;
  border: 1px solid #60584c;
  border-radius: 15px;
  overflow: hidden;
}
.new-content-body .plus-box-area .plus-box .plus-box-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  display: block;
  background: #60584c;
  padding: 12px 0 10px;
}
.new-content-body .plus-box-area .plus-box .plus-box-header strong {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.new-content-body .plus-box-area .plus-box .plus-box-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 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: 0 13px;
}
.new-content-body .plus-box-area .plus-box ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.new-content-body .plus-box-area .plus-box li {
  width: 100%;
  font-size: 13px;
  padding: 12px 0;
  border-top: 1px dashed #ccc;
}
.new-content-body .plus-box-area .plus-box li:first-child {
  border-top: 0;
}
.new-content-body .plus-box-area .plus-box small {
  font-size: 11px;
}
.new-content-body .plus-box-area .plus-box-divide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 10px;
}
.new-content-body .faq-chat-area {
  margin-bottom: 30px;
}
.new-content-body .faq-chat-area > .item {
  margin-top: 50px;
  font-size: 0;
}
.new-content-body .faq-chat-area > .item:first-child {
  margin-top: 0;
}
.new-content-body .faq-chat-area dt,
.new-content-body .faq-chat-area dd {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s;
}
.new-content-body .faq-chat-area dt.screenon,
.new-content-body .faq-chat-area dd.screenon {
  opacity: 1;
}
.new-content-body .faq-chat-area dt.screenon .faq-chat-balloon,
.new-content-body .faq-chat-area dd.screenon .faq-chat-balloon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.new-content-body .faq-chat-area dt {
  text-align: left;
  margin-bottom: 16px;
}
.new-content-body .faq-chat-area dd {
  text-align: right;
  margin-bottom: 16px;
}
.new-content-body .faq-chat-area .faq-profile {
  display: inline-block;
  vertical-align: bottom;
  width: 45px;
  height: 71px;
  background: url("../images/common/faq-profile.png") center/contain no-repeat;
}
.new-content-body .faq-chat-area .faq-profile + .faq-chat-balloon {
  max-width: calc(100% - 51px);
  margin-left: 6px;
}
.new-content-body .faq-chat-area .faq-chat-balloon {
  display: inline-block;
  vertical-align: bottom;
  padding: 16px 25px;
  border-radius: 44px;
  background: #f2f2f2;
  font-size: 14px;
  color: #222;
  word-break: keep-all;
  -webkit-transform: translateY(10px) translateX(-10px) scale(0.5);
      -ms-transform: translateY(10px) translateX(-10px) scale(0.5);
          transform: translateY(10px) translateX(-10px) scale(0.5);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.new-content-body .faq-chat-area .faq-chat-balloon strong {
  color: #f37c00;
  font-weight: inherit;
}
.new-content-body .faq-chat-area .faq-chat-balloon.type-question {
  border-bottom-left-radius: 0;
}
.new-content-body .faq-chat-area .faq-chat-balloon.type-answer {
  border-bottom-right-radius: 0;
  background: #fff2bd;
  text-align: left;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: translateY(10px) translateX(10px) scale(0.8);
      -ms-transform: translateY(10px) translateX(10px) scale(0.8);
          transform: translateY(10px) translateX(10px) scale(0.8);
}
.new-content-body .faq-chat-area .faq-chat-balloon.type-answer:first-child {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.new-content-body .diag-guide-visual {
  position: relative;
  display: block;
  width: 280px;
  height: 300px;
  margin: -10px auto -24px;
}
.new-content-body .diag-guide-visual .img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -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-delay: 0.2s;
          transition-delay: 0.2s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.new-content-body .diag-guide-visual .img.phone {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  background-image: url("../images/cm/diag-guide-phone.png");
}
.new-content-body .diag-guide-visual .img.car {
  -webkit-transform: translateY(-30px) translateX(110px);
      -ms-transform: translateY(-30px) translateX(110px);
          transform: translateY(-30px) translateX(110px);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.06, 0.45, 0.38, 1.08);
          transition-timing-function: cubic-bezier(0.06, 0.45, 0.38, 1.08);
  background-image: url("../images/cm/diag-guide-car.png");
}
.new-content-body .diag-guide-visual.screenon .img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.new-content-body .service-img-list > .item {
  display: block;
  margin-bottom: 36px;
}
.new-content-body .service-img-list .inner-visual {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.new-content-body .service-img-list .inner-visual img {
  width: 100%;
}
.new-content-body .service-img-list dt strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.new-content-body .service-img-list dd {
  margin-top: 8px;
}
.new-content-body .service-img-list dd p {
  font-size: 14px;
  color: #666;
  word-break: keep-all;
}
.new-content-body .service-img-list dd .txt-s {
  font-size: 12px;
  color: #888;
  margin-top: 8px;
}

.pop-gage .cmm-mileage-area.type-new .graph-mileage {
  margin-top: 30px;
  margin-bottom: 20px;
}

.cmm-mileage-area.type-new .graph-mileage {
  width: 248px;
}
.cmm-mileage-area.type-new .graph-mileage .gage {
  height: 123px;
  background: url("../images/sub/mileage_graph_s_new.png") no-repeat 0 0;
}
.cmm-mileage-area.type-new .graph-mileage .gage .gage-pin {
  bottom: 0;
  left: 50%;
  width: 56px;
  height: 42px;
  margin: 0 0 0 -21px;
  background: url("../images/sub/gage_pin_s.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 31px;
      -ms-transform-origin: 50% 31px;
          transform-origin: 50% 31px;
}

.kb-certified {
  padding-top: 94px;
}
.kb-certified .icon.icon-chk {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: url("../images/sub/icon_inspection_check.svg") no-repeat 0 0;
}
.kb-certified .cmm-sub-tit {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  line-height: 0.87;
  letter-spacing: -1px;
}
.kb-certified .cmm-sub-tit em {
  font-size: bold;
  font-size: 30px;
  font-style: normal;
  line-height: 0.87;
  letter-spacing: -1px;
  font-weight: bold;
}
.kb-certified .cmm-sub-stit {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -1px;
}
.kb-certified .cmm-sub-stit em {
  font-size: 20px;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: bold;
}
.kb-certified .cmm-sub-stit .stxt {
  font-size: 12px;
  letter-spacing: -0.6px;
  font-style: normal;
  line-height: 1.86;
  color: #888;
}
.kb-certified .cmm-sub-stit .tooltip .tip-txt strong {
  font-weight: bold;
}
.kb-certified .certified-section {
  padding-top: 24px;
  color: #222;
}
.kb-certified .certified-section ~ .certified-section {
  padding-top: 50px;
}
.kb-certified .certified-section .section-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}
.kb-certified .certified-section .section-wrap .accident-free {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 512px;
      flex-basis: 512px;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  gap: 20px;
}
.kb-certified .certified-section .section-wrap .accident-free .accident-free-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 112px;
}
.kb-certified .certified-section .section-wrap .performance {
  -ms-flex-preferred-size: 1046px;
      flex-basis: 1046px;
  margin-top: 0;
}
.kb-certified .certified-section .section-wrap .performance .panel:last-child {
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
}
.kb-certified .accident-free {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
}
.kb-certified .accident-free .accident-free-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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: 80px;
  padding: 0 40px 0 30px;
  border-radius: 10px;
  border: solid 1px #ddd;
}
.kb-certified .accident-free .accident-free-item .icon {
  margin-right: 8px;
}
.kb-certified .accident-free .accident-free-item .icon.type-accident {
  width: 20px;
  height: 23.3px;
  background: url("../images/sub/icon_accident.svg") center/contain no-repeat;
}
.kb-certified .accident-free .accident-free-item .icon.type-performance {
  width: 24px;
  height: 24px;
  background: url("../images/sub/icon_performance.svg") center/contain no-repeat;
}
.kb-certified .accident-free .accident-free-item .icon.type-insurance {
  width: 20px;
  height: 26px;
  background: url("../images/sub/icon_insurance.png") center/contain no-repeat;
}
.kb-certified .accident-free .accident-free-item .txt {
  margin-right: auto;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.27px;
}
.kb-certified .accident-free .accident-free-item .result {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.33px;
  text-align: right;
  color: #2589ff;
}
.kb-certified .accident-free .accident-free-item .result .system {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.33px;
  text-align: right;
  color: #2589ff;
}
.kb-certified .performance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 22px;
  margin-top: 15px;
}
.kb-certified .performance .panel {
  -ms-flex-preferred-size: 1046px;
      flex-basis: 1046px;
  border-radius: 10px;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 30px 30px 40px;
}
.kb-certified .performance .panel:last-child {
  -ms-flex-preferred-size: 512px;
      flex-basis: 512px;
}
.kb-certified .performance .panel .panel-tit {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.13;
  letter-spacing: -0.27px;
}
.kb-certified .performance .panel .panel-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kb-certified .performance .panel .empty-text {
  padding: 100px 0;
  text-align: center;
  color: #888;
  font-size: 16px;
}
.kb-certified .performance .panel .empty-text img {
  display: block;
  margin: 0 auto 16px;
  width: 32px;
}
.kb-certified .performance .panel .empty-text span {
  color: inherit;
}
.kb-certified .performance .car-appearance {
  position: relative;
  -ms-flex-preferred-size: 665px;
      flex-basis: 665px;
  margin: 45px 0 0 -53px;
}
.kb-certified .performance .car-appearance .text {
  position: absolute;
  bottom: 10px;
  left: 38px;
  padding-left: 136px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.2px;
  text-decoration: underline;
  color: #666;
}
.kb-certified .performance .car-parts {
  position: relative;
  height: 41vw;
  max-height: 240px;
  background: url("../images/sub/car_parts/parts--frame.png") center/contain no-repeat;
}
.section .kb-certified .performance .car-parts {
  margin-left: -16px;
  margin-right: -16px;
}
.kb-certified .performance .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;
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--trunk {
  background-image: url("../images/sub/car_parts/parts--trunk.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--fender-right {
  background-image: url("../images/sub/car_parts/parts--fender-right.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--door-front-right {
  background-image: url("../images/sub/car_parts/parts--door-front-right.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--door-back-right {
  background-image: url("../images/sub/car_parts/parts--door-back-right.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--bg {
  background-image: url("../images/sub/car_parts/parts--bg.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--door-back-left {
  background-image: url("../images/sub/car_parts/parts--door-back-left.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--door-front-left {
  background-image: url("../images/sub/car_parts/parts--door-front-left.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--fender-left {
  background-image: url("../images/sub/car_parts/parts--fender-left.png");
}
.kb-certified .performance .car-parts .car-parts__item.car-parts__item--bonnet {
  background-image: url("../images/sub/car_parts/parts--bonnet.png");
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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;
}
.kb-certified .performance.screenon .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%);
  }
}
.kb-certified .performance .car-state {
  -ms-flex-preferred-size: 382px;
      flex-basis: 382px;
}
.kb-certified .performance .car-state .car-state-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;
}
.kb-certified .performance .car-state .car-state-item ~ .car-state-item {
  margin-top: 4px;
}
.kb-certified .performance .car-state .car-state-item .result {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.23px;
  color: #2589ff;
}
.kb-certified .performance .car-state .result-state {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px dotted #ddd;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -1px;
}
.kb-certified .performance .car-state .result-state .color-primary {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -1px;
  color: #2589ff;
}
.kb-certified .performance .car-state .btn-wrap {
  margin-top: 35px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kb-certified .performance .car-state .btn-wrap .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  border-radius: 8px;
  border: solid 1px #aaa;
  background-color: #fff;
  text-align: center;
}
.kb-certified .performance .car-state .btn-wrap .btn ~ .btn {
  margin-left: 6px;
}
.kb-certified .performance .car-state .btn-wrap .btn span {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  letter-spacing: -0.78px;
  color: #222;
}
.kb-certified .performance .car-visual {
  position: relative;
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}
.kb-certified .performance .car-visual .car-video {
  position: relative;
  overflow: hidden;
  max-width: 343px;
  max-height: 200px;
  display: inline-block;
  border-radius: 24px;
  border: solid 1px #979797;
  background-color: #000;
}
.kb-certified .performance .car-visual .car-video a {
  position: relative;
  display: block;
  display: block;
}
.kb-certified .performance .car-visual .car-video a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.48);
}
.kb-certified .performance .car-visual .car-video a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../images/sub/icon_detail_video_play.svg") no-repeat 0 0/100%;
}
.kb-certified .performance .car-visual .car-video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kb-certified .performance .text {
  margin-top: 26px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.35px;
  color: #888;
  text-align: center;
}
.kb-certified .security {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kb-certified .security .security-item {
  position: relative;
  width: 516px;
  padding: 25px 25px 25px 106px;
  border-radius: 10px;
  -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);
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kb-certified .security .security-item ~ .security-item {
  margin-left: 20px;
}
.kb-certified .security .anchor {
  color: #222;
  text-decoration: none;
}
.kb-certified .security .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 70px;
  height: 70px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.kb-certified .security .icon.is-free {
  background: url("../images/sub/icon_security_free.png") no-repeat 0 0/100%;
}
.kb-certified .security .subject {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
.kb-certified .security .subject strong {
  font-weight: bold;
}
.kb-certified .security .text {
  margin-top: 7px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.35px;
  color: #666;
}
.kb-certified .key-option {
  position: relative;
}
.kb-certified .key-option .swiper-container {
  padding-top: 25px;
}
.kb-certified .key-option .swiper-container .slide-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
}
.kb-certified .key-option .swiper-container .img {
  overflow: hidden;
  -ms-flex-preferred-size: 180px;
      flex-basis: 180px;
  height: 180px;
  border-radius: 50%;
}
.kb-certified .key-option .swiper-container .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kb-certified .key-option .swiper-container .options {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 37px;
}
.kb-certified .key-option .swiper-container .options .subject {
  display: block;
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -1px;
}
.kb-certified .key-option .swiper-container .options .text {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.8px;
  word-break: keep-all;
}
.kb-certified .key-option .swiper-button-wrap {
  position: absolute;
  top: -41px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kb-certified .key-option .swiper-button-wrap .swiper-button-prev,
.kb-certified .key-option .swiper-button-wrap .swiper-button-next {
  position: static;
  margin: 0;
  left: auto;
  right: auto;
  width: 24px;
  height: 24px;
  margin-right: 33px;
  background: url("../images/sub/btn_keyoption_swiper_arrow.svg") no-repeat 50% 50%/100%;
}
.kb-certified .key-option .swiper-button-wrap .swiper-button-next {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.kb-certified .transparent-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 23px;
}
.kb-certified .transparent-history .item {
  -ms-flex-preferred-size: 516px;
      flex-basis: 516px;
  height: 198px;
  padding: 35px;
  border-radius: 10px;
  border: solid 1px #ddd;
  background-color: #fff;
}
.kb-certified .transparent-history .item .tip-btn {
  margin: -5px 0 0 4px;
  vertical-align: middle;
}
.kb-certified .transparent-history .head .text {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
.kb-certified .transparent-history .head .text strong {
  font-weight: bold;
}
.kb-certified .transparent-history .head .stext {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: -0.38px;
  color: #222;
}
.kb-certified .transparent-history .cont {
  margin-top: 12px;
}
.kb-certified .transparent-history .cont .mileage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 18px;
  border-radius: 10px;
}
.kb-certified .transparent-history .cont .mileage.is-blue {
  background-color: #ebf5ff;
}
.kb-certified .transparent-history .cont .mileage.is-blue .icon {
  background: url("../images/sub/icon_detail_mileage.svg") no-repeat 0 0/100%;
}
.kb-certified .transparent-history .cont .mileage.is-blue .text em {
  color: #2589ff;
}
.kb-certified .transparent-history .cont .mileage.is-red {
  background-color: rgba(255, 0, 0, 0.04);
}
.kb-certified .transparent-history .cont .mileage.is-red .icon {
  background: url("../images/sub/icon_detail_mileage_red.svg") no-repeat 0 0/100%;
}
.kb-certified .transparent-history .cont .mileage.is-red .text em {
  color: #ff3030;
}
.kb-certified .transparent-history .cont .mileage.is-yellow {
  background-color: rgba(255, 180, 0, 0.11);
}
.kb-certified .transparent-history .cont .mileage.is-yellow .icon {
  background: url("../images/sub/icon_detail_mileage_yellow.svg") no-repeat 0 0/100%;
}
.kb-certified .transparent-history .cont .mileage.is-yellow .text em {
  color: #ffaf00;
}
.kb-certified .transparent-history .cont .mileage.is-green {
  background-color: rgba(97, 185, 0, 0.08);
}
.kb-certified .transparent-history .cont .mileage.is-green .icon {
  background: url("../images/sub/icon_detail_mileage_green.svg") no-repeat 0 0/100%;
}
.kb-certified .transparent-history .cont .mileage.is-green .text em {
  color: #61b900;
}
.kb-certified .transparent-history .cont .mileage .icon {
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.kb-certified .transparent-history .cont .inspect-list {
  padding-top: 16px;
}
.kb-certified .transparent-history .cont .inspect-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kb-certified .transparent-history .cont .inspect-list li ~ li {
  margin-top: 7px;
}
.kb-certified .transparent-history .cont .inspect-list li .text {
  font-size: 0;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
}
.kb-certified .transparent-history .cont .inspect-list li .text .owner {
  display: inline-block;
  vertical-align: middle;
}
.kb-certified .transparent-history .cont .inspect-list li .text .mileage-txt {
  position: relative;
  display: inline-block;
}
.kb-certified .transparent-history .cont .inspect-list li .text .mileage-txt::before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 2px;
  width: 1px;
  height: 12px;
  content: "";
  background: #ccc;
}
.kb-certified .transparent-history .cont .btn-more {
  margin-top: 11px;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  font-size: 14px;
  letter-spacing: -0.2px;
  text-align: center;
  border: none;
  border-radius: 14px;
  color: #222;
  background-color: #eee;
}
.kb-certified .type-new-transparent-history {
  gap: 22px;
}
.kb-certified .type-new-transparent-history .item {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 31.6%;
  height: 195px;
  padding: 30px;
  border-radius: 8px;
}
.kb-certified .type-new-transparent-history .selling-point {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 31.6%;
  height: 195px;
  margin: 0;
  padding: 30px;
  border-radius: 8px;
}
.kb-certified .type-new-transparent-history .selling-point .selling-name {
  margin-left: 0;
}
.kb-certified .type-new-transparent-history .selling-point .selling-name .subject {
  margin-bottom: 8px;
}
.kb-certified .type-new-transparent-history .selling-point .selling-name p {
  margin-left: 0;
}

.selling-point {
  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;
  height: 144px;
  margin: 53px 27px 0 27px;
  border-radius: 20px;
  background-color: #f8f8f8;
  color: #222;
}
.selling-point .subject {
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.53px;
}
.selling-point .selling-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 28px;
}
.selling-point .selling-name .icon {
  display: inline-block;
  vertical-align: middle;
}
.selling-point .selling-name .icon.is-doich {
  width: 44px;
  height: 44px;
  background: url("../images/sub/icon_selling_doich.png") no-repeat 0 0/100%;
}
.selling-point .selling-name p {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.4px;
}

.dealerconsult-popup .dealerconsult-wrap {
  padding-bottom: 50px;
}
.dealerconsult-popup .dealerconsult-wrap .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;
}
.dealerconsult-popup .dealerconsult-wrap .icon32.icon-calendar {
  background-image: url("../images/sub/icon-calendar.svg");
}
.dealerconsult-popup .dealerconsult-wrap .icon32.icon-seller {
  background-image: url("../images/sub/icon-seller.svg");
}
.dealerconsult-popup .dealerconsult-wrap .icon32.icon-talk {
  background-image: url("../images/sub/icon-talk.svg");
}
.dealerconsult-popup .dealerconsult-wrap .icon32.icon-touch {
  background-image: url("../images/sub/icon-touch.svg");
}
.dealerconsult-popup .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 .dealerconsult-popup .intro-visual {
  margin-left: -16px;
  margin-right: -16px;
}
.dealerconsult-popup .intro-visual .intro-visual__desc {
  font-size: 18px;
  color: #222;
  margin-bottom: 6px;
}
.dealerconsult-popup .intro-visual .intro-visual__tit {
  font-size: 24px;
}
.dealerconsult-popup .intro-visual-ew {
  position: relative;
  width: 250px;
  height: 240px;
  margin: 10px auto 0;
}
.dealerconsult-popup .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;
}
.dealerconsult-popup .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt1 {
  background-image: url("../images/sub/friend-ew-visual-bolt1.png");
}
.dealerconsult-popup .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt2 {
  background-image: url("../images/sub/friend-ew-visual-bolt2.png");
}
.dealerconsult-popup .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--car {
  background-image: url("../images/sub/friend-ew-visual-car.png");
}
.dealerconsult-popup .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--hand {
  background-image: url("../images/sub/friend-ew-visual-hand.png");
}
.dealerconsult-popup .dealerconsult-tit {
  margin-top: 40px;
  font-size: 20px;
}
.dealerconsult-popup .dealerconsult-tit ~ .dealerconsult-tit {
  margin-top: 60px;
}
.dealerconsult-popup .bullet-list {
  margin-top: 20px;
}
.dealerconsult-popup .bullet-list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  text-align: left;
  line-height: normal;
  font-size: 16px;
}
.dealerconsult-popup .bullet-list li:first-child {
  margin-top: 0;
}
.dealerconsult-popup .bullet-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #888;
}
.dealerconsult-popup .bullet-list li li {
  padding-left: 0;
}
.dealerconsult-popup .bullet-list li li::before {
  display: none;
}
.dealerconsult-popup .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;
  margin-top: 20px;
}
.dealerconsult-popup .service-step > li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding-left: 50px;
}
.dealerconsult-popup .service-step > li:before {
  position: absolute;
  top: 46px;
  left: 16px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/common/icon16-arrow-right-black.svg") center/contain no-repeat;
  content: "";
}
.dealerconsult-popup .service-step > li:first-child {
  padding-left: 0;
}
.dealerconsult-popup .service-step > li:first-child:before {
  display: none;
}
.dealerconsult-popup .service-step .service-step__icon {
  background: #f7f7f7;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  line-height: 100px;
}
.dealerconsult-popup .service-step .service-step__cont {
  font-size: 16px;
  color: #666;
  line-height: 1.2em;
}
.dealerconsult-popup.pop-on .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt1 {
  -webkit-animation: springBolt1 ease-in-out 0.4s 0.3s both;
          animation: springBolt1 ease-in-out 0.4s 0.3s both;
}
.dealerconsult-popup.pop-on .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt2 {
  -webkit-animation: springBolt2 ease-in-out 0.4s 0.35s both;
          animation: springBolt2 ease-in-out 0.4s 0.35s both;
}
.dealerconsult-popup.pop-on .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--car {
  -webkit-animation: ewCarShow ease-in-out 1s 0.3s both;
          animation: ewCarShow ease-in-out 1s 0.3s both;
}
.dealerconsult-popup.pop-on .intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--hand {
  -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;
  }
}

.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 0 0;
}

.diag-wrap {
  padding-bottom: 40px;
}
.diag-wrap .diag-tit {
  font-weight: bold;
}
.diag-wrap .diag-tit--d1 {
  font-size: 22px;
}
.diag-wrap .diag-tit--d2 {
  margin-top: 30px;
  font-size: 20px;
}
.diag-wrap .diag-desc {
  font-size: 18px;
  line-height: 1.4;
}
.diag-wrap .diag-desc--d1 {
  margin-top: 8px;
}
.diag-wrap .diag-text {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.4;
}
.diag-wrap .diag-text__em {
  line-height: 1.8;
  font-weight: bold;
}
.diag-wrap .line {
  margin: 28px 0;
  border: 0;
  border-top: 1px solid #eee;
}

.show-movie {
  overflow: hidden;
  margin-right: 17px;
}

.layer-movie {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}
.layer-movie.is-modal-open {
  display: block;
}
.layer-movie__close {
  position: absolute;
  top: -50px;
  right: -50px;
  width: 50px;
  height: 50px;
}
.layer-movie__close::after {
  content: "×";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: inherit;
  font-size: 50px;
  line-height: 60px;
  text-indent: 0;
  cursor: pointer;
}
.layer-movie__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.layer-movie__container {
  width: 880px;
  height: 500px;
  background: #000;
}
.layer-movie__container iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popup-dealer-home span,
.popup-dealer-home strong,
.popup-dealer-home p {
  font: inherit;
}
.popup-dealer-home .car-review {
  margin-top: 90px;
}
.popup-dealer-home .car-review .review-wait {
  margin-top: 23px;
  padding: 76px 0;
  border-radius: 12px;
  border: solid 1px #e9e9e9;
  text-align: center;
  background-color: #fff;
}
.popup-dealer-home .car-review .review-wait .txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.popup-dealer-home .car-review ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
}
.popup-dealer-home .car-review ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: solid 1px #e9e9e9;
  padding: 40px;
  border-radius: 12px;
}
.popup-dealer-home .car-review ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.popup-dealer-home .car-review ul li a .img {
  width: 130px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #efefef;
}
.popup-dealer-home .car-review ul li a .img img {
  width: 100%;
}
.popup-dealer-home .car-review ul li a .info-box {
  margin-left: 15px;
}
.popup-dealer-home .car-review ul li a .info-box .tit {
  font-weight: 700;
  font-size: 16px;
  margin: 8px 0 10px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.popup-dealer-home .car-review ul li a .info-box .con {
  font-size: 14px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.popup-dealer-home .car-review ul li .point {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-dealer-home .car-review ul li .point .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .car-review ul li .point .star span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 15px;
}
.popup-dealer-home .car-review ul li .point span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.popup-dealer-home .car-review ul li .point .num {
  margin-left: 5px;
  color: #ff5d16;
  font-weight: 700;
}
.popup-dealer-home .car-review ul li + li {
  margin-left: 15px;
}
.popup-dealer-home .map-area {
  margin-top: 90px;
}
.popup-dealer-home .map-area .map-box {
  margin-top: 32px;
}
.popup-dealer-home .map-area .map-box .adress {
  margin-bottom: 16px;
  padding-left: 24px;
  background-image: url("/UIDev/v3/images/icon/icon-adress.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  font-size: 16px;
}
.popup-dealer-home .sell-car-list {
  margin-top: 90px;
}
.popup-dealer-home .sell-car-list .i-no-data {
  margin-top: 23px;
  padding-top: 124px;
  padding-bottom: 28px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  color: #000;
  background-position: center 0;
}
.popup-dealer-home .sell-car-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
}
.popup-dealer-home .sell-car-list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 12px;
  border: solid 1px #e9e9e9;
  overflow: hidden;
}
.popup-dealer-home .sell-car-list ul li img {
  width: 100%;
}
.popup-dealer-home .sell-car-list ul li .info-box {
  padding: 20px;
  font-size: 14px;
}
.popup-dealer-home .sell-car-list ul li .info-box .since {
  margin-top: 20px;
  color: #757575;
}
.popup-dealer-home .sell-car-list ul li .info-box .price {
  margin-top: 15px;
  font-size: 16px;
}
.popup-dealer-home .sell-car-list ul li .info-box .price strong {
  font-weight: 700;
  font-size: 18px;
}
.popup-dealer-home .sell-car-list ul li + li {
  margin-left: 15px;
}
.popup-dealer-home .sell-car-list ul li .tit {
  font-weight: 700;
}
.popup-dealer-home .my-review-area {
  margin-top: 32px;
  background: #faf9f8;
  padding: 39px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-image: url("/UIDev/v3/images/icon/review-bg.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) calc(100% - 39px);
}
.popup-dealer-home .my-review-area .review-tit {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 31px;
  width: 100%;
}
.popup-dealer-home .my-review-area .review-con {
  font-size: 14px;
}
.popup-dealer-home .my-review-area .review-con .review-link {
  margin-top: 40px;
  display: inline-block;
  color: #2f7cfe;
  font-size: 13px;
  font-weight: 700;
}
.popup-dealer-home .my-review-area .review-con .review-link::after {
  content: "";
  margin-left: 5px;
  margin-bottom: 1.5px;
  width: 6px;
  height: 6px;
  border-right: solid 2px currentColor;
  border-top: solid 2px currentColor;
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup-dealer-home .my-review-area .my-review-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.popup-dealer-home .my-review-area .my-review-box:first-child::after {
  content: "";
  width: 1px;
  height: 162px;
  background: #e6e6e6;
  right: 40px;
  top: 0;
  position: absolute;
  display: block;
}
.popup-dealer-home .my-review-area .review-num {
  font-size: 40px;
  font-weight: 700;
  color: #c6c6c6;
  text-align: center;
}
.popup-dealer-home .my-review-area .review-num span {
  color: #000;
}
.popup-dealer-home .my-review-area .review-num .star-area {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .my-review-area .review-num .star-area span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  width: 22px;
  height: 20px;
}
.popup-dealer-home .my-review-area .review-num .star-area span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.popup-dealer-home .my-review-area .detail-review {
  margin-left: 50px;
}
.popup-dealer-home .my-review-area .detail-review > div + div {
  margin-top: 28px;
}
.popup-dealer-home .my-review-area .detail-review > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-dealer-home .my-review-area .detail-review > div .tit {
  font-size: 12px;
  font-weight: 700;
  width: 75px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.popup-dealer-home .my-review-area .detail-review > div .bar {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ebebeb;
  border-radius: 4px;
  height: 4px;
}
.popup-dealer-home .my-review-area .detail-review > div .bar i {
  display: block;
  background: #ff5d16;
  height: 4px;
  border-radius: 4px;
}
.popup-dealer-home .my-review-area .detail-review > div .num {
  margin-left: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #c6c6c6;
}
.popup-dealer-home .my-review-area .detail-review > div .num span {
  color: #000;
}
.popup-dealer-home .review-area {
  margin-top: 50px;
}
.popup-dealer-home .review-area .review-box {
  padding: 24px 0;
  border-bottom: solid 1px #e9e9e9;
}
.popup-dealer-home .review-area .review-box .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-dealer-home .review-area .review-box .point .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .review-area .review-box .point .star span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 15px;
}
.popup-dealer-home .review-area .review-box .point span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.popup-dealer-home .review-area .review-box .point .num {
  margin-left: 5px;
  color: #ff5d16;
  font-weight: 700;
  font-size: 16px;
}
.popup-dealer-home .review-area .review-box .tit {
  font-weight: 700;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 30px;
}
.popup-dealer-home .review-area .review-box .con {
  font-size: 15px;
  color: #4f4f4f;
}
.popup-dealer-home .review-area .review-box .info {
  font-size: 14px;
  color: #757575;
  margin-top: 30px;
}
.popup-dealer-home .review-area .review-box .info span {
  position: relative;
}
.popup-dealer-home .review-area .review-box .info span + span {
  margin-left: 20px;
}
.popup-dealer-home .review-area .review-box .info span + span::before {
  content: "";
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
.popup-dealer-home .review-area .review-box .photo {
  margin-top: 20px;
}
.popup-dealer-home .review-area .review-box .photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .review-area .review-box .photo li + li {
  margin-left: 6px;
}
.popup-dealer-home .review-area .review-box .photo li {
  border-radius: 2px;
  width: 86px;
  height: 86px;
}
.popup-dealer-home .review-area .review-box .photo li img {
  width: 100%;
  height: 100%;
}
.popup-dealer-home .step-box {
  margin-top: 90px;
}
.popup-dealer-home .step-box .step-tit {
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.popup-dealer-home .step-box .step-tit .dot-txt {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
}
.popup-dealer-home .dealer-profile-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .dealer-detail {
  width: 803px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
  position: relative;
}
.popup-dealer-home .dealer-detail::after {
  content: "";
  height: 125px;
  width: 1px;
  background-color: #e9e9e9;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.popup-dealer-home .dealer-detail .photo {
  width: 84px;
  height: 84px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  border: solid 1px #d9e9e9;
}
.popup-dealer-home .dealer-detail .photo a {
  position: absolute;
  right: -2px;
  bottom: 0;
}
.popup-dealer-home .dealer-detail .name-area {
  margin-left: 23px;
}
.popup-dealer-home .dealer-detail .name-area .name {
  font-size: 32px;
  font-weight: 700;
}
.popup-dealer-home .dealer-detail .name-area .company {
  color: #ff5d16;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 28px;
  margin-top: 5px;
}
.popup-dealer-home .dealer-detail .type {
  border-radius: 36px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  background: #def7ff;
  padding: 0 10px;
  color: #0086d6;
  position: absolute;
  right: 40px;
  top: 0;
}
.popup-dealer-home .dealer-detail .type.friends {
  color: #ff5d16;
  background: #fff2e5;
}
.popup-dealer-home .dealer-detail .type.friends::before {
  background-image: url("/UIDev/v3/images/icon/icon-friend.png");
}
.popup-dealer-home .dealer-detail .type::before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url("/UIDev/v3/images/icon/icon-super.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
}
.popup-dealer-home .my-review-area {
  background: none;
  margin-top: 0;
  padding: 0 0 0 30px;
}
.popup-dealer-home .my-review-area .my-review-box:first-child::after {
  display: none;
}
.popup-dealer-home .my-review-area .review-tit {
  margin-bottom: 20px;
}
.popup-dealer-home .my-review-area .review-num {
  font-size: 34px;
}
.popup-dealer-home .my-review-area .review-num .star-area {
  margin-top: 10px;
}
.popup-dealer-home .my-review-area .detail-review > div + div {
  margin-top: 15px;
}
.popup-dealer-home .intro-txt {
  border-bottom: solid 1px #e9e9e9;
  padding: 60px 0 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-dealer-home .intro-txt .tit {
  font-size: 13px;
  color: #999;
  font-weight: 700;
}
.popup-dealer-home .intro-txt .txt {
  margin-left: 60px;
  font-size: 14px;
}
.popup-dealer-home .con-tit {
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-dealer-home .con-tit span {
  color: #ff5d16;
}
.popup-dealer-home .con-tit .more {
  font-size: 14px;
  color: #4f4f4f;
  font-weight: 500;
  padding-right: 5px;
}
.popup-dealer-home .con-tit .more::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: solid 1px #4f4f4f;
  border-bottom: solid 1px #4f4f4f;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 2px;
}

.type-new-option-info .txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.type-new-option-info .c-title-28 {
  margin-top: 10px;
}
.type-new-option-info .bul-list {
  margin-left: -4px;
}
.type-new-option-info .bul-notice-box {
  margin-top: 16px;
  padding: 16px 20px;
  border-radius: 8px;
  background: #f8f8f8;
}
.type-new-option-info .subcont-area {
  position: relative;
  padding: 38px 0 0;
  margin: 32px 0 0;
}
.type-new-option-info .subcont-area::before {
  content: "";
  display: block;
  background-color: #f8f8f8;
  height: 6px;
  position: absolute;
  top: 0;
  left: -25px;
  right: -25px;
}
.type-new-option-info .subcont-area .option-tit {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.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: 20px;
}
.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 > li {
  display: none;
  margin-bottom: 16px;
}
.type-new-option-info .subcont-area .option-area > 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: 32px;
}
.type-new-option-info .subcont-area .option-list {
  margin: 24px 3px 0;
  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;
}
.type-new-option-info .subcont-area .option-list li ~ li {
  margin-top: 12px;
}
.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: 85%;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.type-new-option-info .subcont-area .option-list li .price {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.service-guide {
  overflow: hidden;
}
.service-guide .list-type {
  margin-bottom: 60px;
}
.service-guide .list-type:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.service-guide .list-type li {
  position: relative;
  float: left;
  height: 230px;
  padding: 26px 30px 30px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.service-guide .list-type li .txt {
  margin-left: 20px;
  text-indent: -20px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type li:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  width: 80px;
  height: 80px;
}
.service-guide .list-type.bg-none li:after {
  display: none;
}
.service-guide .list-type.apply-list li {
  width: 32.333%;
  margin: 0 1% 0 0;
}
.service-guide .list-type.apply-list li:nth-child(1):after {
  background-position: -418px -445px;
}
.service-guide .list-type.apply-list li:nth-child(2):after {
  background-position: -508px -445px;
}
.service-guide .list-type.apply-list li:nth-child(3):after {
  background-position: -598px -445px;
}
.service-guide .list-type.apply-list li .a-tit {
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list li .a-tit span {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list li .a-txt {
  line-height: 24px;
  margin-top: 20px;
  font-size: 16px;
}
.service-guide .list-type.apply-list02 li {
  width: 49%;
  height: 110px;
  margin: 0 1% 0 0;
  border: 0 none;
}
.service-guide .list-type.apply-list02 li:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 20px;
  width: 49px;
  height: 69px;
  background: url("../images/common/bg_service_guide.png") no-repeat;
}
.service-guide .list-type.apply-list02 li.bg02 {
  background-color: #fbf7f2;
}
.service-guide .list-type.apply-list02 li.bg02:after {
  background-position: -237px -80px;
}
.service-guide .list-type.apply-list02 li.bg03 {
  background-color: #f6effa;
}
.service-guide .list-type.apply-list02 li.bg03:after {
  background-position: -296px -80px;
}
.service-guide .list-type.apply-list02 li .a-tit {
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list02 li .a-tit span {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list03 li {
  width: 32.333%;
  margin: 0 1% 0 0;
}
.service-guide .list-type.apply-list03 li:after {
  width: 100px;
  height: 100px;
}
.service-guide .list-type.apply-list03 li:nth-child(1):after {
  background-position: 0 -1000px;
}
.service-guide .list-type.apply-list03 li:nth-child(2):after {
  background-position: -102px -1000px;
}
.service-guide .list-type.apply-list03 li:nth-child(3):after {
  background-position: -203px -1000px;
}
.service-guide .list-type.apply-list03 li .a-tit {
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list03 li .a-tit span {
  display: inline-block;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.service-guide .list-type.apply-list03 li .a-txt {
  line-height: 24px;
  margin-top: 20px;
  font-size: 16px;
}
.service-guide .list-type.use-list li {
  width: 24%;
  margin: 0 1% 0 0;
}
.service-guide .list-type.use-list li:after {
  width: 100px;
  height: 100px;
}
.service-guide .list-type.use-list li:nth-child(1):after {
  background-position: -328px -44px;
}
.service-guide .list-type.use-list li:nth-child(2):after {
  background-position: -658px -44px;
}
.service-guide .list-type.use-list li:nth-child(3):after {
  background-position: -768px -44px;
}
.service-guide .list-type.use-list li:nth-child(4):after {
  background-position: -878px -44px;
}
.service-guide .list-type.compare-list li {
  position: relative;
  width: 280px;
  height: 350px;
  margin: 0 20px 20px 0;
  padding: 160px 0 0;
  text-align: center;
}
.service-guide .list-type.compare-list li > * {
  font-size: 18px;
}
.service-guide .list-type.compare-list li .time-txt {
  display: block;
  margin-bottom: 15px;
}
.service-guide .list-type.compare-list li:after {
  left: 50%;
  top: 30px;
  bottom: auto;
  margin-left: -50px;
}
.service-guide .list-type.compare-list li:nth-child(1):after {
  background-position: -328px -154px;
}
.service-guide .list-type.compare-list li:nth-child(2):after {
  background-position: -438px -154px;
}
.service-guide .list-type.compare-list li:nth-child(3):after {
  background-position: -548px -154px;
}
.service-guide .list-type.compare-list li:nth-child(4):after {
  background-position: -658px -154px;
}
.service-guide .list-type.compare-list li:nth-child(5):after {
  background-position: -768px -154px;
}
.service-guide .list-type.compare-list li:nth-child(6):after {
  background-position: -878px -154px;
}
.service-guide .sample-img {
  position: relative;
  padding: 60px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.service-guide .sample-img .ico-sample {
  position: absolute;
  left: 900px;
  top: -40px;
}
.service-guide .delivery-step {
  overflow: hidden;
}
.service-guide .delivery-step li {
  position: relative;
  float: left;
  text-align: center;
  padding-top: 120px;
  width: 170px;
}
.service-guide .delivery-step li span {
  color: #2666c6;
  font-size: 18px;
  font-weight: bold;
}
.service-guide .delivery-step li p {
  font-size: 16px;
  letter-spacing: -1px;
}
.service-guide .delivery-step li::before {
  content: "";
  position: absolute;
  top: 43px;
  left: -9px;
  width: 19px;
  height: 13px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  background-position: -294px -45px;
}
.service-guide .delivery-step li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 100px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  margin-left: -50px;
}
.service-guide .delivery-step li:first-child {
  margin: 0;
}
.service-guide .delivery-step li:first-child::before {
  display: none;
}
.service-guide .delivery-step li.step01:after {
  background-position: -304px -1002px;
}
.service-guide .delivery-step li.step02:after {
  background-position: -405px -1002px;
}
.service-guide .delivery-step li.step03:after {
  background-position: -506px -1002px;
}
.service-guide .delivery-step li.step04:after {
  background-position: -607px -1002px;
}

.w1280 .sample-img img {
  width: 100%;
}

.reward-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.reward-area .box {
  position: relative;
  float: left;
  width: 500px;
  background: #f5f6f9;
  border-radius: 7px;
  margin-right: 20px;
  padding: 30px;
  height: 270px;
}
.reward-area .box .txt-num {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  color: #666;
}
.reward-area .box .img {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100px;
  background: #fff;
}
.reward-area .box strong {
  display: block;
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 1.3em;
}
.reward-area .box .txt {
  width: 250px;
  font-size: 16px;
  color: #6e7380;
}
.reward-area .box:even {
  background: #f6f8fc;
}

.cmm-q-a {
  border-top: 1px solid #ddd;
}
.cmm-q-a li {
  border-bottom: 1px solid #ddd;
}
.cmm-q-a li a {
  position: relative;
  display: block;
  padding: 30px 0 30px 85px;
}
.cmm-q-a li a:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 23px;
  background: url("../images/sub/ico_qustion.png") no-repeat;
  width: 34px;
  height: 34px;
}
.cmm-q-a li a:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 35px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -70px;
  width: 17px;
  height: 19px;
}
.cmm-q-a li a.on:before {
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -89px;
}
.cmm-q-a li .answer {
  display: none;
  position: relative;
  margin-bottom: 20px;
  padding: 0 0 20px 85px;
}
.cmm-q-a li .answer .txt {
  padding: 20px 0 0;
}
.cmm-q-a li .answer:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 13px;
  background: url("../images/sub/ico_answer.png") no-repeat;
  width: 34px;
  height: 34px;
}

.link-line {
  position: relative;
  color: #336fc9;
}
.link-line:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #336fc9;
}

.search-tab {
  position: relative;
  margin-bottom: 60px;
}
.search-tab .inp-search {
  position: absolute;
  right: 0;
  top: 0;
}

.eg-img {
  display: block;
  width: 100%;
  max-width: 980px;
}
.eg-img img {
  display: block;
  width: 100%;
  height: auto;
}

.eg-sub-tit {
  line-height: 24px;
  margin-bottom: 13px;
  font-size: 18px;
}

.eg-list > li {
  position: relative;
  padding-left: 21px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
}
.eg-list .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 24px;
  color: #999;
}

.eg-bg03 {
  position: relative;
  width: 840px;
  padding-bottom: 80px;
  z-index: 1;
}
.eg-bg03:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 240px;
  height: 240px;
  background: url("../images/sub/common_bg.png") no-repeat -700px 0px;
}

.cmm-repair-cost {
  position: relative;
  background: #e8eef6;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}
.cmm-repair-cost:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 100%;
  height: 8px;
  margin-top: -4px;
  background: url("../images/sub/bg_dot_line.png") repeat-x;
}
.cmm-repair-cost:before {
  content: "";
  position: absolute;
  left: 70px;
  top: 50%;
  width: 142px;
  height: 142px;
  margin-top: -71px;
  background: url("../images/common/bg_service_guide.png") no-repeat -358px -101px;
  z-index: 2;
}
.cmm-repair-cost > div {
  position: relative;
  height: 230px;
  padding: 47px 0 0 315px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-repair-cost > div:after {
  content: "";
  position: absolute;
  left: 60px;
  top: 53px;
  width: 168px;
  height: 80px;
  background: url("../images/common/bg_service_guide.png") no-repeat;
}
.cmm-repair-cost .tit {
  display: block;
  font-size: 30px;
  font-weight: bold;
}
.cmm-repair-cost .txt {
  display: block;
  font-size: 24px;
  margin-top: 18px;
}
.cmm-repair-cost .txt strong {
  font-weight: bold;
}
.cmm-repair-cost .top .txt {
  color: #fd665c;
}
.cmm-repair-cost .top:after {
  background-position: 0 0;
}
.cmm-repair-cost .bottom {
  padding-top: 60px;
}
.cmm-repair-cost .bottom .txt {
  color: #2666c6;
}
.cmm-repair-cost .bottom:after {
  top: 75px;
  background-position: 0 -91px;
}
.cmm-repair-cost .bottom strong.txt {
  position: absolute;
  left: 765px;
  top: 80px;
  margin: 0;
  padding: 18px 0 0 76px;
  font-weight: bold;
}
.cmm-repair-cost .bottom strong.txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 47px;
  height: 69px;
  background: url("../images/common/bg_service_guide.png") 0 -182px;
}
.cmm-repair-cost .ps-txt {
  display: none;
}

.cmm-list-kb {
  position: relative;
  overflow: hidden;
}
.cmm-list-kb li {
  position: relative;
  float: left;
  width: 370px;
  font-size: 18px;
  font-weight: bold;
  padding: 90px 0 0;
  color: #2666c6;
}
.cmm-list-kb li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 35px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
.cmm-list-kb li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background: url("../images/common/bg_service_guide.png") no-repeat;
  z-index: 10;
}
.cmm-list-kb li.list1:after {
  background-position: -178px 0;
}
.cmm-list-kb li.list2:after {
  background-position: -258px 0;
}
.cmm-list-kb li.list3 {
  width: 170px;
}
.cmm-list-kb li.list3:before {
  display: none;
}
.cmm-list-kb li.list3:after {
  background-position: -338px 0;
}

.cmm-eg-list {
  position: relative;
  overflow: hidden;
}
.cmm-eg-list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
.cmm-eg-list li {
  position: relative;
  float: left;
  padding: 35px 0 0 15px;
}
.cmm-eg-list li span {
  display: block;
}
.cmm-eg-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  background: url("../images/common/bg_service_guide.png") no-repeat;
  z-index: 2;
}
.cmm-eg-list li:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 19px;
  width: 1px;
}
.cmm-eg-list li.list1 {
  width: 23%;
  padding-left: 10px;
}
.cmm-eg-list li.list1:after {
  left: 30px;
  background-position: -418px 0;
}
.cmm-eg-list li.list2 {
  width: 23%;
}
.cmm-eg-list li.list2:after {
  left: 0;
  background-position: -418px 0;
}
.cmm-eg-list li.list2:before {
  height: 65px;
  background: #222;
}
.cmm-eg-list li.list3 {
  width: 23%;
}
.cmm-eg-list li.list3 span {
  color: #4e97d8;
}
.cmm-eg-list li.list3:after {
  left: 0;
  background-position: -418px -28px;
}
.cmm-eg-list li.list3:before {
  height: 86px;
  background: #4e97d8;
}
.cmm-eg-list li.list4 {
  width: 23%;
}
.cmm-eg-list li.list4 span {
  color: #ffc600;
}
.cmm-eg-list li.list4:after {
  left: 0;
  background-position: -418px -56px;
}
.cmm-eg-list li.list4:before {
  height: 126px;
  background: #ffc600;
}
.cmm-eg-list li.list5 {
  width: 240px;
}
.cmm-eg-list li.list5 span {
  color: #dd50ff;
}
.cmm-eg-list li.list5:after {
  left: 0;
  background-position: -446px 0;
}
.cmm-eg-list li.list5:before {
  height: 150px;
  background: #dd50ff;
}

.service-guide-whykbcar {
  margin: 0 0 50px;
  padding: 30px 0 0;
  border-top: 1px solid #dddddd;
}
.service-guide-whykbcar .wrapper {
  border-radius: 8px;
  background-color: #f5f6f9;
  padding: 50px 60px;
}
.service-guide-whykbcar .content {
  display: table;
  table-layout: fixed;
}
.service-guide-whykbcar .content .headline {
  display: table-cell;
  width: 340px;
  padding: 5px 0 0;
  font-size: 24px;
  color: #222222;
  line-height: 30px;
}
.service-guide-whykbcar .content .benefit-point {
  display: table-cell;
  vertical-align: top;
  width: 360px;
  color: #222222;
}
.service-guide-whykbcar .content .benefit-point li {
  font-size: 16px;
  line-height: 30px;
}
.service-guide-whykbcar .content .description {
  display: table-cell;
  vertical-align: middle;
  background: url("../images/sub/bg_service_guide_whykbcar.png") no-repeat left center;
  padding: 0 0 0 50px;
  color: #666666;
  font-size: 18px;
  line-height: 26px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.sell-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.sell-list .owl-stage-outer {
  padding: 0 0 110px;
}
.sell-list .rud-box {
  float: left;
  margin-right: 20px;
  border-radius: 30px;
  overflow: hidden;
}
.sell-list .rud-box a {
  position: relative;
  display: block;
  width: 230px;
  height: 288px;
  padding: 45px 0 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sell-list .rud-box a > * {
  display: block;
  color: #fff;
}
.sell-list .rud-box a .tit {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1em;
}
.sell-list .rud-box a:after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 37px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -45px;
  width: 50px;
  height: 50px;
}
.sell-list .rud-box.bg-cor1 {
  background: #7491b4;
}
.sell-list .rud-box.bg-cor2 {
  background: #6e7da0;
}
.sell-list .rud-box.bg-cor3 {
  background: #6bb3b0;
}
.sell-list .rud-box2 {
  float: left;
  position: relative;
  width: 380px;
  height: 282px;
  padding: 20px 20px 0;
  margin-right: 20px;
  border-radius: 30px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 13px 10px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sell-list .rud-box2 .tag {
  margin-bottom: 15px;
}
.sell-list .rud-box2 .car-name {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  z-index: 2;
}
.sell-list .rud-box2 .car-img {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 180px;
  height: 135px;
  background: #999;
}
.sell-list .rud-box2 .car-img img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.sell-list .rud-box2 .car-img:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.sell-list .rud-box2 .btm-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 60px;
  color: #4171bf;
  font-size: 16px;
  line-height: 58px;
  text-align: center;
  border-top: 1px solid #ddd;
}
.sell-list .rud-box2 .del {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -61px -182px;
}
.sell-list .owl-nav {
  position: absolute;
  left: 0;
  bottom: 0;
}
.sell-list .owl-nav > button {
  position: absolute;
  top: -68px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.sell-list .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.sell-list .owl-nav > button.owl-prev {
  left: 0;
}
.sell-list .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.sell-list .owl-nav > button.owl-next {
  left: 44px;
}
.sell-list .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.sell-list .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.sell-list .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.sell-list .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.sell-list .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sell-list .owl-dots {
  position: relative;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.sell-list .owl-dots .owl-dot.active {
  position: relative;
  width: 25%;
  top: 0;
  height: 1px;
  background: #336fc9;
}
.sell-list .owl-dots .owl-dot {
  float: left;
  width: 25%;
  display: inline-block;
  zoom: 1;
}
.sell-list .owl-dots .owl-dot span {
  margin: 1px 0 0;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
}

.alarm-txt {
  position: relative;
  padding: 0 0 0 24px;
  font-weight: 500;
}
.alarm-txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -61px -154px;
}

.cmm-tit-area {
  position: relative;
  padding: 3px 0 0;
}
.cmm-tit-area h2.cmm-sub-tit {
  display: inline-block;
  margin-right: 15px;
}
.cmm-tit-area h2.cmm-sub-tit .s-txt {
  font-size: 16px;
  color: #999;
  margin-left: 5px;
}
.cmm-tit-area .link-arrow {
  position: relative;
  top: -6px;
}
.cmm-tit-area .btn-m {
  position: relative;
  top: -5px;
  margin-left: 5px;
}

.category-area {
  position: relative;
  height: 455px;
  overflow: hidden;
}
.category-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.category-area .category {
  float: left;
  width: 33.333%;
  height: 455px;
}
.category-area .category .c-t {
  width: 310px;
  margin-bottom: 13px;
}
.category-area .category .c-t .photo {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin: 0 auto;
  overflow: hidden;
}
.category-area .category .c-t .photo img {
  display: block;
  width: 100%;
  height: 100%;
}
.category-area .category .date {
  color: #999;
}
.category-area .category .date .d-txt {
  position: relative;
  top: 1px;
  margin-left: 17px;
  font-weight: 500;
}
.category-area .category .date .d-txt:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 1px;
  height: 13px;
  background: #222;
}
.category-area .category .car-name {
  font-size: 18px;
  font-weight: bold;
}
.category-area .category .avg-area {
  margin-bottom: 15px;
}
.category-area .category .avg-area > * {
  font-size: 18px;
  font-weight: bold;
}
.category-area .category .avg-area .avg {
  color: #336fc9;
}
.category-area .category .avg-area .avg + span {
  position: relative;
  margin-left: 16px;
}
.category-area .category .avg-area .avg + span:before {
  content: "/";
  position: absolute;
  left: -13px;
  top: 0;
  color: #336fc9;
}
.category-area .category .avg-area .up {
  position: relative;
  padding: 0 20px 0 0;
  color: #fd665c;
}
.category-area .category .avg-area .up:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 14px;
  height: 16px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -182px;
}
.category-area .category .avg-area .down {
  position: relative;
  padding: 0 20px 0 0;
  color: #fd665c;
}
.category-area .category .avg-area .down:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 14px;
  height: 16px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -182px;
}
.category-area .category .star-area {
  margin-bottom: 36px;
}
.category-area .category .txt {
  width: 320px;
  height: 45px;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
}
.category-area .category .img-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.category-area .category .img-list li {
  float: left;
  width: 150px;
  height: 113px;
  margin-right: 10px;
  border-radius: 8px;
  overflow: hidden;
}
.category-area .category .special-dc {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.category-area .category .special-dc span {
  font-size: 18px;
  font-weight: bold;
}
.category-area .owl-nav > button {
  position: absolute;
  top: -58px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.category-area .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.category-area .owl-nav > button.owl-prev {
  right: 120px;
}
.category-area .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.category-area .owl-nav > button.owl-next {
  right: 75px;
}
.category-area .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.category-area .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.category-area .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.category-area .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.category-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;
}
.category-area.customer-list {
  height: auto;
  z-index: 3;
}
.category-area.customer-list .category {
  width: 100%;
  height: auto;
}
.category-area.customer-list .owl-nav > button.owl-prev {
  right: 65px;
}
.category-area.customer-list .owl-nav > button.owl-next {
  right: 20px;
}

.sell-info-box {
  margin-bottom: 100px;
}
.sell-info-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.sell-info-box li {
  float: left;
  width: 24%;
  margin: 0 1% 0 0;
  border-radius: 7px;
  border: 1px solid #ddd;
}
.sell-info-box li a {
  position: relative;
  display: block;
  height: 237px;
  padding: 55px 0 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sell-info-box li a .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}
.sell-info-box li a p {
  display: inline-block;
  height: 45px;
  padding: 0 10px;
  color: #999;
  font-size: 16px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  overflow: hidden;
}
.sell-info-box li a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 60px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -295px -30px;
  width: 17px;
  height: 12px;
  margin-left: -8px;
}
.sell-info-box.col3 {
  margin-left: -30px;
}
.sell-info-box.col3 li {
  width: 30.3888%;
  margin-left: 30px;
  margin-right: 0;
}

.cmm-content.sell-index-content .cmm-top-area:before,
.cmm-content.sell-index-content .common-top-area:before,
.common-content.content--sell-me .cmm-top-area:before,
.common-content.content--sell-me .common-top-area:before {
  background: #7491b4;
}
.cmm-content.sell-index-content .cmm-top-area .real-time-model .tit,
.cmm-content.sell-index-content .cmm-top-area .real-time-model ol li .name,
.cmm-content.sell-index-content .common-top-area .real-time-model .tit,
.cmm-content.sell-index-content .common-top-area .real-time-model ol li .name,
.common-content.content--sell-me .cmm-top-area .real-time-model .tit,
.common-content.content--sell-me .cmm-top-area .real-time-model ol li .name,
.common-content.content--sell-me .common-top-area .real-time-model .tit,
.common-content.content--sell-me .common-top-area .real-time-model ol li .name {
  color: #fff;
}
.cmm-content.sell-index-content .cmm-top-area .real-time-model .tit:after,
.cmm-content.sell-index-content .common-top-area .real-time-model .tit:after,
.common-content.content--sell-me .cmm-top-area .real-time-model .tit:after,
.common-content.content--sell-me .common-top-area .real-time-model .tit:after {
  background-position: -33px -299px;
}
.cmm-content.sell-index-content .top-location .depth,
.common-content.content--sell-me .top-location .depth {
  color: #fff;
}
.cmm-content.sell-index-content .top-location .depth:after,
.common-content.content--sell-me .top-location .depth:after {
  top: 4px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -318px;
}
.cmm-content.sell-index-content .top-location .now,
.common-content.content--sell-me .top-location .now {
  color: #bbd2ef;
}
.cmm-content.sell-index-content .cmm-sub-content,
.cmm-content.sell-index-content .common-sub-content,
.common-content.content--sell-me .cmm-sub-content,
.common-content.content--sell-me .common-sub-content {
  background: #7491b4;
  padding: 160px 10px 110px 60px;
}
.cmm-content.sell-index-content .cmm-sub-content.change-content,
.cmm-content.sell-index-content .common-sub-content.change-content,
.common-content.content--sell-me .cmm-sub-content.change-content,
.common-content.content--sell-me .common-sub-content.change-content {
  background: #6bb3b0;
}
.cmm-content.sell-index-content .top-tit,
.common-content.content--sell-me .top-tit {
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  line-height: 1.2em;
}
.cmm-content.sell-index-content .top-tit span,
.common-content.content--sell-me .top-tit span {
  font-size: 36px;
  color: #fff;
}
.cmm-content.sell-index-content .top-tit.bg-sellcha,
.common-content.content--sell-me .top-tit.bg-sellcha {
  position: relative;
  width: 980px;
}
.cmm-content.sell-index-content .top-tit.bg-sellcha:after,
.common-content.content--sell-me .top-tit.bg-sellcha:after {
  content: "";
  width: 290px;
  height: 186px;
  background: url("../images/sub/bg_sellcha.png") no-repeat 0 0;
  position: absolute;
  top: -35px;
  right: 0;
}
.cmm-content.sell-index-content .top-tit.bg-directcha,
.common-content.content--sell-me .top-tit.bg-directcha {
  position: relative;
  width: 980px;
}
.cmm-content.sell-index-content .top-tit.bg-directcha:after,
.common-content.content--sell-me .top-tit.bg-directcha:after {
  content: "";
  width: 349px;
  height: 75px;
  background: url("../images/sub/bg_directcha.png") no-repeat 0 0;
  position: absolute;
  top: 54px;
  right: 0;
}
.cmm-content.sell-index-content .step-list-area,
.common-content.content--sell-me .step-list-area {
  padding: 0 0 0 59px;
  position: absolute;
}
.cmm-content.sell-index-content .login-area .myinfo,
.common-content.content--sell-me .login-area .myinfo {
  background-position: -116px -299px;
}
.cmm-content.sell-index-content .login-area .latest-car,
.common-content.content--sell-me .login-area .latest-car {
  background-position: -158px -299px;
}
.cmm-content.sell-index-content .login-area .time-sale,
.common-content.content--sell-me .login-area .time-sale {
  background-position: -200px -299px;
}
.cmm-content.sell-index-content.change-content .top-location .now,
.common-content.content--sell-me.change-content .top-location .now {
  color: #b4ecea;
}
.cmm-content.sell-index-content.change-content .common-top-area:before,
.common-content.content--sell-me.change-content .common-top-area:before {
  background: #6bb3b0;
}
.cmm-content.sell-index-content.change-content .common-sub-content,
.common-content.content--sell-me.change-content .common-sub-content {
  background: #6bb3b0;
}

.cmm-estimate-area {
  position: relative;
  width: 980px;
}
.cmm-estimate-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-estimate-area .estimate-area {
  float: left;
  width: 400px;
  font-size: 18px;
}
.cmm-estimate-area .estimate-area > * {
  color: #fff;
}
.cmm-estimate-area .estimate-area .guide-btn {
  position: relative;
  display: inline-block;
  width: 144px;
  height: 40px;
  line-height: 38px;
  border-radius: 4px;
  border: 1px solid #bbd2ef;
  font-size: 16px;
  text-align: center;
}
.cmm-estimate-area .estimate-area .guide-btn span {
  position: relative;
  color: #bbd2ef;
  padding: 0 30px 0 0;
}
.cmm-estimate-area .estimate-area .guide-btn span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -108px;
  width: 20px;
  height: 20px;
}
.cmm-estimate-area .num-app {
  float: right;
  text-align: right;
}
.cmm-estimate-area .num-app dl {
  float: left;
  width: 240px;
}
.cmm-estimate-area .num-app dl > * {
  color: #fff;
}
.cmm-estimate-area .num-app dl dt {
  font-size: 16px;
}
.cmm-estimate-area .num-app dl dd {
  font-size: 40px;
}

.cmm-step-area,
.common-step-area {
  position: relative;
  height: 100%;
  margin-bottom: 50px;
  overflow: hidden;
}
.cmm-step-area .step-list-area,
.common-step-area .step-list-area {
  position: absolute;
  float: left;
  width: 420px;
  height: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 3;
}
.cmm-step-area .step-list-area .left-aside,
.common-step-area .step-list-area .left-aside {
  position: absolute;
  top: 0;
}
.cmm-step-area .step-list-area .step-box,
.common-step-area .step-list-area .step-box {
  position: relative;
  width: 280px;
  padding: 55px 0 10px 60px;
  border-radius: 30px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 10px 15px -8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px -8px rgba(0, 0, 0, 0.2);
  background: #fff;
  z-index: 1;
}
.cmm-step-area .step-list-area .step-box li,
.common-step-area .step-list-area .step-box li {
  margin-bottom: 37px;
  overflow: hidden;
}
.cmm-step-area .step-list-area .step-box li:after,
.common-step-area .step-list-area .step-box li:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-step-area .step-list-area .step-box li .step-num,
.common-step-area .step-list-area .step-box li .step-num {
  position: relative;
  float: left;
  width: 65px;
  color: #999;
  font-size: 16px;
  font-weight: 500;
}
.cmm-step-area .step-list-area .step-box li .txt,
.common-step-area .step-list-area .step-box li .txt {
  float: left;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 0 30px 0 0;
}
.cmm-step-area .step-list-area .step-box li.on .step-num,
.cmm-step-area .step-list-area .step-box li.on .txt,
.common-step-area .step-list-area .step-box li.on .step-num,
.common-step-area .step-list-area .step-box li.on .txt {
  color: #10a8e5;
}
.cmm-step-area .step-list-area .step-box li.on .txt,
.common-step-area .step-list-area .step-box li.on .txt {
  position: relative;
}
.cmm-step-area .step-list-area .step-box li.on .txt:after,
.common-step-area .step-list-area .step-box li.on .txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 9px;
  height: 16px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -159px;
}
.cmm-step-area .step-list-area .left-aside,
.common-step-area .step-list-area .left-aside {
  width: 280px;
}
.cmm-step-area .step-list-area .left-aside .car-name-area,
.common-step-area .step-list-area .left-aside .car-name-area {
  margin-bottom: 55px;
}
.cmm-step-area .step-list-area .left-aside .car-name-area strong,
.common-step-area .step-list-area .left-aside .car-name-area strong {
  font-size: 36px;
}
.cmm-step-area .step-list-area .left-aside .car-name-area strong .cor,
.common-step-area .step-list-area .left-aside .car-name-area strong .cor {
  display: block;
  font-weight: bold;
  font-size: 36px;
  color: #7491b4;
}
.cmm-step-area .step-list-area.step-list-area--detail,
.common-step-area .step-list-area.step-list-area--detail {
  z-index: 7;
}

.step-area-add-car {
  position: relative;
  display: block;
  height: 26px;
  padding: 18px 0 16px 0;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 10px 15px -8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 15px -8px rgba(0, 0, 0, 0.2);
}
.step-area-add-car:before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 29px;
  height: 26px;
  margin-right: 12px;
  background: url("../images/sub/icon_add_car.png") no-repeat;
  vertical-align: middle;
}
.step-area-add-car.step-area-add-car--garage {
  width: 180px;
  height: 18px;
  margin-top: 34px;
  padding: 10px 0 8px 0;
  line-height: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 15px;
}
.step-area-add-car.step-area-add-car--garage:before {
  width: 20px;
  height: 18px;
  margin-right: 10px;
  background-position: left -30px;
}

.cmm-step-content,
.common-step-content {
  padding: 0 0 0 440px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  z-index: 0;
}
.cmm-step-content .w600,
.common-step-content .w600 {
  width: 600px;
  padding: 80px 0 0;
}
.cmm-step-content .my-car-reg,
.common-step-content .my-car-reg {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
  padding: 0 0 0 75px;
  background: #2666c6;
  border-radius: 4px;
  font-size: 24px;
  color: #fff;
  text-align: left;
}
.cmm-step-content .my-car-reg:after,
.common-step-content .my-car-reg:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 26px;
  width: 24px;
  height: 29px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -207px;
}
.cmm-step-content .my-car-reg:before,
.common-step-content .my-car-reg:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 28px;
  width: 24px;
  height: 24px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -246px;
}
.cmm-step-content .precaution-area,
.common-step-content .precaution-area {
  margin-bottom: 55px;
}
.cmm-step-content .precaution-area .tit,
.common-step-content .precaution-area .tit {
  position: relative;
  display: block;
  font-size: 16px;
  color: #fd665c;
  margin-bottom: 30px;
  padding: 0 0 0 30px;
}
.cmm-step-content .precaution-area .tit:after,
.common-step-content .precaution-area .tit:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -61px -154px;
  width: 18px;
  height: 18px;
}
.cmm-step-content .precaution-area > ul > li,
.common-step-content .precaution-area > ul > li {
  position: relative;
  margin-bottom: 4px;
  padding: 0 0 0 25px;
  color: #999;
}
.cmm-step-content .precaution-area > ul > li:after,
.common-step-content .precaution-area > ul > li:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 6px;
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 6px;
}
.cmm-step-content .precaution-area > ul > li > ul,
.common-step-content .precaution-area > ul > li > ul {
  margin-top: 5px;
}
.cmm-step-content .precaution-area > ul > li > ul > li,
.common-step-content .precaution-area > ul > li > ul > li {
  position: relative;
  margin-bottom: 6px;
  padding: 0 0 0 13px;
  color: #999;
}
.cmm-step-content .precaution-area > ul > li > ul > li:after,
.common-step-content .precaution-area > ul > li > ul > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 1px;
  background: #999;
}
.cmm-step-content .category-area .category,
.common-step-content .category-area .category {
  width: 100%;
}
.cmm-step-content .auction-time,
.common-step-content .auction-time {
  float: right;
  font-weight: bold;
  color: #336fc9;
  font-size: 16px;
}
.cmm-step-content .auction-time.end,
.common-step-content .auction-time.end {
  color: #fd665c;
}
.cmm-step-content .car-img-info,
.common-step-content .car-img-info {
  overflow: hidden;
}
.cmm-step-content .car-img-info:after,
.common-step-content .car-img-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-step-content .car-img-info .info-txt,
.common-step-content .car-img-info .info-txt {
  float: left;
  width: 240px;
  padding: 75px 0 0;
}
.cmm-step-content .car-img-info .info-txt > *,
.common-step-content .car-img-info .info-txt > * {
  font-size: 24px;
  font-weight: bold;
}
.cmm-step-content .car-img-info .info-txt .car-name,
.common-step-content .car-img-info .info-txt .car-name {
  margin: 0 0 15px;
}
.cmm-step-content .car-img-info .car-img,
.common-step-content .car-img-info .car-img {
  position: relative;
  float: right;
  width: 320px;
  height: 240px;
  text-align: center;
}
.cmm-step-content .car-img-info .car-img:before,
.common-step-content .car-img-info .car-img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.cmm-step-content .car-img-info .car-img img,
.common-step-content .car-img-info .car-img img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.cmm-step-content [class*=cmm-state],
.common-step-content [class*=cmm-state] {
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
}
.cmm-step-content .general-cmm-state,
.common-step-content .general-cmm-state {
  font-weight: 500;
}
.cmm-step-content .change-car,
.common-step-content .change-car {
  position: relative;
}
.cmm-step-content .change-car .car-img-info:first-child .info-txt > *,
.common-step-content .change-car .car-img-info:first-child .info-txt > * {
  color: #999;
}
.cmm-step-content .change-car .bg-change-arrow,
.common-step-content .change-car .bg-change-arrow {
  position: absolute;
  right: 120px;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -201px -125px;
  width: 46px;
  height: 47px;
  margin-top: -23px;
}

[class*=cmm-more] {
  padding: 10px 0;
}
[class*=cmm-more] span {
  position: relative;
  display: inline-block;
  width: 570px;
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 0 36px;
}
[class*=cmm-more] span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
[class*=cmm-more] a {
  position: relative;
  color: #666;
}
[class*=cmm-more] a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #999;
}

.cmm-more-sell span:after {
  background-position: 0 -216px;
}

.cmm-more-pay span:after {
  background-position: 0 -250px;
}

.cmm-more-see span:after {
  width: 30px;
  height: 21px;
  top: 2px;
  background-position: 0 -285px;
}

.cmm-more-estimate span:after {
  background-position: 0 -316px;
}

.cmm-more-review span:after {
  background-position: 0 -350px;
}

.cmm-more-point span:after {
  background-position: 0 -384px;
}

.cmm-more-sale span:after {
  background-position: 0 -419px;
}

.cmm-more-day span:after {
  background-position: 0 -487px;
}

.cmm-more-ad span:after {
  background-position: 0 -454px;
}

.cmm-more-indi span:after {
  background-position: 0 -522px;
}

.cmm-more-direct span:after {
  background-position: 0 -558px;
}

.cmm-more-dc span:after {
  background-position: 0 -591px;
}

.cmm-more-estimate span:after {
  background-position: 0 -624px;
}

.cmm-more-diff span:after {
  top: 7px;
  background-position: 0 -658px;
}

.cmm-banner {
  border-radius: 8px;
  background: #6e7da0;
}
.cmm-banner a {
  display: block;
  height: 150px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-banner a > * {
  display: block;
  color: #fff;
  font-size: 20px;
}
.cmm-banner a .bg-arrow {
  position: relative;
  display: inline-block;
  padding: 0 16px 0 0;
  font-size: 14px;
}
.cmm-banner a .bg-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -93px -138px;
  width: 8px;
  height: 11px;
}

.cmm-page-link:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-page-link > div {
  position: relative;
  float: left;
  width: 295px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.cmm-page-link > div a {
  display: block;
  height: 150px;
  padding: 85px 0 0 20px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-page-link > div:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-page-link .auction {
  margin-right: 10px;
}
.cmm-page-link .auction:after {
  background-position: -67px -207px;
  width: 38px;
  height: 38px;
}
.cmm-page-link .price:after {
  background-position: -67px -255px;
  top: 20px;
  width: 42px;
  height: 29px;
}
.cmm-page-link .cmm-banner {
  width: 360px;
  margin-right: 15px;
  border-color: #6e7da0;
}
.cmm-page-link .cmm-banner a {
  padding: 20px;
}
.cmm-page-link .cmm-banner.bg-banner-cor {
  background: #7491b4;
}
.cmm-page-link .free-service {
  position: relative;
  width: 580px;
}
.cmm-page-link .free-service a {
  position: relative;
  height: 250px;
  padding: 30px;
}
.cmm-page-link .free-service a span {
  display: block;
}
.cmm-page-link .free-service a .link-arrow {
  display: inline-block;
}
.cmm-page-link .free-service a .tit {
  margin-bottom: 25px;
  font-size: 16px;
  color: #666;
}
.cmm-page-link .free-service a .txt {
  font-size: 24px;
  font-weight: bold;
}
.cmm-page-link .free-service a .link-arrow {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.cmm-page-link .free-service a:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -682px -535px;
  width: 110px;
  height: 100px;
}

.cmm-buy-cnt .cmm-page-link .cmm-banner {
  margin: 0 20px 20px 0;
}

.w1280 .category {
  width: 50%;
}
.w1280 .sell-info-box p {
  font-size: 14px;
}

.car-guide-tab {
  margin-top: 55px;
}
.car-guide-tab li a {
  font-size: 18px;
}

.car-reg-guide {
  padding: 0 20px;
}
.car-reg-guide .tit {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}
.car-reg-guide .txt {
  margin-bottom: 25px;
  color: #666;
}
.car-reg-guide ul {
  overflow: hidden;
  margin-left: -18px;
}
.car-reg-guide ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.car-reg-guide ul li {
  float: left;
  margin: 0 0 18px 18px;
}

.car-req-picture .fw-b-txt {
  margin: 22px 0 0;
  color: #2666c6;
  font-size: 18px;
  font-weight: bold;
}
.car-req-picture .item {
  padding: 0 0 50px;
}
.car-req-picture .item .txt {
  font-size: 16px;
  margin: 35px 0 25px;
}
.car-req-picture .item .img img {
  display: inline-block;
  width: 190px;
  height: 144px;
}
.car-req-picture .item .s-tit {
  display: block;
  margin-top: 6px;
  text-align: center;
  font-size: 16px;
}
.car-req-picture .item .t-c {
  text-align: center;
}
.car-req-picture .item ul {
  overflow: hidden;
}
.car-req-picture .item ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.car-req-picture .item ul li {
  float: left;
  padding: 0 9px;
  overflow: hidden;
}
.car-req-picture .owl-nav {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 34px;
  margin-left: -40px;
}
.car-req-picture .owl-nav .owl-prev,
.car-req-picture .owl-nav .owl-next {
  top: 0;
}
.car-req-picture .owl-nav .owl-prev {
  left: 0;
  right: auto !important;
}
.car-req-picture .owl-nav .owl-next {
  right: 0 !important;
}
.car-req-picture .owl-nav > button {
  position: absolute;
  top: -58px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.car-req-picture .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.car-req-picture .owl-nav > button.owl-prev {
  right: 120px;
}
.car-req-picture .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.car-req-picture .owl-nav > button.owl-next {
  right: 75px;
}
.car-req-picture .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.car-req-picture .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.car-req-picture .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.car-req-picture .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.car-req-picture .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.cmm-img-info {
  position: relative;
  min-height: 135px;
}
.cmm-img-info .car-img {
  float: left;
  width: 180px;
  height: 135px;
  overflow: hidden;
  border-radius: 7px;
}
.cmm-img-info .car-img img {
  width: 100%;
}
.cmm-img-info .info-txt {
  position: relative;
  padding: 10px 0 0 210px;
}
.cmm-img-info .info-txt .car-name {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}
.cmm-img-info .info-txt .car-num {
  font-size: 18px;
}
.cmm-img-info .auction-time {
  position: absolute;
  left: 737px;
  bottom: 16px;
  font-size: 16px;
  color: #336fc9;
  font-weight: bold;
  text-align: right;
}
.cmm-img-info .auction-time.end {
  color: #fd665c;
}

.cmm-info-type {
  overflow: hidden;
}
.cmm-info-type:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-info-type dl {
  width: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-info-type dl dt {
  float: left;
  display: inline-block;
  width: 80px;
  color: #666;
  font-size: 16px;
  margin-bottom: 13px;
}
.cmm-info-type dl dd {
  float: left;
  width: 120px;
  margin: 0 100px 13px 0;
  font-size: 16px;
  text-align: right;
  font-weight: 500;
}

.cmm-add-info dl dt {
  float: left;
  width: 100px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
}
.cmm-add-info dl dd {
  margin-bottom: 10px;
  padding: 0 0 0 100px;
  font-size: 16px;
  font-weight: 500;
}

.cmm-estimate-info {
  position: relative;
  width: 980px;
  min-height: 125px;
}
.cmm-estimate-info .pay-area {
  overflow: hidden;
}
.cmm-estimate-info .pay-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-estimate-info .pay-area dl {
  float: left;
  min-width: 180px;
  text-align: left;
}
.cmm-estimate-info .pay-area dl dt {
  font-size: 18px;
  font-weight: 500;
}
.cmm-estimate-info .pay-area dl dd {
  font-size: 30px;
  font-weight: bold;
}
.cmm-estimate-info .pay-area dl.top dt,
.cmm-estimate-info .pay-area dl.top dd {
  color: #2666c6;
}
.cmm-estimate-info .line-b {
  position: relative;
  font-weight: bold;
}
.cmm-estimate-info .line-b:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
.cmm-estimate-info .cmm-estimate-none {
  position: relative;
  width: 390px;
  margin: 0 auto 90px;
  padding: 155px 0 0;
}
.cmm-estimate-info .cmm-estimate-none .big-txt {
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.1px;
}
.cmm-estimate-info .cmm-estimate-none .txt {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}
.cmm-estimate-info .cmm-estimate-none [class*=cmm-more] span {
  width: 345px;
}
.cmm-estimate-info .cmm-estimate-none:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  width: 105px;
  height: 113px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -895px -154px;
  margin: 0 0 0 -52px;
}

.cmm-dealer-badge {
  position: relative;
  margin-bottom: 60px;
}
.cmm-dealer-badge .dealer-info {
  position: relative;
}
.cmm-dealer-badge .dealer-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-dealer-badge .dealer-info .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-dealer-badge .dealer-info .photo img {
  display: block;
  width: 100%;
  height: 100%;
}
.cmm-dealer-badge .dealer-info .info-txt {
  float: left;
  width: auto;
  padding: 0 0 0 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-dealer-badge .dealer-info .info-txt > * {
  display: block;
  color: #666;
}
.cmm-dealer-badge .dealer-info .info-txt .name {
  margin-bottom: 12px;
  padding: 5px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.cmm-dealer-badge .dealer-info .info-txt .name .tip-wrap {
  vertical-align: middle;
  margin-left: 5px;
}
.cmm-dealer-badge .dealer-info .info-txt .name .tooltip {
  background: url("../images/common/sprite.png?v=20200401") no-repeat -123px -85px;
  width: 20px;
  height: 22px;
}
.cmm-dealer-badge .dealer-info .info-txt .addr {
  margin-bottom: 3px;
}
.cmm-dealer-badge .dealer-info .star-est {
  float: left;
  width: auto;
  margin-right: 40px;
}
.cmm-dealer-badge .dealer-info .star-est .estimate {
  margin-top: 36px;
}
.cmm-dealer-badge .dealer-info .star-est .estimate > * {
  font-size: 18px;
}
.cmm-dealer-badge .dealer-info .star-est .estimate .pay {
  color: #336fc9;
  font-weight: 900;
}
.cmm-dealer-badge .dealer-info .star-est .badge-area {
  position: relative;
  top: 0;
  right: initial;
  margin: 20px 0 0 15px;
}
.cmm-dealer-badge .dealer-info .stamp-area {
  display: inline-block;
}
.cmm-dealer-badge .dealer-info .stamp-area .bid-stamp {
  width: 81px;
  height: 81px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -328px -264px;
}
.cmm-dealer-badge .dealer-info.floatLeft {
  float: left;
  margin-right: 50px;
}
.cmm-dealer-badge .dealer-info.floatLeft .btn {
  clear: both;
  margin: 105px 0 0 80px;
}
.cmm-dealer-badge .dealer-info.floatLeft .btn .btn-m span {
  color: #2666c6;
}
.cmm-dealer-badge .badge-area {
  position: absolute;
  right: 50px;
  top: 11px;
}
.cmm-dealer-badge .badge-area > span {
  display: inline-block;
  margin-left: 5px;
  width: 38px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-dealer-badge .badge-area .badge1 {
  background-position: -153px -85px;
}
.cmm-dealer-badge .badge-area .badge2 {
  background-position: -201px -85px;
}
.cmm-dealer-badge .badge-area .badge3 {
  background-position: -249px -85px;
}
.cmm-dealer-badge .badge-area .badge4 {
  background-position: -153px -125px;
}
.cmm-dealer-badge .dealer-btn {
  position: absolute;
  right: 50px;
  top: 51px;
  padding: 0;
}
.cmm-dealer-badge .dealer-btn .btn-m span {
  font-weight: normal;
}

.cmm-graph-area .hit-area {
  margin-bottom: 15px;
  font-size: 24px;
}
.cmm-graph-area .hit-area > span {
  font-size: 24px;
  margin-right: 35px;
}
.cmm-graph-area .amcharts-chart-div a {
  display: none !important;
}

.estimate-list-area ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.estimate-list-area ul li {
  float: left;
  width: 350px;
  margin: 20px 0;
}
.estimate-list-area ul li .name {
  font-size: 18px;
  font-weight: bold;
}
.estimate-list-area ul li .addr-date {
  margin: 5px 0 15px;
}
.estimate-list-area ul li .addr-date > * {
  color: #666;
}
.estimate-list-area ul li .addr-date .date {
  position: relative;
  margin-left: 15px;
}
.estimate-list-area ul li .addr-date .date:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 5px;
  width: 1px;
  height: 13px;
  background: #666;
}
.estimate-list-area ul li .estimate > * {
  font-size: 18px;
}
.estimate-list-area ul li .estimate .pay {
  color: #336fc9;
  font-weight: 900;
}

.cmm-customer-eva {
  margin-bottom: 60px;
}
.cmm-customer-eva .star-area .tit {
  width: 60px;
}
.cmm-customer-eva .star-area .star-rating {
  top: 0;
}
.cmm-customer-eva .star-area .text {
  top: 3px;
}

.cmm-customer-review {
  position: relative;
  margin-bottom: 35px;
  padding: 0 0 0 65px;
}
.cmm-customer-review:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -165px;
  width: 25px;
  height: 21px;
}

.dealer-cmm-top-wrap .car-img {
  position: relative;
  display: table;
  width: 224px;
  height: 168px;
  margin-top: -20px;
}
.dealer-cmm-top-wrap .car-img span {
  display: table-cell;
  vertical-align: middle;
}
.dealer-cmm-top-wrap .car-img span img {
  max-width: 100%;
  max-height: 100%;
}
.dealer-cmm-top-wrap .car-btn {
  position: absolute;
  right: 0;
  bottom: 20px;
}

.dealer-regi-info-box .regi-col .cmm-show-text {
  display: none;
  margin: 10px 0 0;
}
.dealer-regi-info-box .regi-col.on .cmm-show-text {
  display: block;
}
.dealer-regi-info-box .cont-regi {
  min-height: auto;
}

.cmm-car-option ul {
  overflow: hidden;
  margin-left: -15px;
}
.cmm-car-option ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-car-option li {
  float: left;
  width: 110px;
  height: 150px;
  text-align: center;
}
.cmm-car-option li .txt {
  display: block;
  margin-top: 12px;
}
.cmm-car-option li .cmm-check {
  display: none;
  width: 85px;
  margin: auto;
  text-align: left;
}
.cmm-car-option li .cmm-check > span {
  display: block;
  margin: 0 0 5px;
}
.cmm-car-option li .cmm-check .inp-rd label > span, .cmm-car-option li .cmm-check .inp-rd-new label > span,
.cmm-car-option li .cmm-check .inp-ch label > span,
.cmm-car-option li .cmm-check .inp-ch-new label > span {
  margin-left: 5px;
}
.cmm-car-option li.on button {
  border-color: #2666c6;
  background: #2666c6;
}
.cmm-car-option li.on .hide {
  display: none;
}
.cmm-car-option li.on .cmm-check {
  display: block;
  margin-top: 12px;
}
.cmm-car-option [class*=option] button {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 80px;
  text-indent: -999em;
  overflow: hidden;
}
.cmm-car-option [class*=option] button span {
  position: absolute;
  width: 100%;
  bottom: -40px;
}
.cmm-car-option [class*=option] button:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 80px;
  height: 80px;
  background: url("../images/sub/car_option_bg.png") no-repeat;
}
.cmm-car-option .option1 button:after {
  background-position: 0 0;
}
.cmm-car-option .option2 button:after {
  background-position: -80px 0;
}
.cmm-car-option .option3 button:after {
  background-position: -160px 0;
}
.cmm-car-option .option4 button:after {
  background-position: -240px 0;
}
.cmm-car-option .option5 button:after {
  background-position: -320px 0;
}
.cmm-car-option .option6 button:after {
  background-position: -400px 0;
}
.cmm-car-option .option7 button:after {
  background-position: -480px 0;
}
.cmm-car-option .option8 button:after {
  background-position: -560px 0;
}
.cmm-car-option .option9 button:after {
  background-position: -640px 0;
}
.cmm-car-option .option10 button:after {
  background-position: -720px 0;
}
.cmm-car-option .option11 button:after {
  background-position: 0 -80px;
}
.cmm-car-option .option12 button:after {
  background-position: -80px -80px;
}
.cmm-car-option .option13 button:after {
  background-position: -160px -80px;
}
.cmm-car-option .option14 button:after {
  background-position: -240px -80px;
}
.cmm-car-option .option15 button:after {
  background-position: -320px -80px;
}
.cmm-car-option .option16 button:after {
  background-position: -400px -80px;
}
.cmm-car-option .option17 button:after {
  background-position: -480px -80px;
}
.cmm-car-option .option18 button:after {
  background-position: -560px -80px;
}
.cmm-car-option .option19 button:after {
  background-position: -640px -80px;
}
.cmm-car-option .option20 button:after {
  background-position: -720px -80px;
}
.cmm-car-option .option1.on button:after {
  background-position: 0 -160px;
}
.cmm-car-option .option2.on button:after {
  background-position: -80px -160px;
}
.cmm-car-option .option3.on button:after {
  background-position: -160px -160px;
}
.cmm-car-option .option4.on button:after {
  background-position: -240px -160px;
}
.cmm-car-option .option5.on button:after {
  background-position: -320px -160px;
}
.cmm-car-option .option6.on button:after {
  background-position: -400px -160px;
}
.cmm-car-option .option7.on button:after {
  background-position: -480px -160px;
}
.cmm-car-option .option8.on button:after {
  background-position: -560px -160px;
}
.cmm-car-option .option9.on button:after {
  background-position: -640px -160px;
}
.cmm-car-option .option10.on button:after {
  background-position: -720px -160px;
}
.cmm-car-option .option11.on button:after {
  background-position: 0 -240px;
}
.cmm-car-option .option12.on button:after {
  background-position: -80px -240px;
}
.cmm-car-option .option13.on button:after {
  background-position: -160px -240px;
}
.cmm-car-option .option14.on button:after {
  background-position: -240px -240px;
}
.cmm-car-option .option15.on button:after {
  background-position: -320px -240px;
}
.cmm-car-option .option16.on button:after {
  background-position: -400px -240px;
}
.cmm-car-option .option17.on button:after {
  background-position: -480px -240px;
}
.cmm-car-option .option18.on button:after {
  background-position: -560px -240px;
}
.cmm-car-option .option19.on button:after {
  background-position: -640px -240px;
}
.cmm-car-option .option20.on button:after {
  background-position: -720px -240px;
}

.photo-btn-area {
  position: absolute;
  right: 0;
  top: 0;
}
.photo-btn-area .photo-guide-btn {
  position: relative;
  padding: 0 60px 0 50px;
}
.photo-btn-area .photo-guide-btn:before {
  content: "";
  position: absolute;
  right: 21px;
  top: 11px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -223px;
  width: 9px;
  height: 16px;
}
.photo-btn-area .photo-guide-btn:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 10px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -196px;
  width: 21px;
  height: 17px;
}

.cmm-car-photo {
  padding: 32px 0 0;
}
.cmm-car-photo ul {
  overflow: hidden;
  margin-left: -10px;
}
.cmm-car-photo ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-car-photo ul li {
  position: relative;
  float: left;
  width: 180px;
  height: 135px;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.cmm-car-photo ul li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -249px;
  margin: -20px 0 0 -20px;
  z-index: 0;
}
.cmm-car-photo ul li button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #222;
  z-index: 2;
}
.cmm-car-photo ul li button > span {
  position: relative;
  top: 40px;
}
.cmm-car-photo ul li button > span .ess-txt {
  color: #fd665c;
}
.cmm-car-photo ul li img {
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
}
.cmm-car-photo .on {
  position: relative;
}
.cmm-car-photo .on button > span {
  position: absolute;
  right: 0;
  bottom: 0;
  top: auto;
  height: 30px;
  line-height: 28px;
  padding: 0 11px;
  z-index: 2;
  color: #fff;
  border-radius: 0 0 7px 0;
  overflow: hidden;
}
.cmm-car-photo .on button > span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
  background: #000;
  opacity: 0.7;
  z-index: -1;
}
.cmm-car-photo .on button > span .ess-txt {
  display: none;
}
.cmm-car-photo .on .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -337px;
}
.cmm-car-photo .on:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.cmm-sale-area ul {
  margin-left: -5px;
  overflow: hidden;
}
.cmm-sale-area ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-sale-area ul li {
  float: left;
  width: 120px;
  height: 120px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.cmm-sale-area ul li button {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.cmm-sale-area ul li.on {
  border-color: #336fc9;
  background: #336fc9;
}
.cmm-sale-area ul li.on button {
  color: #fff;
}

.cmm-table.line-none {
  padding: 20px 0 0;
  border-bottom: 0;
}
.cmm-table.line-none td {
  border: none;
  padding: 20px 10px;
}
.cmm-table.line-none td.t-l {
  text-align: left;
}
.cmm-table.line-none td.t-r {
  text-align: right;
}

.car-auction-info > div {
  vertical-align: middle;
}
.car-auction-info .img {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 135px;
  border-radius: 7px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}
.car-auction-info .img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.car-auction-info .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.car-auction-info .info-txt {
  display: inline-block;
  padding: 0 0 0 30px;
}
.car-auction-info .info-txt > span {
  font-size: 18px;
}
.car-auction-info .info-txt .bid {
  margin-top: 10px;
}

.dl-car-info {
  display: inline-block;
}
.dl-car-info dt {
  display: inline-block;
  color: #999;
  text-align: left;
  margin-bottom: 10px;
}
.dl-car-info dd {
  display: inline-block;
  margin-bottom: 10px;
  text-align: left;
}
.dl-car-info.w200 dd {
  width: 140px;
}
.dl-car-info.w140 dd {
  min-width: 83px;
}

.cmm-auction-type {
  position: absolute;
  right: 10px;
  top: 270px;
}
.cmm-auction-type > div {
  float: left;
  margin-left: 42px;
}
.cmm-auction-type > div .tit {
  display: block;
  font-size: 16px;
}
.cmm-auction-type > div strong {
  font-weight: bold;
  font-size: 36px;
}

.cmm-ps-select {
  position: absolute;
  right: 0;
  top: -10px;
}

.cmm-dp-inbk {
  display: inline-block;
}

.cmm-seller:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-seller > div {
  float: left;
}
.cmm-seller .photo {
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-seller .name-addr {
  padding: 4px 36px 0 20px;
}
.cmm-seller .name-addr strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.cmm-seller .name-addr .addr {
  color: #666;
}
.cmm-seller .sale-num {
  padding: 4px 35px 0 0;
  font-size: 18px;
  font-weight: 500;
}
.cmm-seller .sale-num span {
  font-size: 18px;
  font-weight: 500;
}
.cmm-seller .car-pay {
  padding: 4px 0 0;
  font-size: 18px;
  font-weight: 500;
}
.cmm-seller .car-pay span {
  font-size: 18px;
  font-weight: 500;
}

.cmm-top-0 {
  top: 0 !important;
}

.cmm-ps-ab-r {
  position: absolute;
  right: 0;
  top: 0;
}

.cmm-ps-re {
  position: relative;
}

.dealer-regi-sell-price .regi-price .inp-t {
  border: 0;
}

.file-box.car-exam .inp-f label {
  position: relative;
  width: 180px;
  height: 135px;
}
.file-box.car-exam .inp-f label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -249px;
  margin: -40px 0 0 -20px;
  z-index: 0;
}
.file-box.car-exam .inp-f label span {
  position: relative;
  top: 75px;
}

.cmm-change-link {
  position: absolute;
  left: 420px;
  top: 200px;
  width: 620px;
}
.cmm-change-link span {
  display: inline-block;
  padding: 33px 0 0;
  font-size: 36px;
  font-weight: 100;
  color: #1c5a57;
}
.cmm-change-link span strong {
  font-size: 36px;
  font-weight: bold;
  color: #1c5a57;
}
.cmm-change-link .img {
  float: right;
  width: 300px;
  margin-right: 20px;
}
.cmm-change-link a {
  position: absolute;
  right: 30px;
  bottom: -35px;
  width: 100px;
  height: 100px;
  padding: 18px 0 0;
  border-radius: 100px;
  background: #1c5a57;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-change-link a:after {
  content: "→";
  position: absolute;
  left: 50%;
  bottom: 4px;
  font-size: 23px;
  font-weight: 500;
  margin-left: -13px;
}

.buy-sell-area {
  overflow: hidden;
}
.buy-sell-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-sell-area > div {
  float: left;
  width: 50%;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-sell-area h3.cmm-sub-tit {
  margin-bottom: 5px;
  font-size: 18px;
  color: #6bb3b0;
}
.buy-sell-area .txt {
  letter-spacing: -0.5px;
}
.buy-sell-area .cmm-rud-list {
  margin-top: 35px;
}
.buy-sell-area .cmm-rud-list li {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 18px;
}
.buy-sell-area .cmm-rud-list li a {
  display: block;
  width: 100%;
  height: 135px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-sell-area .cmm-rud-list li.on {
  background: #6bb3b0;
}
.buy-sell-area .cmm-rud-list li.on a span,
.buy-sell-area .cmm-rud-list li.on a .pay {
  color: #fff !important;
}
.buy-sell-area .cmm-rud-list li.on a .info span:after {
  background: #fff;
}
.buy-sell-area .cmm-rud-list li .add-btn {
  text-align: center;
}
.buy-sell-area .cmm-rud-list li .add-btn span {
  position: relative;
  padding: 0 0 0 45px;
  font-size: 18px;
  line-height: 114px;
  color: #222;
}
.buy-sell-area .cmm-rud-list li .add-btn span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -67px -301px;
}
.buy-sell-area .cmm-rud-list li.no-data a {
  padding: 150px 0 0;
  height: 570px;
}
.buy-sell-area .cmm-rud-list li.no-data a div {
  height: 155px;
  color: #6bb3b0;
  font-size: 24px;
}
.buy-sell-area .cmm-rud-list li.no-data a span {
  line-height: 0 !important;
}
.buy-sell-area .buy-area li .img {
  float: left;
  width: 150px;
  height: 113px;
  font-size: 0;
}
.buy-sell-area .buy-area li .img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.buy-sell-area .buy-area li .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.buy-sell-area .buy-area li .info-txt {
  padding: 0 0 0 170px;
}
.buy-sell-area .buy-area li .info-txt .car-name {
  margin: 7px 0 0;
  font-size: 16px;
}
.buy-sell-area .buy-area li .info-txt .info {
  margin-bottom: 20px;
}
.buy-sell-area .buy-area li .info-txt .info span {
  position: relative;
  margin-right: 15px;
  color: #999;
}
.buy-sell-area .buy-area li .info-txt .info span:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #999;
}
.buy-sell-area .buy-area li .info-txt .info span:first-child:after {
  display: none;
}
.buy-sell-area .buy-area li .info-txt .pay {
  font-size: 16px;
  color: #336fc9;
  font-weight: 900;
}
.buy-sell-area .sell-area .cmm-rud-list a {
  display: table;
}
.buy-sell-area .sell-area .cmm-rud-list .img {
  display: table-cell;
  width: 100px;
  height: 100%;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.buy-sell-area .sell-area .cmm-rud-list .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.buy-sell-area .sell-area .cmm-rud-list .name {
  display: table-cell;
  padding: 0 0 0 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
}

.cmm-align-r {
  text-align: right;
  margin: 30px 60px 100px 0;
}

.change-purchase-area {
  width: 980px;
  margin-bottom: 70px;
  overflow: hidden;
}
.change-purchase-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.change-purchase-area .purchase-way {
  float: left;
  width: 500px;
}
.change-purchase-area .cost-area {
  float: left;
  width: 480px;
}
.change-purchase-area .cost-area > div {
  overflow: hidden;
}
.change-purchase-area .cost-area > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.change-purchase-area .cost-area .total-cost {
  padding: 37px 0 0;
}
.change-purchase-area .cost-area .total-cost > div {
  height: 113px;
  margin-bottom: 20px;
}
.change-purchase-area .cost-area .total-cost .img {
  float: left;
  width: 150px;
  height: 113px;
}
.change-purchase-area .cost-area .total-cost .img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}
.change-purchase-area .cost-area .total-cost .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.change-purchase-area .cost-area .total-cost .info-txt {
  padding: 0 0 0 170px;
}
.change-purchase-area .cost-area .total-cost .buy-tag {
  position: relative;
  top: 2px;
  display: inline-block;
  border: 1px solid #2666c6;
  height: 22px;
  border-radius: 22px;
  color: #2666c6;
  padding: 0 10px;
}
.change-purchase-area .cost-area .total-cost .sell-tag {
  position: relative;
  top: 2px;
  display: inline-block;
  border: 1px solid #fd665c;
  height: 22px;
  border-radius: 22px;
  color: #fd665c;
  padding: 0 10px;
}
.change-purchase-area .cost-area .total-cost .car-name {
  display: block;
  margin-bottom: 14px;
  font-size: 16px;
}
.change-purchase-area .cost-area .total-cost .car-pay strong {
  color: #336fc9;
  font-size: 16px;
  font-weight: 900;
}
.change-purchase-area .cost-area .total-car {
  border-top: 2px solid #222;
  padding: 10px 0 0;
}
.change-purchase-area .buy-btn button {
  width: 120px;
  height: 84px;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin-left: 7px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
}
.change-purchase-area .buy-btn button.on {
  background: #2666c6;
  border-color: #2666c6;
}
.change-purchase-area .buy-btn button.on span {
  color: #fff;
}
.change-purchase-area .buy-btn button:first-child {
  margin: 0;
}

.total-car.cmm-justify .fl-l {
  padding: 5px 0 0;
  font-size: 16px;
}
.total-car.cmm-justify .fl-r {
  font-weight: bold;
  font-size: 30px;
  color: #2666c6;
}

.change-content .common-step-area .step-list-area .left-aside .car-name-area strong .cor {
  color: #6bb3b0;
}
.change-content .estimate-area .guide-btn {
  border-color: #b4ecea;
}
.change-content .estimate-area .guide-btn span {
  color: #b4ecea;
}
.change-content .estimate-area .guide-btn span:after {
  background-position: -123px -108px;
}

.h-auto {
  height: auto !important;
}

.cmm-kb-price:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-kb-price .cmm-graph-area .cmm-ai-pay {
  float: left;
  width: 300px;
}
.cmm-kb-price .cmm-graph-area .cmm-ai-pay .tit {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px;
}
.cmm-kb-price .cmm-graph-area .cmm-ai-pay .price {
  font-size: 24px;
  color: #336fc9;
  font-weight: bold;
}
.cmm-kb-price .cmm-graph-area .graph-area {
  position: relative;
  top: 15px;
  float: left;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 3px;
  background: #ddd;
  border-radius: 3px;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar {
  position: absolute;
  height: 3px;
  background: #336fc9;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-min,
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-max {
  position: absolute;
  top: 10px;
  width: 80px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #336fc9;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-min:after,
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-max:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 11px;
  height: 11px;
  margin: 0 0 0 -6px;
  border: 2px solid #336fc9;
  border-radius: 100%;
  background: #fff;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-max {
  right: 0;
  margin: 0 -40px 0 0;
}
.cmm-kb-price .cmm-graph-area .graph-area .graph-box .g-bar .b-min {
  margin: 0 0 0 -40px;
  left: 0;
}
.cmm-kb-price .cmm-graph-area .graph-area .g-min,
.cmm-kb-price .cmm-graph-area .graph-area .g-max {
  position: relative;
  top: 3px;
  color: #999;
}

.buy-sell-type {
  overflow: hidden;
}
.buy-sell-type:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-sell-type > div {
  float: left;
  width: 400px;
  margin: 0 90px 0 0;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.buy-sell-type .img {
  float: left;
  width: 150px;
  height: 113px;
}
.buy-sell-type .img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.buy-sell-type .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.buy-sell-type .info-txt {
  padding: 0 0 0 170px;
}
.buy-sell-type .buy-tag {
  position: relative;
  top: 2px;
  display: inline-block;
  border: 1px solid #2666c6;
  height: 22px;
  border-radius: 22px;
  color: #2666c6;
  padding: 0 10px;
}
.buy-sell-type .sell-tag {
  position: relative;
  top: 2px;
  display: inline-block;
  border: 1px solid #fd665c;
  height: 22px;
  border-radius: 22px;
  color: #fd665c;
  padding: 0 10px;
}
.buy-sell-type .car-name {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.buy-sell-type .car-pay {
  display: block;
}
.buy-sell-type .car-pay strong {
  color: #336fc9;
  font-size: 16px;
  font-weight: 900;
}
.buy-sell-type .plus-pay {
  position: relative;
  top: 3px;
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  color: #fff;
  background: #6bb3b0;
  padding: 0 8px;
  height: 22px;
  border-radius: 22px;
  line-height: 22px;
  overflow: hidden;
}

.total-pay-right {
  width: 900px;
  text-align: right;
  margin: 10px 150px 0 0;
}
.total-pay-right .auction-time {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #336fc9;
}
.total-pay-right .auction-time.end {
  color: #fd665c;
}
.total-pay-right .total-pay {
  display: inline-block;
  margin-left: 80px;
}
.total-pay-right .total-pay .tit {
  display: block;
  font-size: 16px;
}
.total-pay-right .total-pay .tit .tip-btn {
  position: relative;
  top: 3px;
}
.total-pay-right .total-pay strong {
  font-size: 30px;
  color: #336fc9;
  font-weight: bold;
}

.cmm-send-area .step-list-area .left-aside {
  width: 400px;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info {
  background: #f5f6f9;
  border-radius: 27px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 30px;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .car-name {
  font-size: 24px;
  font-weight: bold;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .info-list {
  margin-bottom: 25px;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .info-list span {
  position: relative;
  color: #999;
  margin-left: 14px;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .info-list span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  width: 1px;
  height: 10px;
  background: #999;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .info-list span:first-child {
  margin: 0;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .info-list span:first-child:after {
  display: none;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .pay-sale {
  margin-bottom: 30px;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .pay-sale strong {
  color: #336fc9;
  font-size: 18px;
  font-weight: 900;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .pay-sale span {
  font-size: 16px;
  color: #999;
  margin-left: 5px;
  text-decoration: line-through;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .img-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-send-area .step-list-area .left-aside .app-veh-info .img-list .img {
  float: left;
  width: 150px;
  height: 113px;
  margin-right: 10px;
}
.cmm-send-area .step-list-area .left-aside .car-info-box {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 28px 30px 30px;
}
.cmm-send-area .step-list-area .left-aside .car-info-box h2 {
  font-size: 18px;
  color: #474a53;
  margin-bottom: 10px;
}
.cmm-send-area .step-list-area .left-aside .car-info-box button {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  padding: 0 0 0 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
}
.cmm-send-area .step-list-area .left-aside .car-info-box button .ck {
  position: absolute;
  right: 9px;
  top: 10px;
  color: #336fc9;
}
.cmm-send-area .step-list-area .left-aside .car-info-box button.complete {
  background: #f0f0f0;
}
.cmm-send-area .step-list-area .left-aside .car-info-box button.complete span,
.cmm-send-area .step-list-area .left-aside .car-info-box button.complete .ck {
  color: #999;
}
.cmm-send-area .step-list-area .left-aside .car-info-box button.complete .ck:after {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -63px -397px;
  width: 20px;
  height: 20px;
}
.cmm-send-area .step-list-area .left-aside .mCSB_scrollTools {
  z-index: -1;
  opacity: 0 !important;
}
.cmm-send-area .step-list-area .left-aside.cmm-sold-out .sold-out {
  position: absolute;
  top: 110px;
  width: 400px;
  text-align: center;
  z-index: 2;
}
.cmm-send-area .step-list-area .left-aside.cmm-sold-out .sold-out span {
  display: inline-block;
  width: 160px;
  height: 40px;
  background: #fd665c;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
}
.cmm-send-area .step-list-area .left-aside.cmm-sold-out .sold-out p {
  margin-top: 20px;
  color: #fff;
}
.cmm-send-area .step-list-area .left-aside.cmm-sold-out .car-photo-detail:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}

.cmm-step-box .cmm-step-list {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 6px 30px 30px;
}
.cmm-step-box .cmm-step-list .q-btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: 24px;
  padding: 24px 0 25px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.cmm-step-box .cmm-step-list .q-btn:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -477px;
  width: 16px;
  height: 9px;
  margin-top: -4px;
}
.cmm-step-box .cmm-step-list .q-btn span {
  margin-right: 7px;
  font-size: 24px;
  color: #999;
}
.cmm-step-box .cmm-step-list .q-btn.bor-none {
  border-bottom: 0;
}
.cmm-step-box .cmm-step-list h2.tit {
  font-size: 24px;
  margin-bottom: 25px;
}
.cmm-step-box .cmm-step-list .hide-area {
  display: none;
  padding: 55px 0 80px;
  border-bottom: 1px solid #ddd;
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}
.cmm-step-box .cmm-step-list .hide-area .cmm-tit {
  width: 140px;
}
.cmm-step-box .cmm-step-list .hide-area .cmm-basic-info .cmm-input-area {
  padding: 0 0 0 140px;
}
.cmm-step-box .cmm-step-list .hide-area.bor-none {
  border-top: 1px solid #ddd;
  border-bottom: 0;
}
.cmm-step-box li.on .q-btn:after {
  background-position: -63px -477px;
}
.cmm-step-box li.on .q-btn span {
  color: #11a8e5;
}
.cmm-step-box li.on .hide-area {
  display: block;
}

.cmm-bl-star li {
  position: relative;
  margin-bottom: 3px;
  padding: 0 0 0 9px;
  color: #666;
}
.cmm-bl-star li:after {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #666;
}
.cmm-bl-star li .link-arrow {
  position: relative;
  top: -2px;
}

.cmm-tooltip {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  margin: 0 0 0 5px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -427px;
}

.cmm-per-ass {
  background: #f9f8f4;
  border-radius: 15px;
  padding: 25px 30px 30px;
}

.cmm-per-info {
  margin-top: 25px;
}
.cmm-per-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-per-info .img {
  float: left;
  width: 150px;
  height: 113px;
}
.cmm-per-info .info-txt {
  padding: 8px 0 0 180px;
}
.cmm-per-info .info-txt p,
.cmm-per-info .info-txt span {
  font-size: 18px;
}
.cmm-per-info .info-txt .month-km {
  font-size: 30px;
}
.cmm-per-info .info-txt .month-km span {
  font-size: 30px;
  font-weight: bold;
}

.cmm-dealer-ext {
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 25px 30px 30px;
}
.cmm-dealer-ext .tit {
  font-size: 24px;
}
.cmm-dealer-ext .cmm-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-dealer-ext .photo {
  float: left;
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
}
.cmm-dealer-ext .name-km {
  padding: 4px 0 0 90px;
}
.cmm-dealer-ext .name-km .dealer-name {
  font-size: 18px;
}
.cmm-dealer-ext .name-km div {
  font-size: 18px;
}
.cmm-dealer-ext .name-km div .month-km,
.cmm-dealer-ext .name-km div span {
  font-size: 30px;
}

.cmm-month-km {
  display: block;
  margin-top: 20px;
  font-size: 30px;
}
.cmm-month-km span {
  font-size: 30px;
}

.cmm-radio-box {
  position: relative;
  margin: 10px 0 0 -10px;
}
.cmm-radio-box:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-radio-box .inp-rd, .cmm-radio-box .inp-rd-new {
  width: 100%;
}
.cmm-radio-box .box {
  float: left;
  width: 50%;
  padding-left: 10px;
}
.cmm-radio-box .box label {
  position: relative;
  display: block;
  width: 100%;
  height: 114px;
  background: #f5f6f9;
  border-radius: 7px;
  padding: 25px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-radio-box .box label:before {
  position: relative;
  top: 6px;
  left: -2px;
}
.cmm-radio-box .box label strong {
  font-size: 18px;
  font-weight: bold;
}
.cmm-radio-box .box label strong.pay {
  position: absolute;
  right: 30px;
  top: 26px;
  color: #2666c6;
}
.cmm-radio-box .box label p {
  padding: 10px 0 0 22px;
}
.cmm-radio-box.col3 {
  margin-top: 0;
}
.cmm-radio-box.col3 .box {
  width: 33.333%;
}
.cmm-radio-box.col3 .box label {
  background: none;
  border: 1px solid #ddd;
  padding: 17px 20px 20px;
  height: 94px;
}
.cmm-radio-box.col3 .box label:before {
  top: 3px;
  left: -5px;
}

.cmm-center-area {
  width: 520px;
  margin: auto;
}
.cmm-center-area .cmm-justify:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-center-area .cmm-justify li {
  padding: 8px 0;
}
.cmm-center-area .cmm-justify li:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-center-area .cmm-justify li span {
  font-size: 16px;
}
.cmm-center-area .cmm-justify li .tit-txt {
  font-size: 16px;
  color: #666;
}

.cmm-payment-area {
  margin-top: 25px;
}
.cmm-payment-area span {
  font-size: 18px;
}
.cmm-payment-area span.mon-tit {
  position: relative;
}
.cmm-payment-area span.mon-tit:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 6px;
  width: 1px;
  height: 16px;
  background: #767676;
}
.cmm-payment-area strong {
  font-size: 24px;
  color: #2666c6;
  font-weight: bold;
  margin: 0 37px 0 15px;
}

.cmm-list-txt,
.cmm-txt-list {
  padding: 30px 60px 100px 30px;
}
.cmm-list-txt.pad-0,
.cmm-txt-list.pad-0 {
  padding: 0;
}
.cmm-list-txt h2,
.cmm-txt-list h2 {
  font-size: 16px;
  font-weight: 500;
}
.cmm-list-txt .cmm-tit-d1,
.cmm-txt-list .cmm-tit-d1 {
  display: block;
  margin: 20px 0 10px;
  font-size: 14px;
  font-weight: bold;
}
.cmm-list-txt .cmm-tit-d1:first-child,
.cmm-txt-list .cmm-tit-d1:first-child {
  margin-top: 0;
}
.cmm-list-txt .list-area,
.cmm-txt-list .list-area {
  margin-bottom: 35px;
}
.cmm-list-txt .list-area .tit,
.cmm-txt-list .list-area .tit {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}
.cmm-list-txt .list-area .cmm-bl-dash,
.cmm-txt-list .list-area .cmm-bl-dash {
  margin: 5px 0 20px;
}
.cmm-list-txt li,
.cmm-txt-list li {
  position: relative;
  color: #666;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
}
.cmm-list-txt li:after,
.cmm-txt-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 1px;
  background: #666;
}

.car-option-list .car-name {
  display: block;
  margin: 0 0 30px;
  font-size: 30px;
  font-weight: 500;
}
.car-option-list dl dt {
  padding: 15px 0 0 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 59px;
  background: #f0f0f0;
  font-size: 16px;
}
.car-option-list dl dt span {
  margin-left: 3px;
  font-size: 16px;
}
.car-option-list dl dd {
  padding: 25px 0 45px;
}
.car-option-list dl dd ul {
  padding: 0 0 0 30px;
}
.car-option-list dl dd ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.car-option-list dl dd ul li {
  float: left;
  width: 200px;
  text-align: left;
  margin-bottom: 8px;
  color: #999;
}
.car-option-list dl dd ul li.on {
  color: #222;
}
.car-option-list dl dd ul.select-option-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 45%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.car-option-list dl dd ul.select-option-list li > * {
  font-family: Pretendard;
}
.car-option-list dl dd ul.select-option-list li:nth-child(odd) {
  margin-right: 40px;
}
.car-option-list dl dd ul.select-option-list li .txt {
  font-weight: 500;
}
.car-option-list dl dd ul.select-option-list li .price {
  font-weight: 300;
}

.cmm-delivery-guide h3 {
  font-size: 24px;
}
.cmm-delivery-guide .delivery-step {
  margin-bottom: 40px;
}
.cmm-delivery-guide .delivery-step li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 120px;
  margin-bottom: 10px;
  padding: 36px 20px 0 29px;
}
.cmm-delivery-guide .delivery-step li span {
  color: #2666c6;
}
.cmm-delivery-guide .delivery-step li p {
  margin-top: 7px;
  font-size: 18px;
}
.cmm-delivery-guide .delivery-step li:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 80px;
  height: 80px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  margin-top: -40px;
}
.cmm-delivery-guide .delivery-step li.step01:after {
  background-position: -328px -355px;
}
.cmm-delivery-guide .delivery-step li.step02:after {
  background-position: -418px -355px;
}
.cmm-delivery-guide .delivery-step li.step03:after {
  background-position: -508px -355px;
}
.cmm-delivery-guide .delivery-step li.step04:after {
  background-position: -598px -355px;
}
.cmm-delivery-guide .use-step {
  position: relative;
}
.cmm-delivery-guide .use-step:after {
  content: "";
  position: absolute;
  left: 29px;
  top: 4px;
  width: 1px;
  height: 76%;
  background: #2666c6;
}
.cmm-delivery-guide .use-step li {
  position: relative;
  padding: 0 0 55px 57px;
}
.cmm-delivery-guide .use-step li:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 19px;
  width: 80px;
  height: 80px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-delivery-guide .use-step li span {
  position: relative;
  display: block;
  margin-bottom: 3px;
  color: #2666c6;
  font-size: 16px;
}
.cmm-delivery-guide .use-step li span:after {
  content: "";
  position: absolute;
  left: -36px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: #2666c6;
  border-radius: 18px;
  z-index: 1;
}
.cmm-delivery-guide .use-step li span:before {
  content: "";
  position: absolute;
  left: -31px;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 8px;
  z-index: 2;
}
.cmm-delivery-guide .use-step li strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.cmm-delivery-guide .use-step li p {
  color: #666;
}
.cmm-delivery-guide .use-step li.step01:after {
  background-position: -688px -355px;
}
.cmm-delivery-guide .use-step li.step02:after {
  background-position: -778px -355px;
}
.cmm-delivery-guide .use-step li.step03:after {
  background-position: -868px -355px;
}
.cmm-delivery-guide .use-step li.step04:after {
  background-position: -328px -445px;
}
.cmm-delivery-guide .cmm-num-list li {
  color: #666;
  font-size: 16px;
  text-indent: -15px;
  margin: 0 0 10px 15px;
}
.cmm-delivery-guide .cmm-num-list span {
  color: #666;
  font-size: 16px;
}

.delivery-complete {
  border: 1px solid #ddd;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 75px;
  padding: 55px 30px 60px;
}
.delivery-complete .center {
  text-align: center;
}
.delivery-complete .txt-complete {
  position: relative;
  color: #2666c6;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.delivery-complete .txt-complete:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background: #2666c6;
}
.delivery-complete .cmm-cnt {
  overflow: hidden;
}
.delivery-complete .cmm-cnt:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.delivery-complete .cmm-cnt > div {
  float: left;
  width: 380px;
}
.delivery-complete .cmm-cnt .payment {
  margin: 30px 40px 0 0;
  height: 250px;
  border-bottom: 1px solid #ddd;
}
.delivery-complete .cmm-cnt .payment .tit {
  float: left;
  font-size: 18px;
  margin-bottom: 10px;
}
.delivery-complete .cmm-cnt .payment .pay {
  float: right;
  font-size: 18px;
  margin-bottom: 10px;
  color: #336fc9;
  font-weight: bold;
}
.delivery-complete .cmm-cnt .delivery {
  height: 250px;
  margin-top: 30px;
  border-bottom: 1px solid #ddd;
}
.delivery-complete .cmm-cnt .delivery .tit {
  float: left;
  width: 110px;
  font-size: 16px;
  color: #666;
  margin-bottom: 15px;
}
.delivery-complete .cmm-cnt .delivery .txt {
  display: block;
  padding: 0 0 15px 110px;
  font-size: 16px;
}

.buy-list-new .left-aside {
  width: 400px !important;
}
.buy-list-new .left-aside .cmm-new-info {
  background: #f5f6f9;
  border-radius: 30px;
  margin-bottom: 20px;
  padding: 50px 27px 0;
}
.buy-list-new .left-aside .cmm-new-info .img {
  margin-bottom: 50px;
  text-align: center;
}
.buy-list-new .left-aside .cmm-new-info .car-name {
  font-size: 18px;
  font-weight: 500;
}
.buy-list-new .left-aside .cmm-new-info .info-txt {
  margin-bottom: 25px;
  overflow: hidden;
}
.buy-list-new .left-aside .cmm-new-info .info-txt span {
  position: relative;
  left: -15px;
  color: #999;
  font-weight: 500;
  margin-left: 14px;
  letter-spacing: -0.1px;
}
.buy-list-new .left-aside .cmm-new-info .info-txt span:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #999;
}
.buy-list-new .left-aside .cmm-new-info .cmm-justify {
  margin-bottom: 8px;
}
.buy-list-new .left-aside .cmm-new-info .cmm-justify .tit {
  float: left;
  font-size: 16px;
}
.buy-list-new .left-aside .cmm-new-info .cmm-justify .txt {
  float: right;
  font-size: 16px;
  font-weight: 500;
}
.buy-list-new .left-aside .cmm-new-info .cmm-justify .pay {
  float: right;
  font-size: 18px;
  font-weight: 900;
  color: #336fc9;
}
.buy-list-new .left-aside .cmm-new-info .last-car-pay {
  padding: 22px 0 25px;
  border-top: 1px solid #ddd;
}
.buy-list-new .left-aside .cmm-new-info .last-car-pay:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-list-new .left-aside .cmm-new-info .last-car-pay .tit {
  float: left;
  font-size: 16px;
  padding: 5px 0 0;
}
.buy-list-new .left-aside .cmm-new-info .last-car-pay .pay {
  float: right;
  font-size: 24px;
  color: #336fc9;
  font-weight: 900;
}
.buy-list-new .left-aside .month-lease {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
}
.buy-list-new .left-aside .month-lease .tit {
  float: left;
  font-size: 18px;
  color: #474a53;
  font-weight: bold;
}
.buy-list-new .left-aside .month-lease .pay {
  float: right;
  font-size: 24px;
  color: #336fc9;
  font-weight: 900;
}
.buy-list-new .cmm-step-content {
  padding: 0 0 0 420px;
}

.new-cnt-area {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 27px;
}
.new-cnt-area .op-buy-type .cmm-tit-area2 {
  position: relative;
  margin: 40px 0 15px;
}
.new-cnt-area .op-buy-type .cmm-tit-area2 .tit {
  margin: 35px 0 0;
  font-size: 18px;
}
.new-cnt-area .op-buy-type .cmm-tit-area2 .cmm-tooltip {
  top: -2px;
}
.new-cnt-area .op-buy-type .cmm-tit-area2 .fl-r {
  position: absolute;
  right: 0;
  top: 0;
  color: #336fc9;
  font-size: 18px;
  font-weight: bold;
}
.new-cnt-area .op-buy-type .ck-wrap {
  margin-left: -1%;
}
.new-cnt-area .op-buy-type .ck-wrap:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.new-cnt-area .op-buy-type .ck-wrap button {
  float: left;
  margin-left: 1%;
}
.new-cnt-area .op-buy-type .ck-wrap .ck-on {
  border-color: #336fc9;
  background-color: #336fc9;
  color: #fff;
}

.free-consulting {
  position: relative;
  background: #f6f8fc;
  border-radius: 15px;
  padding: 30px;
  overflow: hidden;
}
.free-consulting strong {
  font-size: 18px;
  font-weight: bold;
}
.free-consulting:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -328px -535px;
  width: 100px;
  height: 100px;
}

.bl-dash-list dt {
  font-size: 16px;
  font-weight: 500;
}
.bl-dash-list dd {
  position: relative;
  margin-top: 10px;
  padding: 0 0 0 8px;
  color: #666;
}
.bl-dash-list dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 1px;
  background: #666;
}

.cmm-just-area {
  margin-bottom: 20px;
}
.cmm-just-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-just-area .tit {
  float: left;
  font-size: 16px;
}
.cmm-just-area .tit.fs-18 {
  font-size: 18px;
}
.cmm-just-area .txt,
.cmm-just-area .pay {
  float: right;
  font-size: 16px;
}
.cmm-just-area .txt.fs-14 {
  font-size: 14px;
}
.cmm-just-area .pay {
  color: #336fc9;
  font-weight: bold;
}
.cmm-just-area .pay.fs-24 {
  font-size: 24px;
}
.cmm-just-area .pay.fs-14 {
  font-size: 14px;
}

.cmm-special-price {
  padding: 0 0 100px;
}
.cmm-special-price .big-txt {
  margin-bottom: 26px;
  font-size: 36px;
}
.cmm-special-price .big-txt span {
  font-size: 36px;
  color: #2666c6;
}
.cmm-special-price .num-list {
  margin-bottom: 60px;
}
.cmm-special-price .num-list li {
  margin-bottom: 3px;
  color: #666;
}
.cmm-special-price .esti-list {
  padding: 40px 60px 40px 40px;
}
.cmm-special-price .esti-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-special-price .esti-list .car-img {
  float: left;
  width: 207px;
  margin-right: 60px;
}
.cmm-special-price .esti-list .info-txt {
  float: left;
}
.cmm-special-price .esti-list .info-txt .name-area {
  margin-bottom: 10px;
}
.cmm-special-price .esti-list .info-txt .name-area strong {
  font-size: 18px;
  font-weight: 500;
}
.cmm-special-price .esti-list .info-txt .name-area .first-served {
  position: relative;
  font-size: 18px;
  padding: 0 0 0 27px;
}
.cmm-special-price .esti-list .info-txt .name-area .first-served:after {
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 1px;
  height: 12px;
  background: #222;
}
.cmm-special-price .esti-list .info-txt .month-num {
  display: block;
  margin-top: 10px;
}
.cmm-special-price .esti-list .special-price {
  float: right;
  text-align: right;
}
.cmm-special-price .esti-list .special-price .pay {
  display: block;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
}
.cmm-special-price .esti-list .special-price .btn-m {
  padding: 0 25px;
}

.counseling-area {
  position: relative;
  margin-top: 40px;
  padding: 10px 0 65px 130px;
  overflow: hidden;
}
.counseling-area .tel-cnt {
  float: left;
  width: 270px;
}
.counseling-area .tel-cnt > * {
  display: block;
}
.counseling-area .tel-cnt .tel {
  font-size: 30px;
}
.counseling-area .tel-cnt .time {
  color: #999;
}
.counseling-area:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -438px -535px;
  width: 100px;
  height: 100px;
}
.counseling-area .btn-m {
  margin-top: 15px;
}
.counseling-area .tip-txt {
  position: relative;
  top: 7px;
  margin: 0 0 0 10px;
}

.cmm-content.send-index-content .cmm-top-area:before,
.cmm-content.send-index-content .common-top-area:before,
.common-content.content--send-me .cmm-top-area:before,
.common-content.content--send-me .common-top-area:before {
  background: #f3f3f3;
}
.cmm-content.send-index-content .cmm-sub-content,
.cmm-content.send-index-content .common-sub-content,
.common-content.content--send-me .cmm-sub-content,
.common-content.content--send-me .common-sub-content {
  background: #f3f3f3;
}
.cmm-content.send-index-content .cmm-sub-content .top-tit span,
.cmm-content.send-index-content .common-sub-content .top-tit span,
.common-content.content--send-me .cmm-sub-content .top-tit span,
.common-content.content--send-me .common-sub-content .top-tit span {
  font-size: 36px;
  font-weight: 500;
}
.cmm-content.send-index-content .cmm-sub-content .cmm-estimate-area,
.cmm-content.send-index-content .common-sub-content .cmm-estimate-area,
.common-content.content--send-me .cmm-sub-content .cmm-estimate-area,
.common-content.content--send-me .common-sub-content .cmm-estimate-area {
  padding: 0 0 60px;
}
.cmm-content.send-index-content .cmm-sub-content .cmm-estimate-area .num-app dl > *,
.cmm-content.send-index-content .common-sub-content .cmm-estimate-area .num-app dl > *,
.common-content.content--send-me .cmm-sub-content .cmm-estimate-area .num-app dl > *,
.common-content.content--send-me .common-sub-content .cmm-estimate-area .num-app dl > * {
  color: #222;
}
.cmm-content.send-index-content .cmm-sub-content .estimate-area,
.cmm-content.send-index-content .common-sub-content .estimate-area,
.common-content.content--send-me .cmm-sub-content .estimate-area,
.common-content.content--send-me .common-sub-content .estimate-area {
  padding: 37px 0 0;
}
.cmm-content.send-index-content .cmm-sub-content .estimate-area .guide-btn,
.cmm-content.send-index-content .common-sub-content .estimate-area .guide-btn,
.common-content.content--send-me .cmm-sub-content .estimate-area .guide-btn,
.common-content.content--send-me .common-sub-content .estimate-area .guide-btn {
  background: #999;
  border-color: #999;
}
.cmm-content.send-index-content .cmm-sub-content .estimate-area .guide-btn span,
.cmm-content.send-index-content .common-sub-content .estimate-area .guide-btn span,
.common-content.content--send-me .cmm-sub-content .estimate-area .guide-btn span,
.common-content.content--send-me .common-sub-content .estimate-area .guide-btn span {
  color: #fff;
}
.cmm-content.send-index-content .cmm-sub-content .estimate-area .guide-btn span:after,
.cmm-content.send-index-content .common-sub-content .estimate-area .guide-btn span:after,
.common-content.content--send-me .cmm-sub-content .estimate-area .guide-btn span:after,
.common-content.content--send-me .common-sub-content .estimate-area .guide-btn span:after {
  background-position: -123px -138px;
}
.cmm-content.send-index-content .cmm-send-cnt,
.common-content.content--send-me .cmm-send-cnt {
  padding: 0 0 100px 60px;
}
.cmm-content.send-index-content .cmm-send-cnt .category-area.customer-list,
.common-content.content--send-me .cmm-send-cnt .category-area.customer-list {
  padding: 60px 0 0;
}
.cmm-content.send-index-content .cmm-send-cnt .category-area.customer-list .category,
.common-content.content--send-me .cmm-send-cnt .category-area.customer-list .category {
  width: 400px;
}
.cmm-content.send-index-content .send-top-step,
.common-content.content--send-me .send-top-step {
  position: absolute;
  left: 0;
  top: 150px;
  width: 1120px;
  height: 366px;
}
.cmm-content.send-index-content .send-top-step li,
.common-content.content--send-me .send-top-step li {
  position: absolute;
  text-align: right;
}
.cmm-content.send-index-content .send-top-step li span,
.common-content.content--send-me .send-top-step li span {
  display: block;
  font-size: 18px;
}
.cmm-content.send-index-content .send-top-step li span.cor-blue,
.common-content.content--send-me .send-top-step li span.cor-blue {
  font-size: 14px;
  font-weight: 900;
}
.cmm-content.send-index-content .send-top-step li.step01,
.common-content.content--send-me .send-top-step li.step01 {
  right: 165px;
  top: 13px;
}
.cmm-content.send-index-content .send-top-step li.step02,
.common-content.content--send-me .send-top-step li.step02 {
  right: 250px;
  top: 96px;
}
.cmm-content.send-index-content .send-top-step li.step03,
.common-content.content--send-me .send-top-step li.step03 {
  right: 340px;
  top: 170px;
}
.cmm-content.send-index-content .send-top-step li.step04,
.common-content.content--send-me .send-top-step li.step04 {
  right: 435px;
  top: 245px;
}
.cmm-content.send-index-content .send-top-step:after,
.common-content.content--send-me .send-top-step:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/sub/bg_send.png") no-repeat;
  width: 452px;
  height: 366px;
}

.cmm-cor-circle {
  overflow: hidden;
}
.cmm-cor-circle:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-cor-circle li {
  float: left;
  width: 33.333%;
  position: relative;
  padding: 0 0 230px 16px;
  color: #666;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-cor-circle li:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.cmm-cor-circle li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
.cmm-cor-circle li.list1:before {
  background-position: 0 -800px;
}
.cmm-cor-circle li.list1:after {
  background-color: #fd665c;
}
.cmm-cor-circle li.list2:before {
  background-position: -210px -800px;
}
.cmm-cor-circle li.list2:after {
  background-color: #2666c6;
}
.cmm-cor-circle li.list3:before {
  background-position: -420px -800px;
}
.cmm-cor-circle li.list3:after {
  background-color: #ffcc00;
}

.send-step-list {
  position: relative;
  padding: 0 0 0 38px;
}
.send-step-list:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 5px;
  width: 1px;
  height: 75%;
  background: #2666c6;
}
.send-step-list li {
  position: relative;
  height: 110px;
}
.send-step-list li:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.send-step-list li strong {
  position: relative;
  float: left;
  width: 263px;
  font-size: 16px;
  font-weight: bold;
  color: #2666c6;
}
.send-step-list li strong span {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.send-step-list li strong:after {
  content: "";
  position: absolute;
  left: -36px;
  top: 5px;
  width: 18px;
  height: 18px;
  background: #2666c6;
  border-radius: 18px;
}
.send-step-list li strong:before {
  content: "";
  position: absolute;
  left: -31px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 8px;
  z-index: 1;
}
.send-step-list li p {
  padding: 0 0 0 263px;
  font-size: 16px;
  color: #666;
}
.send-step-list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: -30px;
  width: 80px;
  height: 80px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.send-step-list li.step01:after {
  background-position: -688px -355px;
}
.send-step-list li.step02:after {
  background-position: -778px -355px;
}
.send-step-list li.step03:after {
  background-position: -868px -355px;
}
.send-step-list li.step04:after {
  background-position: -328px -445px;
}

.ask-question {
  position: relative;
  width: 880px;
  background: #f6f8fc;
  border-radius: 15px;
  padding: 25px 30px 30px;
  overflow: hidden;
}
.ask-question strong {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.ask-question p {
  font-size: 16px;
  margin-bottom: 60px;
}
.ask-question:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -548px -535px;
  width: 125px;
  height: 101px;
}

.common-content.content--send-me .send-top-step {
  top: 0;
  right: -50px;
  left: auto;
  width: 100%;
}
.common-content.content--send-me .ask-question {
  width: 100%;
}

.buy-index-content .cmm-top-area:before,
.buy-index-content .common-top-area:before,
.common-content.content--save-me .cmm-top-area:before,
.common-content.content--save-me .common-top-area:before {
  background: #f3f3f3;
}
.buy-index-content .cmm-sub-content,
.buy-index-content .common-sub-content,
.common-content.content--save-me .cmm-sub-content,
.common-content.content--save-me .common-sub-content {
  background: #f3f3f3;
  padding: 160px 60px 60px 60px !important;
}
.buy-index-content .cmm-sub-content .owl-carousel,
.buy-index-content .common-sub-content .owl-carousel,
.common-content.content--save-me .cmm-sub-content .owl-carousel,
.common-content.content--save-me .common-sub-content .owl-carousel {
  position: relative;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-item .item,
.buy-index-content .common-sub-content .owl-carousel .owl-item .item,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-item .item,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-item .item {
  position: relative;
  height: 305px;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-item .item .txt,
.buy-index-content .common-sub-content .owl-carousel .owl-item .item .txt,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-item .item .txt,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-item .item .txt {
  font-size: 36px;
  font-weight: 100;
  padding: 55px 0 0;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-item .item .txt span,
.buy-index-content .common-sub-content .owl-carousel .owl-item .item .txt span,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-item .item .txt span,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-item .item .txt span {
  font-size: 36px;
  font-weight: 500;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-item .car-img,
.buy-index-content .common-sub-content .owl-carousel .owl-item .car-img,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-item .car-img,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-item .car-img {
  position: absolute;
  right: 0;
  top: 0;
  height: 280px;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-item .car-img img,
.buy-index-content .common-sub-content .owl-carousel .owl-item .car-img img,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-item .car-img img,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-item .car-img img {
  width: auto;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav,
.buy-index-content .common-sub-content .owl-carousel .owl-nav,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  top: 215px;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button {
  position: absolute;
  top: 0;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button:after,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button:after,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button:after,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.owl-prev:after,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.owl-prev:after,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.owl-prev:after,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.owl-next,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.owl-next,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.owl-next,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.owl-next {
  left: 44px;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.owl-next:after,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.owl-next:after,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.owl-next:after,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.disabled,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.disabled,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.disabled,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.disabled.owl-prev:after,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.disabled.owl-prev:after,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.disabled.owl-prev:after,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button.disabled.owl-next:after,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button.disabled.owl-next:after,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button.disabled.owl-next:after,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.buy-index-content .cmm-sub-content .owl-carousel .owl-nav > button > span,
.buy-index-content .common-sub-content .owl-carousel .owl-nav > button > span,
.common-content.content--save-me .cmm-sub-content .owl-carousel .owl-nav > button > span,
.common-content.content--save-me .common-sub-content .owl-carousel .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.buy-index-content .cmm-estimate-area .estimate-area,
.common-content.content--save-me .cmm-estimate-area .estimate-area {
  padding: 33px 0 0;
}
.buy-index-content .cmm-estimate-area .estimate-area .guide-btn,
.common-content.content--save-me .cmm-estimate-area .estimate-area .guide-btn {
  background: #999;
  border-color: #999;
}
.buy-index-content .cmm-estimate-area .estimate-area .guide-btn span,
.common-content.content--save-me .cmm-estimate-area .estimate-area .guide-btn span {
  color: #fff;
}
.buy-index-content .cmm-estimate-area .estimate-area .guide-btn span:after,
.common-content.content--save-me .cmm-estimate-area .estimate-area .guide-btn span:after {
  background-position: -123px -138px;
}
.buy-index-content .cmm-estimate-area .num-app dl > *,
.common-content.content--save-me .cmm-estimate-area .num-app dl > * {
  color: #222;
}
.buy-index-content .cmm-buy-cnt,
.common-content.content--save-me .cmm-buy-cnt {
  padding: 60px;
}
.buy-index-content .cmm-buy-cnt .category-area.customer-list .category,
.common-content.content--save-me .cmm-buy-cnt .category-area.customer-list .category {
  width: 100%;
}
.buy-index-content .cmm-buy-cnt .list-link:after,
.common-content.content--save-me .cmm-buy-cnt .list-link:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-index-content .cmm-buy-cnt .list-link li,
.common-content.content--save-me .cmm-buy-cnt .list-link li {
  float: left;
  position: relative;
  width: 390px;
}
.buy-index-content .cmm-buy-cnt .list-link li a,
.common-content.content--save-me .cmm-buy-cnt .list-link li a {
  position: relative;
  font-size: 18px;
  padding: 0 30px 0 35px;
}
.buy-index-content .cmm-buy-cnt .list-link li a:after,
.common-content.content--save-me .cmm-buy-cnt .list-link li a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 9px;
  height: 16px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -223px;
}
.buy-index-content .cmm-buy-cnt .list-link li a em,
.common-content.content--save-me .cmm-buy-cnt .list-link li a em {
  font-style: italic;
  font-size: 18px;
}
.buy-index-content .cmm-buy-cnt .list-link li:after,
.common-content.content--save-me .cmm-buy-cnt .list-link li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 26px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.buy-index-content .cmm-buy-cnt .list-link li:nth-child(1):after,
.common-content.content--save-me .cmm-buy-cnt .list-link li:nth-child(1):after {
  background-position: -33px -496px;
}
.buy-index-content .cmm-buy-cnt .list-link li:nth-child(2):after,
.common-content.content--save-me .cmm-buy-cnt .list-link li:nth-child(2):after {
  background-position: -33px -531px;
}
.buy-index-content .cmm-buy-cnt .list-link li:nth-child(3),
.common-content.content--save-me .cmm-buy-cnt .list-link li:nth-child(3) {
  width: auto;
}
.buy-index-content .cmm-buy-cnt .list-link li:nth-child(3):after,
.common-content.content--save-me .cmm-buy-cnt .list-link li:nth-child(3):after {
  background-position: -33px -564px;
}
.buy-index-content .cmm-buy-cnt .list-link02:after,
.common-content.content--save-me .cmm-buy-cnt .list-link02:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-index-content .cmm-buy-cnt .list-link02 li,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li {
  float: left;
  position: relative;
  width: 33.33%;
  padding-top: 50px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li a,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li a {
  position: relative;
  display: block;
  font-size: 18px;
  padding-right: 30px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li a .tit,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li a .tit {
  font-size: 18px;
  line-height: 26px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li a .tit em,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li a .tit em {
  font-style: italic;
  font-size: 18px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li a .txt,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li a .txt {
  margin-top: 11px;
  line-height: 24px;
  color: #666;
}
.buy-index-content .cmm-buy-cnt .list-link02 li:after,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 26px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
}
.buy-index-content .cmm-buy-cnt .list-link02 li:nth-child(1):after,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li:nth-child(1):after {
  background-position: -33px -496px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li:nth-child(2):after,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li:nth-child(2):after {
  background-position: -33px -531px;
}
.buy-index-content .cmm-buy-cnt .list-link02 li:nth-child(3),
.common-content.content--save-me .cmm-buy-cnt .list-link02 li:nth-child(3) {
  width: auto;
}
.buy-index-content .cmm-buy-cnt .list-link02 li:nth-child(3):after,
.common-content.content--save-me .cmm-buy-cnt .list-link02 li:nth-child(3):after {
  background-position: -33px -564px;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app {
  height: 208px;
  overflow: hidden;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app:after,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box {
  position: relative;
  float: left;
  width: 480px;
  height: 208px;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin: 0 20px 20px 0;
  padding: 25px 20px 0 30px;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .dealer-answer,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .dealer-answer {
  position: absolute;
  right: 30px;
  top: 29px;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .dealer-answer > span,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .dealer-answer > span {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  border: 1px solid #222;
  padding: 0 8px;
  border-radius: 22px;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .tit,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .tit {
  width: 200px;
  font-size: 18px;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .year,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .year {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  color: #999;
  font-weight: 500;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .pay,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .pay {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  color: #2666c6;
  font-weight: 900;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .name span,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .name span {
  position: relative;
  color: #999;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .car-img,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .car-img {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 230px;
  height: 100px;
  overflow: hidden;
  text-align: center;
}
.buy-index-content .cmm-buy-cnt .buy-dealer-app .box .car-img img,
.common-content.content--save-me .cmm-buy-cnt .buy-dealer-app .box .car-img img {
  max-width: 100%;
  max-height: 100%;
}

.cmm-direct-search {
  display: none;
  position: absolute;
  left: 668px;
  top: 90px;
  width: 400px;
  border: 1px solid #ddd;
  border-radius: 15px;
  background: #fff;
  padding: 25px 0 40px;
  overflow: hidden;
}
.cmm-direct-search .cmm-justify {
  margin: 0 30px;
  padding: 0 0 5px;
  border-bottom: 1px solid #ddd;
}
.cmm-direct-search .cmm-justify .keyword {
  float: left;
  width: 270px;
  font-size: 16px;
}
.cmm-direct-search .cmm-justify .link-arrow {
  float: right;
}
.cmm-direct-search .list {
  padding: 12px 0 0;
}
.cmm-direct-search .list a {
  display: block;
  padding: 5px 30px;
}
.cmm-direct-search .list a:hover {
  background-color: #f9fafc;
}
.cmm-direct-search .num-name-search {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: #ebeef3;
  border-radius: 5px;
  text-align: right;
  padding: 8px 30px 0;
}
.cmm-direct-search .tag-list {
  padding: 0 30px 20px;
  margin-left: -5px;
}
.cmm-direct-search .tag-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-direct-search .tag-list li {
  float: left;
  margin: 0 0 10px 5px;
}
.cmm-direct-search .tag-list li a {
  display: block;
  height: 35px;
  border-radius: 35px;
  border: 1px solid #ddd;
  color: #666;
  line-height: 33px;
  padding: 0 15px;
}
.cmm-direct-search .most-recent {
  margin: 0 30px;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.cmm-direct-search .most-recent .tit {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}
.cmm-direct-search .most-recent .ds-scroll {
  height: 133px;
}
.cmm-direct-search .most-recent ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-direct-search .most-recent ul li {
  position: relative;
  margin-top: 7px;
}
.cmm-direct-search .most-recent ul li span {
  position: relative;
  display: block;
  padding: 0 20px 0 0;
}
.cmm-direct-search .most-recent ul li button {
  position: absolute;
  right: 0;
  top: -2px;
  text-indent: -999em;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -337px;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.cmm-direct-search .no-search {
  position: relative;
  text-align: center;
  padding: 100px 0 20px;
}
.cmm-direct-search .no-search:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -419px -264px;
  width: 80px;
  height: 81px;
  margin-left: -40px;
}
.cmm-direct-search .ds-scroll {
  margin-bottom: 10px;
  height: 380px;
}

.pie-chart-area {
  width: 490px;
  margin: auto;
  padding: 0 0 70px;
}
.pie-chart-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.pie-chart-area .pie-area {
  position: relative;
  float: left;
  width: 194px;
}
.pie-chart-area .pie-area.pie2 {
  float: right;
}
.pie-chart-area .pie-area > div {
  overflow: initial !important;
}
.pie-chart-area .txt {
  float: left;
  width: 102px;
  position: relative;
  top: 78px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}
.pie-chart-area [class*=percent-num] {
  position: absolute;
  left: 50%;
  top: 50px;
  width: 100px;
  text-align: center;
  margin: 0 0 0 -50px;
}
.pie-chart-area [class*=percent-num] .percent {
  display: block;
  font-size: 30px;
}
.pie-chart-area [class*=percent-num] .percent strong {
  font-size: 50px;
  font-weight: bold;
}
.pie-chart-area [class*=percent-num] .name {
  font-size: 18px;
  color: #222;
}
.pie-chart-area .percent-num1 > * {
  color: #2666c6;
}
.pie-chart-area .percent-num2 > * {
  color: #fd665c;
}
.pie-chart-area .amcharts-chart-div a {
  display: none !important;
}

.cmm-buy-info .cmm-top-area:before,
.cmm-buy-info .common-top-area:before,
.content--buy-info .cmm-top-area:before,
.content--buy-info .common-top-area:before {
  background: transparent;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cmm-buy-info .common-top-area.bg-cor:before,
.content--buy-info .common-top-area.bg-cor:before {
  background: #fff;
}
.cmm-buy-info .top-location .now,
.content--buy-info .top-location .now {
  color: #fff;
}
.cmm-buy-info .car-top-area,
.content--buy-info .car-top-area {
  position: relative;
  min-height: 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-buy-info .car-top-area p,
.content--buy-info .car-top-area p {
  padding-top: 50px;
  font-size: 36px;
  font-weight: 500;
  color: #fff;
}
.cmm-buy-info .car-top-area .car-img,
.content--buy-info .car-top-area .car-img {
  position: absolute;
  left: 543px;
  bottom: 20px;
  width: 508px;
  height: 367px;
}
.cmm-buy-info .car-top-area .link-area,
.content--buy-info .car-top-area .link-area {
  position: absolute;
  left: 0;
  bottom: 60px;
}
.cmm-buy-info .car-top-area .link-area a,
.content--buy-info .car-top-area .link-area a {
  position: relative;
  color: #fff;
  margin-right: 26px;
}
.cmm-buy-info .car-top-area .link-area a:after,
.content--buy-info .car-top-area .link-area a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #97b2d0;
}
.cmm-buy-info .cmm-buy-cnt,
.content--buy-info .cmm-buy-cnt {
  padding: 60px 0 0 60px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .pay,
.content--buy-info .cmm-buy-cnt .current-quote .pay {
  margin-bottom: 15px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .pay strong,
.content--buy-info .cmm-buy-cnt .current-quote .pay strong {
  font-size: 30px;
  font-weight: bold;
  color: #2666c6;
  margin-right: 15px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .pay .btn-m,
.content--buy-info .cmm-buy-cnt .current-quote .pay .btn-m {
  position: relative;
  top: -5px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top span,
.cmm-buy-info .cmm-buy-cnt .current-quote .low span,
.content--buy-info .cmm-buy-cnt .current-quote .top span,
.content--buy-info .cmm-buy-cnt .current-quote .low span {
  font-size: 16px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top .plus,
.cmm-buy-info .cmm-buy-cnt .current-quote .top .minus,
.cmm-buy-info .cmm-buy-cnt .current-quote .low .plus,
.cmm-buy-info .cmm-buy-cnt .current-quote .low .minus,
.content--buy-info .cmm-buy-cnt .current-quote .top .plus,
.content--buy-info .cmm-buy-cnt .current-quote .top .minus,
.content--buy-info .cmm-buy-cnt .current-quote .low .plus,
.content--buy-info .cmm-buy-cnt .current-quote .low .minus {
  border-radius: 24px;
  height: 24px;
  font-size: 14px;
  padding: 0 10px;
  margin-left: 35px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top .plus,
.cmm-buy-info .cmm-buy-cnt .current-quote .low .plus,
.content--buy-info .cmm-buy-cnt .current-quote .top .plus,
.content--buy-info .cmm-buy-cnt .current-quote .low .plus {
  color: #2666c6;
  border: 1px solid #2666c6;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top .minus,
.cmm-buy-info .cmm-buy-cnt .current-quote .low .minus,
.content--buy-info .cmm-buy-cnt .current-quote .top .minus,
.content--buy-info .cmm-buy-cnt .current-quote .low .minus {
  color: #fd665c;
  border: 1px solid #fd665c;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top strong,
.cmm-buy-info .cmm-buy-cnt .current-quote .low strong,
.content--buy-info .cmm-buy-cnt .current-quote .top strong,
.content--buy-info .cmm-buy-cnt .current-quote .low strong {
  position: relative;
  top: 3px;
  font-size: 24px;
  font-weight: bold;
  margin-left: 3px;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .top strong,
.content--buy-info .cmm-buy-cnt .current-quote .top strong {
  color: #2666c6;
}
.cmm-buy-info .cmm-buy-cnt .current-quote .low strong,
.content--buy-info .cmm-buy-cnt .current-quote .low strong {
  color: #fd6b62;
}
.cmm-buy-info .financial-area,
.content--buy-info .financial-area {
  padding: 0 0 50px;
}
.cmm-buy-info .financial-area:after,
.content--buy-info .financial-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-buy-info .financial-area .financial-cnt,
.content--buy-info .financial-area .financial-cnt {
  float: left;
  width: 500px;
}
.cmm-buy-info .financial-area .financial-cnt .txt,
.content--buy-info .financial-area .financial-cnt .txt {
  position: relative;
  font-size: 18px;
  padding: 0 35px 0 0;
}
.cmm-buy-info .financial-area .financial-cnt .txt:after,
.content--buy-info .financial-area .financial-cnt .txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -630px;
}
.cmm-buy-info .financial-area .financial-cnt .percent,
.content--buy-info .financial-area .financial-cnt .percent {
  color: #999;
  font-size: 16px;
}
.cmm-buy-info .financial-area .financial-cnt .percent strong,
.content--buy-info .financial-area .financial-cnt .percent strong {
  font-size: 24px;
  font-weight: bold;
  color: #222;
}
.cmm-buy-info .new-estimate,
.content--buy-info .new-estimate {
  padding: 0 0 0 500px;
}
.cmm-buy-info .new-estimate .est-cnt:after,
.content--buy-info .new-estimate .est-cnt:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-buy-info .new-estimate .est-cnt .img,
.content--buy-info .new-estimate .est-cnt .img {
  float: left;
  width: 200px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt,
.content--buy-info .new-estimate .est-cnt .info-txt {
  padding: 0 0 0 214px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .car-name,
.content--buy-info .new-estimate .est-cnt .info-txt .car-name {
  margin-bottom: 23px;
  font-size: 18px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .new-car-price,
.content--buy-info .new-estimate .est-cnt .info-txt .new-car-price {
  margin-bottom: 11px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .new-car-price > *,
.content--buy-info .new-estimate .est-cnt .info-txt .new-car-price > * {
  font-size: 16px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .new-car-price strong,
.content--buy-info .new-estimate .est-cnt .info-txt .new-car-price strong {
  margin-left: 10px;
  font-weight: bold;
  color: #2666c6;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .info-area,
.content--buy-info .new-estimate .est-cnt .info-txt .info-area {
  overflow: hidden;
  padding: 4px 0 0;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .info-area .list,
.content--buy-info .new-estimate .est-cnt .info-txt .info-area .list {
  float: left;
  margin: 0 40px 10px -14px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .info-area .list span,
.content--buy-info .new-estimate .est-cnt .info-txt .info-area .list span {
  position: relative;
  color: #999;
  margin-left: 14px;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .info-area .list span:after,
.content--buy-info .new-estimate .est-cnt .info-txt .info-area .list span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  width: 1px;
  height: 12px;
  background: #b8b8b8;
}
.cmm-buy-info .new-estimate .est-cnt .info-txt .info-area .btn-m,
.content--buy-info .new-estimate .est-cnt .info-txt .info-area .btn-m {
  position: relative;
  top: -4px;
}

.content--buy-info .common-sub-content {
  padding-top: 0;
}
.content--buy-info .common-sub-content .cmm-buy-cnt {
  padding: 60px 0 0 0;
}
.content--buy-info .buy-info__hero {
  position: relative;
  margin: 0 -30px;
  padding: 160px 30px 0 30px;
}
@media (min-width: 1441px) {
  .content--buy-info .buy-info__hero {
    margin: 0 -60px;
    padding: 160px 60px 0 60px;
  }
}

.cmm-safety-area .safety-area .grade-area {
  position: relative;
  width: 720px;
  height: 150px;
  background: #f1f1f1;
  border-radius: 7px;
}
.cmm-safety-area .safety-area .grade-area .grade {
  position: absolute;
  left: 0;
  top: 0;
  height: 150px;
  background: #fd665c;
  background: -webkit-gradient(linear, left top, right top, from(#fd665c), to(#2666c6));
  background: linear-gradient(90deg, #fd665c 0%, #2666c6 100%);
  border-radius: 7px;
  overflow: hidden;
  text-align: center;
}
.cmm-safety-area .safety-area .grade-area .grade strong {
  position: relative;
  top: 38px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
.cmm-safety-area .safety-area .grade-area .grade strong span {
  font-size: 30px;
  color: #fff;
}
.cmm-safety-area .safety-area .safety-list {
  margin-top: 35px;
}
.cmm-safety-area .safety-area .safety-list:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-safety-area .safety-area .safety-list > div {
  float: left;
  width: 200px;
}
.cmm-safety-area .safety-area .safety-list .star-area {
  margin-bottom: 5px;
}
.cmm-safety-area .safety-area .safety-list .percent-num .percent {
  font-size: 18px;
  font-weight: 500;
}
.cmm-safety-area .safety-area .safety-list .percent-num .num {
  position: relative;
  color: #666;
  margin-left: 25px;
}
.cmm-safety-area .safety-area .safety-list .percent-num .num:after {
  content: "";
  position: absolute;
  left: -13px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #767676;
}
.cmm-safety-area .safety-area .safety-list .extra-point {
  width: auto;
  overflow: hidden;
}
.cmm-safety-area .safety-area .safety-list .extra-point .txt {
  margin-left: -25px;
  padding: 20px 0 0;
}
.cmm-safety-area .safety-area .safety-list .extra-point .txt span {
  position: relative;
  color: #666;
  margin-left: 25px;
}
.cmm-safety-area .safety-area .safety-list .extra-point .txt span:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 6px;
  width: 1px;
  height: 11px;
  background: #c1c1c1;
}
.cmm-safety-area .safety-area .safety-list .tit {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}
.cmm-safety-area .safety-area .safety-list .collision .star-area .star-rating > span {
  background: url("../images/common/ico_star2.png") no-repeat;
}
.cmm-safety-area .safety-area .safety-list .pedestrian .star-area .star-rating > span {
  background: url("../images/common/ico_star2.png") no-repeat 0 -17px;
}

.car-parts ul:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.car-parts ul li {
  float: left;
  width: 400px;
}
.car-parts ul li .img {
  float: left;
  width: 75px;
  height: 70px;
  overflow: hidden;
}
.car-parts ul li .txt-info {
  padding: 0 0 0 85px;
}
.car-parts ul li .txt-info > * {
  font-size: 18px;
}
.car-parts ul li .txt-info .tit {
  font-weight: 500;
}
.car-parts ul li .txt-info .sale {
  font-weight: bold;
}
.car-parts ul li .txt-info .cost-price {
  margin-left: 15px;
  color: #999;
  text-decoration: line-through;
}

.cw1400 .car-parts ul li {
  width: 33.3333%;
}

.top-tit.finance-bg {
  padding-bottom: 110px;
}
.top-tit.finance-bg:after {
  content: "";
  position: absolute;
  right: 0;
  top: -16px;
  display: block;
  width: 270px;
  height: 240px;
  background: url("../images/sub/buy_bg.png") no-repeat -337px 0px;
}

.one-stop-area {
  margin-left: -20px;
}
.one-stop-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.one-stop-area > div {
  position: relative;
  float: left;
  width: 480px;
  height: 192px;
  margin: 0 0 20px 20px;
  padding: 27px;
  border-radius: 7px;
  background: #f5f6f9;
}
.one-stop-area > div .txt {
  font-size: 24px;
  color: #474a53;
  font-weight: 500;
}
.one-stop-area > div .link-arrow {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.one-stop-area > div:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: url("../images/sub/buy_bg.png") no-repeat;
  width: 100px;
  height: 100px;
}
.one-stop-area .limit-check:after {
  background-position: 0 -250px;
}
.one-stop-area .insurance-check:after {
  background-position: 0 -360px;
}

.cmm-card-app a {
  position: relative;
  display: block;
  background: #eaf4fe;
  border-radius: 15px;
  height: 170px;
  padding: 30px 0 0 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-card-app a [class*=txt] {
  display: block;
}
.cmm-card-app a .txt1 {
  font-size: 18px;
  color: #88a1cf;
}
.cmm-card-app a .txt2 {
  font-size: 30px;
  color: #5a5ea1;
  font-weight: 100;
}
.cmm-card-app a .card-img {
  position: absolute;
  right: 120px;
  top: 27px;
}
.cmm-card-app a .card-application {
  position: relative;
  display: inline-block;
  height: 30px;
  margin: 13px 0 0 0;
  padding: 7px 25px 9px 10px;
  color: #5a5ea1;
  line-height: 1;
  border-radius: 15px;
  border: 1px solid #5a5ea1;
  text-decoration: none;
  overflow: hidden;
}
.cmm-card-app a .card-application:before, .cmm-card-app a .card-application:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.cmm-card-app a .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;
}
.cmm-card-app a .card-application:after {
  right: 14px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #eaf4fe;
}

.financial-usage-guide {
  margin-bottom: 55px;
}
.financial-usage-guide:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.financial-usage-guide li {
  position: relative;
  float: left;
  width: 160px;
  padding: 115px 0 0;
  text-align: center;
  font-size: 18px;
}
.financial-usage-guide li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 100px;
  background: url("../images/sub/buy_bg.png") no-repeat;
  margin-left: -50px;
}
.financial-usage-guide li:before {
  content: "";
  position: absolute;
  right: -5px;
  top: 43px;
  width: 17px;
  height: 12px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -63px -496px;
}
.financial-usage-guide li.list1:after {
  background-position: 0 -470px;
}
.financial-usage-guide li.list2:after {
  background-position: 0 -580px;
}
.financial-usage-guide li.list3:after {
  background-position: 0 -690px;
}
.financial-usage-guide li.list4:after {
  background-position: 0 -800px;
}
.financial-usage-guide li.list4:before {
  display: none;
}

.best-car-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.best-car-area > div {
  float: left;
  width: 480px;
}
.best-car-area > div a {
  display: block;
  height: 135px;
}
.best-car-area > div .car-img {
  float: left;
  width: 180px;
  border-radius: 7px;
  overflow: hidden;
}
.best-car-area > div .info-txt {
  width: 400px;
  padding: 0 0 0 200px;
}
.best-car-area .best-txt {
  display: inline-block;
  font-size: 13px;
  height: 22px;
  border: 1px solid #222;
  border-radius: 22px;
  padding: 0 10px;
  line-height: 22px;
}
.best-car-area .best-txt.blue {
  color: #2666c6;
  border-color: #2666c6;
}
.best-car-area .car-name {
  font-size: 18px;
  font-weight: bold;
}
.best-car-area .pay {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  color: #336fc9;
  font-weight: 900;
}

.free-finance {
  position: relative;
  padding: 27px 30px 30px;
  background: #f6f8fc;
  border-radius: 15px;
}
.free-finance strong {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.free-finance .link-arrow {
  margin: 0 0 0 30px;
  padding: 0 16px 0 30px;
}
.free-finance .link-arrow:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("../images/common/sprite.png?v=20200401") -63px -518px;
}
.free-finance:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 100px;
  height: 100px;
  background: url("../images/sub/buy_bg.png") 0 -910px;
}

.reg-method dl dt {
  font-size: 18px;
  margin-bottom: 10px;
}
.reg-method dl dd {
  font-size: 16px;
  color: #666;
  padding-left: 15px;
  margin-bottom: 20px;
}

.defer-reason {
  padding: 30px 0;
  background: #f0f0f0;
  border-radius: 7px;
  text-align: center;
}
.defer-reason span {
  position: relative;
  display: block;
  font-size: 18px;
  color: #fd665c;
  padding-top: 30px;
}
.defer-reason span:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat;
  background-position: -61px -154px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
}

.defer-txt {
  color: #666;
  margin-top: 30px;
  font-size: 16px;
}

.defer-guide {
  margin-top: 30px;
}
.defer-guide strong {
  font-size: 16px;
  color: #666;
}
.defer-guide a {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
  word-break: break-all;
  line-height: 1.8;
}
.defer-guide a span {
  color: #336fc9;
  border-bottom: 1px solid #336fc9;
  padding-bottom: 2px;
}

.equality-txt {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.equality-txt strong {
  font-weight: bold;
  font-size: 18px;
  color: #2666c6;
}
.equality-txt p {
  margin-top: 10px;
}

.equality-list strong {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
}
.equality-list .equality-model {
  overflow: hidden;
  margin-bottom: 40px;
}
.equality-list .equality-model .eq-img {
  float: left;
  width: 150px;
  height: 114px;
  border-radius: 7px;
  overflow: hidden;
}
.equality-list .equality-model .eq-img img {
  width: 100%;
}
.equality-list .equality-model .eq-txt {
  float: left;
  width: 300px;
  padding-left: 30px;
}
.equality-list .equality-model .eq-txt .bid-date {
  font-size: 13px;
}
.equality-list .equality-model .eq-txt strong {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.33;
}
.equality-list .equality-model .eq-txt .bidcar-info {
  margin-top: 3px;
}
.equality-list .equality-model .eq-txt .bidcar-info span {
  position: relative;
  font-weight: 500;
  color: #999;
  padding-right: 17px;
}
.equality-list .equality-model .eq-txt .bidcar-info span:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  top: 6px;
  right: 7px;
}
.equality-list .equality-model .eq-txt .bidcar-info span:last-child {
  padding-right: 0;
}
.equality-list .equality-model .eq-txt .bidcar-info span:last-child:after {
  display: none;
}
.equality-list .equality-model .eq-txt .bid-info {
  font-size: 16px;
  margin-top: 3px;
}
.equality-list .equality-model .eq-txt .bid-info span {
  font-weight: 900;
  font-size: 16px;
}
.equality-list .equality-model .eq-txt .bid-info span.bid-people {
  color: #fb665e;
  padding-right: 30px;
}
.equality-list .equality-model .eq-txt .bid-info span.bid-sum {
  color: #336fc9;
}

.used-info dt {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 20px;
}
.used-info dd {
  margin-bottom: 40px;
}
.used-info dd strong,
.used-info dd p {
  font-weight: 300;
}
.used-info dd ul li {
  font-weight: 300;
  line-height: 1.71;
  padding-left: 10px;
  text-indent: -10px;
}

.cmm-car-result ul:after {
  content: "";
  clear: both;
  display: block;
}
.cmm-car-result ul li {
  float: left;
  position: relative;
  width: auto;
  height: 400px;
  margin: 0 0 10px 30px;
}
.cmm-car-result ul li .img {
  width: 100%;
  height: 100%;
}
.cmm-car-result ul li .img img {
  height: 100%;
}
.cmm-car-result ul li .cmm-add-register {
  position: relative;
  width: 400px;
  height: 400px;
  background: #7f7f7f;
}
.cmm-car-result ul li .cmm-add-register:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -403px -91px;
}
.cmm-car-result ul li .cmm-add-register button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cmm-car-result ul li .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -33px -337px;
}

/* 2020.03.11 추가 */
.pie-chart-area .amChartsLegend svg > g > g > g:nth-child(1) {
  display: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.pie-chart-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;
}

.dealerContact {
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.dealerContact strong {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
}

.positionPhotoBtn {
  position: absolute;
  right: 0;
  top: 130px;
}

.car-parts ul li .img {
  width: 80px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.car-parts ul li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.car-parts ul li .txt-info {
  padding: 0 0 0 100px;
}

.carpartsAdd ul li {
  width: 370px;
}
.carpartsAdd ul li .img {
  border-radius: 3px;
  overflow: hidden;
  background: #ddd;
}
.carpartsAdd ul li .img img {
  height: 100%;
}

.actionTimer .grd-box {
  width: 450px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 24px;
  font-size: 24px;
  background: -webkit-gradient(linear, right top, left top, from(#5c6ffd), to(#fc665d));
  background: linear-gradient(-90deg, #5c6ffd, #fc665d);
  background-color: #5c6ffd;
  background-size: 400% 400%;
}
.actionTimer .grd-box span {
  font-size: 24px;
  color: #fff;
}
.actionTimer .grd-box strong {
  font-weight: bold;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
}

/*2020.09.07 바꿔줘 차차차차*/
.buysell-pop .change-car-pop {
  margin-top: 20px;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info {
  position: relative;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .car-img {
  width: 160px;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .car-txt {
  padding-left: 30px;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .car-txt .car-num {
  display: block;
  font-size: 24px;
  color: #fd665c;
  font-weight: bold;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .car-txt .s-car-name {
  font-size: 18px;
  font-weight: 500;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .model-edit {
  position: absolute;
  display: inline-block;
  width: auto;
  height: auto;
  top: 0;
  right: 0;
  padding-top: 25px;
  font-size: 16px;
  color: #454545;
  text-align: center;
}
.buysell-pop .change-car-pop.dealer-pic .pic-list .pic-info .model-edit:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/dealer/ico_dealer_02.png") no-repeat -582px -45px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
}
.buysell-pop .my-garage-regcar .s-car-img {
  width: 200px;
  margin: 0 auto;
}
.buysell-pop .my-garage-regcar .s-car-img img {
  width: 100%;
}
.buysell-pop .my-garage-regcar .s-car-txt {
  text-align: center;
  margin-top: 25px;
}
.buysell-pop .my-garage-regcar .s-car-txt .garage-car-name strong {
  font-size: 20px;
  font-weight: 600;
}
.buysell-pop .my-garage-regcar .s-car-txt .first-reg {
  color: #999;
}
.buysell-pop .my-garage-regcar .s-car-txt .car-num {
  display: block;
  margin-top: 35px;
  font-weight: bold;
  font-size: 24px;
  color: #fd665c;
}
.buysell-pop .bg-selcar-num {
  background: url("../images/sub/bg_selcar_num.png") no-repeat 0 0;
  width: 200px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto 60px;
  font-size: 34px;
  text-align: center;
  letter-spacing: -2px;
}
.buysell-pop .amdot-list {
  margin-top: 15px;
}
.buysell-pop .amdot-list li {
  position: relative;
  margin-top: 5px;
  padding-left: 8px;
  color: #999;
}
.buysell-pop .amdot-list li:after {
  content: "*";
  display: block;
  color: #999;
  position: absolute;
  top: 3px;
  left: 0;
}
.buysell-pop .garagecar-numsrch {
  margin-bottom: 40px;
}
.buysell-pop .garagecar-numsrch .nocar-thum {
  width: 200px;
  margin: 0 auto;
}
.buysell-pop .garagecar-numsrch .nocar-info {
  text-align: center;
}
.buysell-pop .garagecar-numsrch .nocar-info .car-num {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #fd665c;
  margin-bottom: 15px;
}
.buysell-pop .customer-car-info > div {
  padding: 5px 0;
}
.buysell-pop .customer-car-info > div:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.buysell-pop .customer-car-info > div div {
  width: 50%;
  float: left;
  font-weight: 300;
  color: #888;
}
.buysell-pop .customer-car-info > div div + div {
  width: 50%;
  float: right;
  text-align: right;
  font-weight: 500;
  color: #333;
}
.buysell-pop .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;
}
.buysell-pop .car-history div {
  width: 140px;
  height: 90px;
  background: #f1f1f1;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 10px;
  padding: 20px 0;
}
.buysell-pop .car-history div span {
  font-size: 16px;
}
.buysell-pop .car-history div b {
  font-size: 18px;
  display: block;
  color: #222;
}
.buysell-pop .car-history div b.t-blue {
  color: #2666c7;
}
.buysell-pop .btn-h-box {
  display: -webkit-box;
  margin: 30px 0 40px;
}
.buysell-pop .btn-h-box button {
  width: 146px;
  display: block;
  -webkit-box-flex: 1;
  height: 40px;
  border: 1px solid #336fc9;
  background: #fff;
  color: #336fc9;
  border-radius: 4px;
  letter-spacing: -1px;
  line-height: 38px;
  text-align: center;
}
.buysell-pop .basic-img {
  width: 100%;
  margin: 50px 0 15px;
}
.buysell-pop .basic-img img {
  width: 100%;
  border-radius: 7px;
}
.buysell-pop .deal-result-cfm {
  margin-top: 25px;
}
.buysell-pop .deal-result-cfm h2 {
  font-size: 16px;
  margin-bottom: 20px;
}

.ess-point {
  position: relative;
  display: inline-block;
  padding-right: 10px;
}
.ess-point:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #ff6565;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
}

.tit-ess-point {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  margin-left: 15px;
  color: #ff6565;
}
.tit-ess-point:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #ff6565;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}

.counsel-input.fl-arr:after {
  content: "";
  display: block;
  clear: both;
}
.counsel-input.fl-arr .fl-l {
  float: left;
}
.counsel-input.fl-arr .fl-r {
  float: right;
}
.counsel-input .photo-reg li {
  float: left;
  width: 133px;
  height: 133px;
  margin: 0 20px 0 0;
}
.counsel-input .photo-reg li button {
  display: block;
  position: relative;
  width: 133px;
  height: 133px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.counsel-input .photo-reg li button span {
  display: inline-block;
  position: relative;
  padding: 35px 0 0;
  font-weight: 100;
  font-size: 16px;
}
.counsel-input .photo-reg li button span:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -12px;
  background: url("../images/dealer/ico_dealer.png") no-repeat -473px 0;
}

.s-change-area {
  position: relative;
}
.s-change-area.wd-fixed {
  width: 1580px;
}
.s-change-area .app-request {
  position: absolute;
  left: 0;
  top: -37px;
}
.s-change-area .app-request:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.s-change-area .app-request .status-value {
  float: left;
}
.s-change-area .app-request .status-value span {
  display: inline-block;
  border: 1px solid #d2d2d2;
  color: #aaa;
  height: 26px;
  border-radius: 18px;
  font-size: 13px;
  padding: 0 7px;
  font-weight: 400;
  line-height: 24px;
}
.s-change-area .app-request .app-date {
  float: left;
  color: #b0b0b0;
  line-height: 24px;
  padding-left: 10px;
}
.s-change-area h2.cmm-sub-tit {
  font-size: 36px;
  font-weight: 100;
  margin-bottom: 50px;
}
.s-change-area h2.cmm-sub-tit strong {
  font-weight: 400;
}
.s-change-area h2.cmm-sub-tit strong.sell-car-tit {
  color: #878787;
}
.s-change-area h2.cmm-sub-tit strong.buy-car-tit {
  color: #516271;
}
.s-change-area h2.cmm-sub-tit.fs-24 {
  font-size: 24px;
}
.s-change-area .next-stage {
  position: absolute;
  top: 6px;
  right: 0;
}
.s-change-area .s-buy-sell-area {
  overflow: hidden;
}
.s-change-area .s-buy-sell-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.s-change-area .s-buy-sell-area > div {
  width: 45%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s-change-area .s-buy-sell-area h3.cmm-sub-tit {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}
.s-change-area .s-buy-sell-area .txt {
  letter-spacing: -0.5px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list {
  margin-top: 35px;
  height: 371px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 18px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li a {
  display: block;
  width: 100%;
  height: 115px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.on a span,
.s-change-area .s-buy-sell-area .cmm-rud-list li.on a .pay {
  color: #fff !important;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.on a .info span:after {
  background: #fff;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.on a .link-arrow:after {
  background-position: -6px -80px;
  top: 3px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li .add-btn {
  text-align: center;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li .add-btn span {
  position: relative;
  padding: 0 0 0 45px;
  font-size: 18px;
  line-height: 114px;
  color: #222;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li .add-btn span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -67px -301px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.no-data a {
  padding: 150px 0 0;
  height: 570px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.no-data a div {
  height: 155px;
  color: #6bb3b0;
  font-size: 24px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list li.no-data a span {
  line-height: 0 !important;
}
.s-change-area .s-buy-sell-area .cmm-rud-list.no-scroll {
  height: 117px;
}
.s-change-area .s-buy-sell-area .cmm-rud-list.no-scroll li {
  display: table;
  width: 100%;
  height: 115px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s-change-area .s-buy-sell-area .cmm-rud-list.no-scroll li .no-carimg {
  display: table-cell;
  width: 140px;
  height: 100%;
  padding: 0 0 0 10px;
  vertical-align: middle;
}
.s-change-area .s-buy-sell-area .cmm-rud-list.no-scroll li .no-infotxt {
  display: table-cell;
  padding: 0 0 0 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  color: #999;
}
.s-change-area .s-buy-sell-area .sell-area {
  float: left;
}
.s-change-area .s-buy-sell-area .sell-area h3.cmm-sub-tit {
  color: #878787;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list li.on {
  background: #878787;
  background: -webkit-gradient(linear, left top, right top, from(#878787), to(#a9a9a9));
  background: linear-gradient(to right, #878787 0%, #a9a9a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#878787", endColorstr="#a9a9a9",GradientType=1 );
  border: 1px solid #989898;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list a {
  display: table;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list .img {
  display: table-cell;
  width: 100px;
  height: 100%;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list .info-txt {
  display: table-cell;
  padding: 0 0 0 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list .info-txt .car-num {
  display: block;
  color: #999;
  font-weight: 500;
}
.s-change-area .s-buy-sell-area .sell-area .cmm-rud-list .info-txt .name {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 20px;
}
.s-change-area .s-buy-sell-area .sell-area .change-app {
  position: relative;
  background: url("../images/sub/bg_cbcar.png") no-repeat 17px 50%;
  margin-top: 30px;
  padding: 30px 30px 30px 165px;
}
.s-change-area .s-buy-sell-area .sell-area .change-app.brd {
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 25px 30px 25px 165px;
}
.s-change-area .s-buy-sell-area .sell-area .change-app:after {
  content: "";
  display: block;
  background: url("../images/sub/btn_cbcar_add.png") no-repeat 0 0;
  position: absolute;
  top: 55%;
  left: 111px;
  width: 30px;
  height: 30px;
}
.s-change-area .s-buy-sell-area .sell-area .change-app strong {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}
.s-change-area .s-buy-sell-area .sell-area .change-app .cmm-basic-info .cmm-input-area {
  padding: 0;
}
.s-change-area .s-buy-sell-area .sell-area .change-app .cmm-basic-info .cmm-input-area .inp-t {
  width: calc(100% - 130px);
}
.s-change-area .s-buy-sell-area .buy-area {
  float: right;
}
.s-change-area .s-buy-sell-area .buy-area h3.cmm-sub-tit {
  color: #2666c6;
}
.s-change-area .s-buy-sell-area .buy-area li.on {
  background: #43525f;
  background: -webkit-gradient(linear, left top, right top, from(#43525f), to(#516271));
  background: linear-gradient(to right, #43525f 0%, #516271 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#43525f", endColorstr="#516271",GradientType=1 );
  border: 1px solid #4a5a68;
}
.s-change-area .s-buy-sell-area .buy-area li .img {
  float: left;
  width: 130px;
  height: 95px;
  font-size: 0;
}
.s-change-area .s-buy-sell-area .buy-area li .img:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.s-change-area .s-buy-sell-area .buy-area li .img img {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt {
  position: relative;
  padding: 0 0 0 160px;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .car-num {
  color: #999;
  font-weight: 500;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .car-name {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 20px;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .info {
  margin-bottom: 15px;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .info span {
  position: relative;
  margin-right: 15px;
  color: #111;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .info span:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #111;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .info span:first-child:after {
  display: none;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .pay {
  font-size: 16px;
  color: #336fc9;
  font-weight: 900;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .link-arrow {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #999;
}
.s-change-area .s-buy-sell-area .buy-area li .info-txt .link-arrow:after {
  background-position: 0 -80px;
  top: 3px;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue {
  border-radius: 18px;
  margin: 30px 30px 0 0;
  background: #336fc9;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue a {
  position: relative;
  display: block;
  width: 100%;
  height: 135px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue a strong {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue a strong span {
  font-size: 20px;
  color: #f9cc1d;
  font-weight: 600;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue a .link-arrow {
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #fff;
}
.s-change-area .s-buy-sell-area .buy-area .change-bnr-blue a .link-arrow:after {
  background-position: -6px -80px;
  top: 3px;
}
.s-change-area .change-save-info:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.s-change-area .change-save-info .temp-save {
  width: 1040px;
  float: left;
}
.s-change-area .change-save-info .temp-save [class*=temp-] {
  position: relative;
  width: 500px;
  height: 520px;
  text-align: center;
  z-index: 0;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .save-car {
  width: 350px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] strong,
.s-change-area .change-save-info .temp-save [class*=temp-] span,
.s-change-area .change-save-info .temp-save [class*=temp-] a,
.s-change-area .change-save-info .temp-save [class*=temp-] b {
  color: #fff;
}
.s-change-area .change-save-info .temp-save [class*=temp-] strong {
  display: block;
  font-size: 34px;
  font-weight: 600;
  margin: 60px 0 35px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .car-kind {
  margin-bottom: 35px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .car-kind span {
  font-size: 26px;
  font-weight: normal;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .car-kind .car-name {
  font-weight: bold;
  display: block;
  margin: 0;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .car-kind b {
  display: block;
  font-size: 20px;
  margin-top: 35px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .link-arrow:after {
  background-position: -6px -80px;
  top: 3px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .img-thum {
  position: absolute;
  bottom: -40px;
  right: 0;
  width: 450px;
}
.s-change-area .change-save-info .temp-save [class*=temp-] .img-thum img {
  width: 100%;
  height: auto;
}
.s-change-area .change-save-info .temp-save [class*=temp-]:after {
  content: "";
  display: block;
  width: 350px;
  height: 100%;
  border-radius: 18px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.s-change-area .change-save-info .temp-save .temp-sellcar-save {
  float: left;
}
.s-change-area .change-save-info .temp-save .temp-sellcar-save:after {
  background: #878787;
  background: -webkit-gradient(linear, left top, right top, from(#878787), to(#a9a9a9));
  background: linear-gradient(to right, #878787 0%, #a9a9a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#878787", endColorstr="#a9a9a9",GradientType=1 );
}
.s-change-area .change-save-info .temp-save .temp-buycar-save {
  float: right;
}
.s-change-area .change-save-info .temp-save .temp-buycar-save:after {
  background: #43525f;
  background: -webkit-gradient(linear, left top, right top, from(#43525f), to(#516271));
  background: linear-gradient(to right, #43525f 0%, #516271 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#43525f", endColorstr="#516271",GradientType=1 );
}
.s-change-area .change-save-info .temp-save .sold-out {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -40px;
  border-radius: 18px;
  z-index: 1;
}
.s-change-area .change-save-info .temp-save .sold-out .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.s-change-area .change-save-info .temp-save .sold-out .box-tb {
  display: table;
  height: 100%;
  width: 100%;
}
.s-change-area .change-save-info .temp-save .sold-out .box-tb .box-mid {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index: 2;
}
.s-change-area .change-save-info .temp-save .sold-out .box-tb .box-mid .txt01 {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 55px;
  line-height: 55px;
  border-radius: 4px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  background-color: #fd665c;
}
.s-change-area .change-save-info .my-privacy-agree {
  float: right;
  width: 510px;
  height: 520px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 80px 90px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.s-change-area .change-save-info .my-privacy-agree .sub-tit {
  font-size: 18px;
}
.s-change-area .change-save-info .my-privacy-agree strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin: 15px 0 40px;
}
.s-change-area .change-save-info .my-privacy-agree .inp-ch b, .s-change-area .change-save-info .my-privacy-agree .inp-ch-new b {
  font-weight: "NotoKrM";
  padding-left: 5px;
}
.s-change-area .change-save-info .my-privacy-agree .clause-box .pop-scroll {
  height: 100px;
}
.s-change-area .change-save-info .my-privacy-agree .clause-box .pop-scroll div {
  color: #aaa;
}
.s-change-area .change-save-info .cmm-dealer-info {
  float: right;
  border: 1px solid #ddd;
  width: 510px;
  height: 560px;
  border-radius: 7px;
  padding: 30px;
}
.s-change-area .change-save-info .cmm-dealer-info .cmm-buy-tit {
  font-size: 18px;
  font-weight: bold;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area {
  float: none;
  width: auto;
  margin-bottom: 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star {
  margin: 0 30px 0 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .photo {
  width: 65px;
  height: 65px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .photo .btn-dealer-info {
  display: block;
  position: relative;
  z-index: 1;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .photo .btn-dealer-info img {
  width: 65px;
  height: 65px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .photo .btn-dealer-info:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -1px;
  width: 30px;
  height: 30px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -153px -590px;
  z-index: 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .star-area {
  width: 70px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .star-area .star-rating {
  width: 70px;
  height: 14px;
  background: url("../images/common/ico_star3.png") no-repeat;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .dealer-star .star-area .star-rating span {
  background: url("../images/common/ico_star3.png") no-repeat;
  height: 14px;
  background-position: 0 -42px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .txt {
  position: relative;
  background: #eff3fc;
  padding: 15px 20px;
  border-radius: 0 15px 15px 15px;
  color: #2666c6;
  font-weight: 600;
  min-height: 90px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .deal-state .txt:after {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  background: url("../images/sub/bg_txt_bal.png") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -10px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-star {
  text-align: center;
  margin-top: 30px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-star .photo {
  width: 80px;
  height: 80px;
  overflow: visible;
  border: none;
  float: none;
  margin: 0 auto;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-star .photo img {
  width: 80px;
  height: 80px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-star .star-area {
  width: 90px;
  margin-top: 10px;
  text-align: left;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt {
  float: none;
  padding: 0;
  text-align: center;
  margin-top: 10px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .name {
  position: relative;
  padding-right: 20px;
  font-size: 18px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .name:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -5px;
  background: #222;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .place {
  margin-top: 5px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .place span {
  font-size: 18px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-num {
  margin-top: 10px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-num span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 28px;
  padding: 0 0 0 26px;
  color: #fd665c;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-cnt .dealer-tel-num span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/buy-bg.png") no-repeat 0 -429px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass {
  overflow: hidden;
  margin: 30px 100px 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding {
  position: relative;
  float: left;
  padding: 40px 0 0 0;
  width: 25%;
  text-align: center;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding span {
  font-size: 13px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding[class*=bg0]:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 42px;
  height: 35px;
  margin-left: -21px;
  background: url("../images/common/bg-badge.png") no-repeat;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg01:after {
  background-position: left top;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg02:after {
  background-position: -42px top;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg03:after {
  background-position: -84px top;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.bg04:after {
  background-position: -126px top;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-ass .max-holding.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;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-resv {
  margin: 40px 40px 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-resv a + a {
  margin: 10px 0 0 0;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-resv .review-coin span {
  position: relative;
  padding-right: 25px;
}
.s-change-area .change-save-info .cmm-dealer-info .dealer-info-area .dealer-resv .review-coin span:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_coin.png") no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
.s-change-area .change-save-info .cmm-dealer-info.wd500 {
  width: 500px;
  border: none;
}

.bnr-area [class*=bnr-] {
  border-radius: 15px;
  width: 100%;
}
.bnr-area [class*=bnr-] a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bnr-area [class*=bnr-] a span,
.bnr-area [class*=bnr-] a strong,
.bnr-area [class*=bnr-] a div {
  color: #fff;
}
.bnr-area [class*=bnr-] a span {
  font-size: 16px;
}
.bnr-area [class*=bnr-] a strong {
  display: block;
  font-size: 28px;
  padding: 5px 0 15px;
  font-weight: 500;
}
.bnr-area [class*=bnr-] a .link-arrow {
  display: block;
  text-align: right;
}
.bnr-area [class*=bnr-] a .link-arrow:after {
  background-position: -6px -80px;
  top: 6px;
}
.bnr-area .bnr-sell {
  background: #4c608a;
  margin-bottom: 20px;
}
.bnr-area .bnr-change {
  background: #2666c6;
}
.bnr-area.bnr-area-btm {
  margin: 80px 0 120px;
}
.bnr-area.bnr-area-btm:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.bnr-area.bnr-area-btm [class*=bnr-] {
  width: 780px;
}
.bnr-area.bnr-area-btm .bnr-sell {
  float: left;
  margin-bottom: 0;
}
.bnr-area.bnr-area-btm .bnr-change {
  float: right;
}
.bnr-area.bnr-area-sm [class*=bnr-] {
  margin-bottom: 0;
}
.bnr-area.bnr-area-sm [class*=bnr-] a {
  padding: 15px 30px;
}
.bnr-area.bnr-area-sm [class*=bnr-] a strong {
  font-size: 24px;
  padding: 5px 0;
}
.bnr-area.bnr-area-sm .bnr-sell {
  margin-bottom: 10px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.price-search-area {
  width: 880px !important;
}
.price-search-area .dealer-car-num-search {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 2;
}

.car-model-search {
  position: relative;
  margin: 100px 0 0;
}
.car-model-search span {
  display: inline-block;
  margin-bottom: 25px;
  font-size: 36px;
  font-weight: 100;
}
.car-model-search:after {
  content: "";
  position: absolute;
  left: 500px;
  top: 0;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -756px -864px;
  width: 244px;
  height: 136px;
}
.car-model-search a {
  text-indent: -999em;
  position: absolute;
  left: 792px;
  top: 18px;
  width: 95px;
  height: 95px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -801px -535px;
}

.smart-car-life .owl-carousel .item {
  width: 360px;
}
.smart-car-life .owl-carousel .item:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.smart-car-life .img {
  float: left;
  width: 100px;
  height: 76px;
  overflow: hidden;
  border-radius: 7px;
}
.smart-car-life .txt {
  padding: 10px 0 0 110px;
}
.smart-car-life .car-model {
  display: block;
  font-size: 16px;
}
.smart-car-life strong {
  font-size: 18px;
  font-weight: bold;
}

.cmm-price-area {
  position: relative;
  width: 980px;
  overflow: hidden;
}
.cmm-price-area .price-swiper .info > * {
  display: block;
}
.cmm-price-area .price-swiper .info .brand-name {
  font-size: 16px;
  font-weight: 500;
}
.cmm-price-area .price-swiper .info .model-year {
  width: 350px;
  font-size: 30px;
  font-weight: 500;
}
.cmm-price-area .price-swiper .info .txt {
  font-size: 16px;
  color: #666;
}
.cmm-price-area .price-swiper .info .price {
  margin-top: 35px;
  font-size: 30px;
  font-weight: bold;
  color: #336fc9;
}
.cmm-price-area .price-swiper .car-img {
  position: absolute;
  left: 380px;
  top: 0;
  width: 320px;
  height: 240px;
}
.cmm-price-area .price-swiper .owl-item {
  margin: 0 0 100px;
}
.cmm-price-area .price-swiper .owl-item .item {
  width: 980px;
  overflow: hidden;
}
.cmm-price-area .price-swiper .owl-item .car-img img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.cmm-price-area .price-swiper .owl-nav {
  position: absolute;
  left: 900px;
  bottom: 120px;
}
.cmm-price-area .price-swiper .owl-nav > button {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.cmm-price-area .price-swiper .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url("../images/common/icon_top_visual.png") no-repeat;
}
.cmm-price-area .price-swiper .owl-nav > button.owl-prev {
  margin-right: 10px;
}
.cmm-price-area .price-swiper .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.cmm-price-area .price-swiper .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.cmm-price-area .price-swiper .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.cmm-price-area .price-swiper .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.cmm-price-area .price-swiper .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.cmm-price-area .price-swiper .owl-nav > button > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.cmm-price-search:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-price-search .car-num-input {
  float: left;
  width: 400px;
}
.cmm-price-search .car-num-input .txt {
  font-size: 24px;
}
.cmm-price-search .car-num-input .txt span {
  font-size: 24px;
}
.cmm-price-search .car-num-input .input-area {
  position: relative;
  width: 200px;
  height: 45px;
  margin: 53px 0 0;
  padding: 9px 0 0;
  border-bottom: 2px solid #e1e1e1;
}
.cmm-price-search .car-num-input .input-area .txt {
  position: absolute;
  top: 7px;
  font-size: 18px;
  font-weight: bold;
  color: #ddd;
}
.cmm-price-search .car-num-input .input-area input {
  position: relative;
  width: 150px;
  border: 0;
  font-size: 18px;
  font-weight: bold;
  z-index: 1;
  background: transparent;
}
.cmm-price-search .car-num-input .input-area .btn-search {
  position: absolute;
  right: 0;
  top: 2px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -509px -264px;
  width: 36px;
  height: 36px;
}
.cmm-price-search .car-model-search {
  position: relative;
  float: left;
  width: 380px;
  height: 197px;
  margin-top: 0;
}
.cmm-price-search .car-model-search:after {
  content: "";
  position: absolute;
  left: auto;
  right: 33px;
  top: auto;
  bottom: 0;
  width: 202px;
  height: 112px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -798px -741px;
}
.cmm-price-search .car-model-search button {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 36px;
  height: 36px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -555px -264px;
}

.price-compare {
  position: absolute;
  left: 680px;
  top: 75px;
}
.price-compare:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.price-compare dl {
  float: left;
}
.price-compare dl dt,
.price-compare dl dd {
  font-size: 18px;
}
.price-compare dl dt {
  font-weight: 500;
}
.price-compare dl dd {
  font-weight: bold;
}
.price-compare dl.new-price {
  position: relative;
  margin-left: 60px;
}
.price-compare dl.new-price:after {
  content: "";
  position: absolute;
  left: -30px;
  top: 5px;
  width: 1px;
  height: 48px;
  background: #ddd;
}

.price-info.kb-price .txt-change {
  position: relative;
  top: -6px;
  margin: 0 0 0 25px;
}
.price-info.kb-price .txt-change button {
  margin-left: 10px;
}
.price-info.kb-price .grap-wrap {
  float: none;
  width: 100%;
  padding: 0 0 0 450px;
}
.price-info.kb-price .grap-wrap .txt {
  margin: 0 0 0 10px;
  padding: 15px 0 0 10px;
  color: #999;
  text-indent: -10px;
}

.cmm-area:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}
.cmm-area .equality {
  position: relative;
  float: left;
  margin-right: 145px;
  background: #f4f4f4;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.cmm-area .equality a {
  display: block;
  width: 480px;
  height: 150px;
  padding: 30px 0 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmm-area .equality .tit,
.cmm-area .equality .car-num {
  display: block;
}
.cmm-area .equality .tit {
  font-size: 18px;
  font-weight: 500;
}
.cmm-area .equality .car-num {
  font-size: 24px;
  font-weight: 500;
}
.cmm-area .equality .arrow-link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
  line-height: 16px;
  padding-right: 16px;
  font-size: 14px;
  color: #2666c6;
}
.cmm-area .equality .arrow-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  width: 6px;
  height: 12px;
  background: url("../images/sub/mycar-bg.png") no-repeat -137px top;
}
.cmm-area .equality:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 30px;
  background: url("../images/sub/bg_price.png") no-repeat;
  width: 249px;
  height: 67px;
}
.cmm-area .my-regist {
  float: left;
  margin: 50px 0 0 0;
}
.cmm-area .my-regist .txt {
  position: relative;
  display: inline-block;
  padding: 0 0 0 48px;
  font-size: 18px;
  font-weight: 500;
}
.cmm-area .my-regist .txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  background: url("../images/common/sprite.png?v=20200401") no-repeat -201px -179px;
  width: 37px;
  height: 28px;
}
.cmm-area .my-regist .btn-m {
  position: relative;
  top: -15px;
  margin-left: 20px;
}

.car-new-select li a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
}

/*  시세 */
.marketPrice .con .name {
  margin-top: 0;
}
.marketPrice .con .model {
  margin-top: 10;
}
.marketPrice .newCarPrice {
  margin: 20px 0 0;
}
.marketPrice .newCarPrice__title {
  display: inline-block;
  margin-right: 16px;
  color: #222;
  font-size: 18px;
  font-weight: 500;
}
.marketPrice .newCarPrice__price {
  display: inline-block;
  color: #2666c6;
  font-size: 30px;
  font-weight: 700;
}
.marketPrice .newCarPrice__button {
  margin: 15px 0 25px;
}
.marketPrice .newCarPrice__button a {
  margin-right: 20px;
  padding: 0 16px 0 0;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 98% 4px;
}
.marketPrice .newCarPrice__button a span {
  color: #2666c6;
}
.marketPrice .newCarPrice__text {
  color: #666666 !important;
  padding-top: 5px !important;
}

.marketPriceArea {
  padding: 0 0 55px;
  overflow: hidden;
}
.marketPriceArea--borderbottom {
  border-bottom: 1px solid #ddd;
}
.marketPriceArea__content {
  float: left;
  margin-right: 70px;
  padding: 55px 0 0;
}
.marketPriceArea__content__title {
  font-size: 24px;
}
.marketPriceArea__content .btnLayer {
  position: relative;
  top: 2px;
  display: inline-block;
  margin: 0 0 0 7px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_tooltip.png") no-repeat;
}
.marketPriceArea__content .btnLayer span {
  display: none;
}
.marketPriceArea__content__text {
  font-size: 30px;
  font-weight: 700;
  color: #2666c6;
}
.marketPriceArea__content__residualValue {
  position: relative;
  top: -5px;
  margin-left: 20px;
}
.marketPriceArea__content__residualValue > * {
  font-size: 18px;
  font-weight: 500;
}
.marketPriceArea__content__residualValue .number {
  color: #2666c6;
}
.marketPriceArea__content__selectBoxArea {
  margin: 20px 0;
}
.marketPriceArea__chart .line-charts a {
  display: none !important;
}
.marketPriceArea__premiumCheck {
  overflow: hidden;
}
.marketPriceArea__premiumCheck__item {
  float: left;
  width: 48%;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 0 20px 20px 0;
}
.marketPriceArea__premiumCheck__item a {
  position: relative;
  display: block;
  width: 100%;
  height: 180px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.marketPriceArea__premiumCheck__item a .text {
  font-size: 24px;
  color: #474a53;
}
.marketPriceArea__premiumCheck__item a .link {
  position: absolute;
  bottom: 30px;
  color: #2666c6;
  padding: 0 16px 0 0;
  background: url("../images/sub/ico_driving_arr.png") no-repeat 98% 4px;
}
.marketPriceArea__premiumCheck__item a .image {
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.recommendedCar {
  padding: 60px 0;
  border-bottom: 1px solid #ddd;
}
.recommendedCar h2.title {
  margin-bottom: 35px;
  font-size: 24px;
  color: #222;
}
.recommendedCar__info__item {
  float: left;
  width: 500px;
  padding: 0 50px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.recommendedCar__info__item .image {
  float: left;
  width: 150px;
  height: 113px;
  overflow: hidden;
  border-radius: 6px;
}
.recommendedCar__info__item .infoText {
  padding: 6px 0 0 170px;
}
.recommendedCar__info__item .infoText > * {
  display: block;
}
.recommendedCar__info__item .infoText .carName {
  font-size: 16px;
  margin-bottom: 10px;
}
.recommendedCar__info__item .infoText .carPrice {
  font-size: 18px;
}

.usedCarsSale {
  padding: 60px 0 30px;
}
.usedCarsSale .hide-list + .hide-list {
  margin-top: 60px;
}

/* 시세 리뉴얼 */
.cmn-price-area {
  min-width: 1000px;
  max-width: 1580px;
  padding-bottom: 120px;
}
.cmn-price-area.cmm-step-area {
  overflow: visible;
}
.cmn-price-area.cmm-step-area .step-list-area {
  overflow: visible;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel {
  -webkit-box-shadow: 2px 9px 13px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 9px 13px 5px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button span {
  width: 60px;
  height: 60px;
  padding-top: 20px;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.ck-on {
  background-position: 50% -5px;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.ck-on span {
  padding-top: 30px;
}
.cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.col-all.ck-on, .cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.col-white.ck-on, .cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.col-silver.ck-on, .cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.col-pearl.ck-on, .cmn-price-area.cmm-step-area .step-list-area .car-info-sel .color-sel button.col-yellow.ck-on {
  background-position: 50% -85px;
}

.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;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.re-enter {
  text-align: center;
}
.re-enter .bc-yellow {
  margin-left: 8px;
}

/* 2021.03.11 추가 */
.owner-name .name {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 20px;
}
.owner-name .owner-txt {
  margin-top: 30px;
}
.owner-name .owner-txt li {
  position: relative;
  color: #666;
  margin: 0 0 5px 10px;
}
.owner-name .owner-txt li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #666;
  position: absolute;
  top: 8px;
  left: -10px;
}
.owner-name .name-err {
  padding: 20px 0;
  background: #f5f6f9;
  border-radius: 7px;
  font-size: 18px;
  text-align: center;
  color: #2666c7;
}

.owner-loading {
  position: relative;
  padding: 10px 0;
  text-align: center;
}
.owner-loading .owner-loading__image {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.owner-loading .owner-loading__text {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
}

/*2021.04.17 추가*/
.app-down {
  position: absolute;
  top: 0;
  left: 470px;
  width: 320px;
  background: #fff;
  border-radius: 20px;
  z-index: 2;
  text-align: center;
}
.app-down .pop-con {
  position: relative;
  font-size: 16px;
  padding: 170px 0 40px;
}
.app-down .pop-con:after {
  content: "";
  display: block;
  width: 115px;
  height: 115px;
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -57px;
  background: url("../images/sub/app_icon.png") no-repeat;
}

/*2021.04.17 추가*/
.popup-wrap .pop-whBox .app-down {
  position: absolute;
  top: 0;
  left: 470px;
  width: 320px;
  background: #fff;
  border-radius: 20px;
  z-index: 2;
  text-align: center;
}
.popup-wrap .pop-whBox .app-down .pop-con {
  position: relative;
  font-size: 16px;
  padding: 170px 0 40px;
}
.popup-wrap .pop-whBox .app-down .pop-con:after {
  content: "";
  display: block;
  width: 115px;
  height: 115px;
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -57px;
  background: url("../images/sub/app_icon.png") no-repeat;
}
.popup-wrap .pop-whBox .app-qrcode {
  width: 100%;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan {
  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;
  padding-left: 445px;
  margin-top: 30px;
  height: 410px;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan:after {
  content: "";
  display: block;
  width: 368px;
  height: 410px;
  background: url("../images/sub/chatting_use_img.png") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 25px;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan > div {
  width: 380px;
  height: 130px;
  border: 1px solid #e2e3e6;
  border-radius: 8px;
  padding: 15px;
  margin: 10px 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;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan > div .qr-img {
  width: 87px;
  height: 87px;
  margin-right: 25px;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan > div .qr-img img {
  width: 100%;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan > div dl dt {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.popup-wrap .pop-whBox .app-qrcode .qr-scan > div dl dd {
  font-size: 16px;
}

.box-lr {
  overflow: hidden;
}
.box-lr .b-left {
  float: left;
  width: 420px;
}
.box-lr .b-right {
  float: right;
  width: 420px;
}

.els-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.img-bk {
  display: block;
  width: 100%;
  height: 100%;
}

/* 공통 작업 */
.guide-hero__box {
  position: relative;
  max-width: 1180px;
  overflow: hidden;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 300;
}

.guide-hero__emphasize {
  color: #336fc9;
  font-weight: 500;
  font-weight: 500;
}

.guide-list {
  padding-top: 1px;
  padding-bottom: 60px;
  overflow: hidden;
}

.guide-item {
  float: left;
  position: relative;
  display: block;
  width: 50%;
  margin-top: -1px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.guide-item:last-of-type {
  border-bottom: 0;
}
.guide-item.guide-item--borderNone {
  border-bottom: 0;
}

.guide-item__box {
  padding: 60px 0 60px 130px;
}

.guide-item__icon {
  position: absolute;
  left: 0;
  top: 60px;
  display: block;
  width: 100px;
  height: 100px;
  background-color: #f5f6f9;
  border-radius: 50%;
}
.guide-item__icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  overflow: hidden;
  background-image: url("../images/common/guide/icon_guide_list.png");
}

.guide-item__icon--ew:after {
  background-position: left top;
}

.guide-item__icon--idle-compensation:after {
  background-position: -60px top;
}

.guide-item__icon--sell:after {
  background-position: -120px top;
}

.guide-item__icon--market-price:after {
  background-position: -180px top;
}

.guide-item__icon--new-car:after {
  background-position: -240px top;
}

.guide-item__icon--kbcare:after {
  background-position: -180px -120px;
}

.guide-item__icon--online-shipping:after {
  background-position: left -60px;
}

.guide-item__icon--direct:after {
  background-position: -60px -60px;
}

.guide-item__icon--change:after {
  background-position: -120px -60px;
}

.guide-item__icon--affiliate-discount:after {
  background-position: -180px -60px;
}

.guide-item__icon--capital:after {
  background-position: -240px -60px;
}

.guide-item__icon.guide-item__icon--kb-certification:after {
  content: normal;
}

.guide-item__icon--financial-services:after {
  background-position: 0 -120px;
}

.guide-item__icon--diag-usedcar:after {
  background-position: -120px -120px;
}

.guide-item__icon--home::after {
  background-image: url("../images/common/guide/icon_guide_home.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.guide-item__text {
  width: 100%;
}

.guide-item__text-head {
  display: block;
  font-size: 24px;
  font-weight: normal;
}

.guide-item__text-description {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
.guide-item__text-description span {
  font-size: inherit;
}

.guide-item__link {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 40px;
  margin-top: 25px;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5px;
  border-color: #336fc9;
  border-radius: 4px;
  background-color: #336fc9;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
}
.guide-item__link:focus {
  outline: none;
}

.guide-content {
  padding-bottom: 60px;
}

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-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  line-height: 1;
}
.guide-table th,
.guide-table td {
  margin: 0;
  padding: 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  font-weight: 100;
  font-size: 16px;
  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 {
  border-width: 1px;
  background: #f9f9f9;
  line-height: 1.15;
  white-space: nowrap;
}
.guide-table th.has-border {
  border-left: 1px solid #ddd;
}
.guide-table td {
  height: 70px;
  color: #666;
  font-weight: 400;
}
.guide-table td span {
  font-size: inherit;
}
.guide-table .cell-auto-height {
  height: auto;
}
.guide-table .cell-emphasize {
  color: #2666c6;
}
.guide-table .cell-number {
  text-align: right;
}
.guide-table.guide-table--left td {
  text-align: left;
}

.guide-table-help {
  position: relative;
  margin-top: 25px;
  color: #999;
}
.guide-table-help ul.list-dot li {
  color: inherit;
  padding-bottom: 5px;
}

.guide-button-content {
  width: 220px;
  font-weight: 100;
  margin-right: 10px;
  display: inline-block;
  height: 14px;
  padding: 13px;
  background-color: #2666c6;
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  border: 1px solid #2666c6;
  border-radius: 4px;
  overflow: visible;
}

.guide-button-content--no-action {
  height: 40px;
}

.guide-button-more {
  width: 220px;
  margin: 0 auto;
  display: block;
  height: 16px;
  padding: 17px;
  background-color: transparent;
  color: #2666c6;
  font-size: 16px;
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  border: 1px solid #2666c6;
  border-radius: 4px;
  overflow: visible;
}

.guide-content-section {
  border-top: 1px solid #ddd;
  padding: 60px 0;
}
.guide-content-section:first-child {
  border-top: 0;
  padding: 0;
}
.guide-content-section:first-child .guide-content-box {
  overflow: visible;
}
.guide-content-section.guide-content-section--list {
  border-top: 0;
}
.guide-content-section.guide-content-section--list .guide-content-box {
  overflow: visible;
}

.guide-content-box {
  overflow: hidden;
}

.guide-content-box__head {
  display: block;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
}
.guide-content-box__head span {
  font: inherit;
}

.guide-content-box__content {
  font-size: 16px;
  font-weight: normal;
}
.guide-content-box__content--color {
  font-size: inherit;
  color: #2666c6;
  line-height: 1.5;
}

.guide-content-box__content-block {
  margin: 30px 0 0 0;
  padding: 0;
  color: #222;
  font: inherit;
  line-height: inherit;
}

.line-block {
  display: inline-block;
  white-space: nowrap;
}

.text-block {
  display: block;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.guide-content-hero {
  position: relative;
  min-height: 260px;
  margin-top: -40px;
  padding: 40px 0 60px 0;
}

.guide-content-hero__head {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.guide-content-hero__text {
  font-size: inherit;
}
.guide-content-hero__text span {
  font-size: inherit;
  font-family: inherit;
}
.guide-content-hero__text sup {
  position: relative;
  top: -2px;
  vertical-align: top;
}

small.guide-content-hero__text {
  font-size: 28px;
  font-weight: normal;
}

.guide-content-hero__text-small {
  font-size: 18px;
  margin-top: 15px;
}
.guide-content-hero__text-small span {
  font: inherit;
}

.guide-content-hero__text-emphasize-color {
  color: #2666c6;
  font-size: inherit;
  font-weight: 500;
}

.guide-content-hero__text-emphasize {
  color: #2666c6;
  font-size: inherit;
  font-weight: bold;
}
.guide-content-hero__text-emphasize span {
  color: inherit;
  font-size: inherit;
}

.guide-content-hero__icon {
  position: absolute;
  left: 640px;
  top: 0;
  display: block;
  width: 200px;
  height: 200px;
  background: #f6f8fc;
  border-radius: 50%;
  overflow: visible;
}
.guide-content-hero__icon:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 200px;
  height: 200px;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: right top;
}
.guide-content-hero__icon--list:after {
  width: 214px;
  background-image: url("../images/common/guide/icon_guide_list_hero.png");
}
.guide-content-hero__icon--ews:after {
  background-image: url("../images/common/guide/icon_detail_ews.png?v=20200407");
}
.guide-content-hero__icon--idle {
  overflow: hidden;
}
.guide-content-hero__icon--idle:after {
  background-image: url("../images/common/guide/icon_detail_idle_compensation.png");
}
.guide-content-hero__icon--sell:after {
  height: 224px;
  background-image: url("../images/common/guide/icon_detail_sell.png");
}
.guide-content-hero__icon--price:after {
  background-image: url("../images/common/guide/icon_detail_market_price.png");
}
.guide-content-hero__icon--new:after {
  background-image: url("../images/common/guide/icon_detail_newcar.png");
}
.guide-content-hero__icon--send:after {
  width: 233px;
  background-image: url("../images/common/guide/icon_detail_send.png");
}
.guide-content-hero__icon--direct:after {
  background-image: url("../images/common/guide/icon_detail_direct.png");
}
.guide-content-hero__icon--change:after {
  background-image: url("../images/common/guide/icon_detail_change.png");
}
.guide-content-hero__icon--discount:after {
  background-image: url("../images/common/guide/icon_detail_discount.png?v=20200407");
}
.guide-content-hero__icon--financial:after {
  width: 254px;
  background-image: url("../images/common/guide/icon_detail_financial.png");
}
.guide-content-hero__icon--usedcar:after {
  background-image: url("../images/common/guide/icon_detail_diag_usedcar.png");
}

.guide-content-button-block {
  margin-top: 30px;
  font-size: 0;
}
.guide-content-button-block .guide-content-hero__text-small {
  font-size: 16px;
  font-weight: 100;
}

.guide-content-process {
  position: relative;
  margin-right: -20px;
  overflow: hidden;
}

.guide-content-process__item {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  padding: 25px 45px 135px 25px;
}
.guide-content-process__item:first-child {
  margin-top: 0;
}
.guide-content-process__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  display: block;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.guide-content-process--step-3 .guide-content-process__item {
  width: 33.33%;
}
.guide-content-process__item--icon-small {
  padding-bottom: 115px;
}

.guide-content-process__icon {
  position: absolute;
  bottom: 30px;
  right: 50px;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #f5f6f9;
}
.guide-content-process__item--icon-small .guide-content-process__icon {
  width: 80px;
  height: 80px;
}

.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: 12px;
  color: #2666c6;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
}
.guide-content-process__text-head small {
  display: block;
  margin-bottom: 5px;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
}

.guide-content-process__text-description {
  display: block;
  min-height: 42px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.35;
}
.guide-content-process__text-description > span {
  font-size: inherit;
  font-family: 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.png?v=20200407");
}

.process-icon--ews-buy {
  background-position: right -280px;
}

.process-icon--ews-payment {
  background-position: left -360px;
}

.process-icon--ews-complete {
  background-position: right -360px;
}

.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.png");
}

.process-icon--idle-monitor {
  background-position: left -300px;
}

.process-icon--idle-reservation {
  background-position: -100px -300px;
}

.process-icon--idle-tel {
  background-position: left -400px;
}

.process-icon--idle-confirm {
  background-position: -100px -400px;
}

.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.png");
}

.process-icon--sell-application {
  background-position: left -230px;
}

.process-icon--sell-approval {
  background-position: -100px -230px;
}

.process-icon--sell-competition {
  background-position: left -330px;
}

.process-icon--sell-confirm {
  background-position: -100px -330px;
}

.process-icon--price-smart,
.process-icon--price-meticulous,
.process-icon--price-offer {
  background-image: url("../images/common/guide/icon_detail_market_price.png");
}

.process-icon--price-smart {
  background-position: left -220px;
}

.process-icon--price-meticulous {
  background-position: right -220px;
}

.process-icon--price-offer {
  background-position: left -300px;
}

.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.png");
}

.process-icon--send-application {
  background-position: left -200px;
}

.process-icon--send-consultation {
  background-position: right -200px;
}

.process-icon--send-info-confirm {
  background-position: left -300px;
}

.process-icon--send-delivery {
  background-position: right -300px;
}

.process-icon--direct-price,
.process-icon--direct-finance,
.process-icon--direct-free {
  background-image: url("../images/common/guide/icon_detail_direct.png");
}

.process-icon--direct-price {
  background-position: left -210px;
}

.process-icon--direct-finance {
  background-position: right -210px;
}

.process-icon--direct-free {
  background-position: left -290px;
}

.process-icon--direct-regist,
.process-icon--direct-inquiry,
.process-icon--direct-complete {
  background-image: url("../images/common/guide/icon_detail_direct.png");
}

.process-icon--direct-regist {
  background-position: right -290px;
}

.process-icon--direct-inquiry {
  background-position: left -370px;
}

.process-icon--direct-complete {
  background-position: right -370px;
}

.process-icon--change-regist,
.process-icon--change-estimate,
.process-icon--change-deal {
  background-image: url("../images/common/guide/icon_detail_change.png");
}

.process-icon--change-regist {
  background-position: left -200px;
}

.process-icon--change-estimate {
  background-position: right -200px;
}

.process-icon--change-deal {
  background-position: left -280px;
}

.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.png?v=20200407");
}

.process-icon--discount-select {
  background-position: left -200px;
}

.process-icon--discount-request {
  background-position: right -200px;
}

.process-icon--discount-payment {
  background-position: left -300px;
}

.process-icon--discount-benefit {
  background-position: right -300px;
}

.guide-content-faq {
  position: relative;
  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: 23px 23px 23px 85px;
  font-size: 16px;
  font-weight: 100;
}

.guide-content-faq__question {
  font-weight: 500;
  padding-right: 48px;
  cursor: pointer;
}
.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: 30px;
  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: 30px;
}

.guide-content-faq__icon-question,
.guide-content-faq__icon-answer {
  position: relative;
  float: left;
  left: -54px;
  top: -6px;
  margin-right: -54px;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-family: Arial;
  font-size: 17px;
  text-align: center;
  line-height: 2;
}

.guide-content-faq__icon-question {
  background: #f9cc1d;
}

.guide-content-faq__icon-answer {
  background: #2666c6;
}

.guide-content-precaution {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}
.guide-content-precaution ul li {
  margin-top: 12px;
  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 {
  margin-top: 0;
}

.advantage-content {
  position: relative;
  margin-right: -20px;
}
.advantage-content .advantage-content__item {
  float: left;
  position: relative;
  display: block;
  width: 33.33%;
  height: 205px;
  min-height: 140px;
  padding: 30px 50px 30px 30px;
  overflow: visible;
}
.advantage-content .advantage-content__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: transparent;
}
.advantage-content .advantage-content__icon {
  position: absolute;
  right: 50px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f5f6f9;
}
.advantage-content .advantage-content__text {
  display: block;
  font-size: 20px;
}
.advantage-content .advantage-content__text span {
  font: inherit;
}
.advantage-content .advantage-content__link {
  position: absolute;
  left: 30px;
  bottom: 30px;
  display: inline-block;
  font-size: 14px;
  color: #2666c6;
  text-decoration: none;
  padding-right: 12px;
}
.advantage-content .advantage-content__link-icon {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-top: -7px;
  vertical-align: middle;
}
.advantage-content .advantage-content__link-icon:before, .advantage-content .advantage-content__link-icon:after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.advantage-content .advantage-content__link-icon:before {
  right: 12px;
  margin-top: -6px;
  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;
}
.advantage-content .advantage-content__link-icon:after {
  right: 14px;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
}
.advantage-content .advantage-content__icon {
  background-image: url("../images/common/guide/icon_detail_ews.png?v=20200407");
}
.advantage-content .advantage-content__icon--period {
  background-position: left -200px;
}
.advantage-content .advantage-content__icon--down {
  background-position: right -200px;
}
.advantage-content .advantage-content__icon--wide {
  background-position: left -280px;
}

.necessary-reason {
  height: 385px;
  padding-bottom: 25px;
  overflow: hidden;
  position: relative;
  margin-right: -20px;
}
.necessary-reason .necessary-reason__item {
  float: left;
  position: relative;
  display: block;
  width: 50%;
  height: 360px;
  min-height: 170px;
  padding: 45px 65px 45px 45px;
  overflow: visible;
}
.necessary-reason .necessary-reason__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: transparent;
}
.necessary-reason .necessary-reason__icon {
  position: absolute;
  right: 65px;
  bottom: 45px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f5f6f9;
}
.necessary-reason .necessary-reason__head {
  color: #2666c6;
  font-weight: bold;
  font-size: 24px;
}
.necessary-reason .necessary-reason__content {
  position: relative;
  margin: 25px 0 0 0;
  padding: 0 45% 0 30px;
  font-size: 16px;
  line-height: 1.5;
  z-index: 2;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.45);
}
.necessary-reason .necessary-reason__content:before, .necessary-reason .necessary-reason__content:after {
  position: absolute;
  display: block;
  font-size: 40px;
  line-height: 1;
}
.necessary-reason .necessary-reason__content:before {
  content: "“";
  left: 0;
  top: 0px;
}
.necessary-reason .necessary-reason__content span,
.necessary-reason .necessary-reason__content strong {
  font: inherit;
}
.necessary-reason .necessary-reason__content strong {
  font-weight: bold;
}
.necessary-reason .necessary-reason__content .name {
  color: #666;
  display: block;
  margin-top: 15px;
  text-indent: 5px;
}
.necessary-reason .necessary-reason__content .line-block:last-child {
  position: relative;
}
.necessary-reason .necessary-reason__content .line-block:last-child:after {
  content: "”";
  display: block;
  position: absolute;
  right: -30px;
  top: 30%;
  font-size: 40px;
  font-weight: normal;
  font-weight: normal;
  line-height: 1;
}
.necessary-reason .necessary-reason__bg {
  position: absolute;
  right: 41px;
  bottom: -21px;
  display: block;
  width: 260px;
  height: 322px;
  background: url("../images/common/guide/guide_ews_necessary.png");
}
.necessary-reason .necessary-reason__bg--good {
  background-position: left top;
}
.necessary-reason .necessary-reason__bg--bad {
  background-position: left -325px;
}

.target-vehicle {
  position: relative;
  margin-right: -20px;
}
.target-vehicle .target-vehicle__item {
  float: left;
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  min-height: 130px;
  padding: 25px 45px 25px 25px;
  overflow: visible;
}
.target-vehicle .target-vehicle__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: transparent;
}
.target-vehicle .target-vehicle__icon {
  position: absolute;
  right: 45px;
  bottom: 25px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f5f6f9;
}
.target-vehicle .target-vehicle__text-head {
  font-size: 18px;
  font-weight: 500;
}
.target-vehicle .target-vehicle__text-description {
  font-size: 16px;
  margin-top: 11px;
}
.target-vehicle .target-vehicle__icon {
  background-image: url("../images/common/guide/icon_detail_ews.png?v=20200407");
}
.target-vehicle .target-vehicle__icon--general {
  background-position: left -440px;
}
.target-vehicle .target-vehicle__icon--mark {
  background-position: right -440px;
}
.target-vehicle span {
  font: inherit;
}
.target-vehicle .emp {
  color: #2666c6;
}

.guide-warranty-period {
  position: relative;
  padding: 65px 0;
}

.guide-warranty-period__bar {
  position: relative;
  height: 24px;
  background: #a2c3f4;
  border-radius: 12px;
}

.guide-warranty-period__ews-bar {
  position: relative;
  width: 25%;
  height: 100%;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #2666c6;
}

.guide-warranty-period__ews-start {
  position: absolute;
  left: 100%;
  top: -60px;
  display: block;
  width: 280px;
  height: 72px;
  padding: 0 0 0 10px;
  color: #fd665c;
  font-size: 16px;
  font-weight: bold;
}

.guide-warranty-period__ews-start-line {
  position: absolute;
  left: -1px;
  top: 0;
  width: 0;
  height: 72px;
  border-left: 1px dashed #222;
}

.guide-warranty-period__ews-arrow {
  position: absolute;
  left: 0;
  top: 37px;
  width: 100%;
  height: 4px;
  background: #fd665c;
}
.guide-warranty-period__ews-arrow:after {
  content: "";
  display: block;
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid #fd665c;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.guide-warranty-point {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 45px;
  white-space: nowrap;
}

.guide-warranty-spot {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
}

.guide-warranty-text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}

.guide-warranty-point--ews-start {
  left: 100%;
  margin-left: -12px;
}

.guide-warranty-point--ews-end {
  right: 0;
  text-align: right;
}
.guide-warranty-point--ews-end .guide-warranty-spot {
  left: auto;
  right: 4px;
}
.guide-warranty-point--ews-end .guide-warranty-text {
  font-weight: bold;
}

.coverage-compensation {
  position: relative;
  margin-right: -20px;
  white-space: nowrap;
}
.coverage-compensation .coverage-compensation__item {
  float: left;
  position: relative;
  display: block;
  width: 50%;
  height: auto;
  min-height: 160px;
  padding: 30px 50px 30px 30px;
  overflow: visible;
}
.coverage-compensation .coverage-compensation__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  border: 1px solid #f5f6f9;
  border-radius: 10px;
  background-color: #f5f6f9;
}
.coverage-compensation .coverage-compensation__icon {
  position: absolute;
  right: 50px;
  bottom: 30px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #fff;
}
.coverage-compensation .coverage-compensation__item:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100px;
  vertical-align: middle;
}
.coverage-compensation .coverage-compensation__text {
  position: relative;
  display: inline-block;
  padding-right: 100px;
  color: #474a53;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  vertical-align: middle;
  white-space: normal;
}
.coverage-compensation .coverage-compensation__text span {
  font: inherit;
}
.coverage-compensation .coverage-compensation__text .emphasize {
  color: #336fc9;
}
.coverage-compensation .coverage-compensation__icon {
  background-image: url("../images/common/guide/icon_detail_idle_compensation.png");
}
.coverage-compensation .coverage-compensation__icon--no-car {
  background-position: left -200px;
}
.coverage-compensation .coverage-compensation__icon--another-car {
  background-position: right -200px;
}

.guide-content-example {
  position: relative;
  margin-bottom: -1px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ddd;
}
.guide-content-example img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.guide-content-section:last-of-type .guide-content-example {
  margin-bottom: 0;
}

.guide-content-example__sample {
  position: absolute;
  right: 198px;
  top: -40px;
  display: block;
  width: 80px;
  height: 80px;
  padding: 31px 0 0 0;
  border: 2px solid #fd665c;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  color: #fd665c;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.guide-content-process--discount .guide-content-process__item {
  padding-right: 25px;
}
.guide-content-process--discount .guide-content-process__text-head {
  font-size: 20px;
}

.guide-content-partnership__list {
  position: relative;
  margin: 25px 0 0 0;
  text-align: center;
  font-size: 0;
}
.guide-content-partnership__list li {
  display: inline-block;
  padding: 15px;
}

.guide-content-partnership__list-item {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  padding: 35px 0 0 0;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
}
.guide-content-partnership__list-item:before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 10px auto;
  background-image: url("../images/common/guide/icon_detail_discount.png?v=20200407");
}
.guide-content-partnership__list-item.item-cruise:before {
  background-position: left -400px;
}
.guide-content-partnership__list-item.item-abroad:before {
  background-position: -50px -400px;
}
.guide-content-partnership__list-item.item-golf:before {
  background-position: -100px -400px;
}
.guide-content-partnership__list-item.item-trip:before {
  background-position: -150px -400px;
}

.guideCapital .top-tit {
  position: relative;
  padding-bottom: 60px;
}
.guideCapital__top {
  font-size: 28px;
}
.guideCapital__top strong {
  display: block;
  font-size: 36px;
}
.guideCapital__img {
  position: absolute;
  left: 640px;
  top: -54px;
}
.guideCapital__text p {
  margin-bottom: 30px;
  font-size: 24px;
}
.guideCapital .certifiedUsedCar {
  overflow: hidden;
  margin-left: -20px;
  padding: 0 0 60px;
}
.guideCapital .certifiedUsedCar li {
  float: left;
  width: 33.333%;
  padding: 0 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guideCapital .certifiedUsedCar li a {
  position: relative;
  display: block;
  width: 100%;
  height: 206px;
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guideCapital .certifiedUsedCar li a:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  background: url("../images/common/guide/guide_kbcapital.png") no-repeat;
}
.guideCapital .certifiedUsedCar li a .text {
  font-size: 14px;
  color: #336fc9;
}
.guideCapital .certifiedUsedCar li a strong {
  display: block;
  font-size: 32px;
  color: #222;
}
.guideCapital .certifiedUsedCar li a .more {
  position: absolute;
  bottom: 30px;
  padding: 0 16px 0 0;
  color: #336fc9;
}
.guideCapital .certifiedUsedCar li a .more:after {
  content: "";
  background: url("../images/common/guide/guide_kbcapital.png") no-repeat -314px -148px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 6px;
  height: 12px;
}
.guideCapital .certifiedUsedCar li.list1 a:after {
  background-position: 0 0;
}
.guideCapital .certifiedUsedCar li.list2 a:after {
  background-position: -80px 0;
}
.guideCapital .certifiedUsedCar li.list3 a:after {
  background-position: -160px 0;
}
.guideCapital__procedureUse {
  overflow: hidden;
  margin-left: -20px;
  padding: 0 0 40px;
}
.guideCapital__procedureUse li {
  float: left;
  position: relative;
  width: 50%;
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guideCapital__procedureUse li dl {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 27px 30px;
}
.guideCapital__procedureUse li dl dt {
  margin-bottom: 12px;
  font-size: 18px;
  color: #336fc9;
}
.guideCapital__procedureUse li dl dd {
  position: relative;
  font-size: 16px;
  color: #222;
  padding: 0 0 0 10px;
}
.guideCapital__procedureUse li dl dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: #222;
}
.guideCapital__procedureUse li dl:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 26px;
  background: url("../images/common/guide/guide_kbcapital.png") no-repeat;
  width: 80px;
  height: 80px;
}
.guideCapital__procedureUse li.list1 dl:after {
  background-position: -240px 0;
}
.guideCapital__procedureUse li.list-kb dl:after {
  background-image: none;
  background-color: #f5f6f9;
  border-radius: 50%;
}
.guideCapital__procedureUse li.list2 dl:after {
  background-position: 0 -80px;
}
.guideCapital__procedureUse li.list3 dl:after {
  background-position: -80px -80px;
}
.guideCapital__procedureUse li.list4 dl:after {
  background-position: -160px -80px;
}
.guideCapital__cautions {
  padding: 0 0 60px;
}
.guideCapital__cautions > li {
  color: #666;
  font-size: 16px;
  margin-bottom: 20px;
}
.guideCapital__cautions > li span {
  font-size: 16px;
  color: #666;
}
.guideCapital__cautions > li ul {
  padding: 5px 0 0 20px;
}
.guideCapital__cautions > li ul li {
  margin: 0 0 3px;
}

.guidePoplist__list01 li {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 30px 0;
}
.guidePoplist__list01 li strong {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  color: #222;
}
.guidePoplist__list01 li p {
  font-size: 16px;
}
.guidePoplist__list01 li:first-child {
  border: 0;
}
.guidePoplist__list01 li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background: url("../images/common/guide/icon_guide_popup.png") no-repeat;
  width: 80px;
  height: 80px;
  margin-top: -40px;
}
.guidePoplist__list01 li.list2:after {
  background-position: -80px 0;
}
.guidePoplist__list01 li.list3:after {
  background-position: -160px 0;
}
.guidePoplist__list01 li.list4:after {
  background-position: -240px 0;
}
.guidePoplist__list01--02 li.list1:after {
  background-position: 0 -80px;
}
.guidePoplist__list01--02 li.list2:after {
  background-position: -80px -80px;
}
.guidePoplist__list01--02 li > ul {
  margin: 0 0 0 10px;
  padding: 25px 0 0;
}
.guidePoplist__list01--02 li > ul li {
  border: 0;
  padding: 0 0 5px;
  text-indent: -10px;
}
.guidePoplist__list01--02 li > ul li:after {
  display: none;
}
.guidePoplist__list01--03 li.list1:after {
  display: none;
}
.guidePoplist__list01--03 li.list2 {
  border: none;
  padding: 0;
}
.guidePoplist__list01--03 li.list2:after {
  background-position: -160px -80px;
}
.guidePoplist__list01--03 li > ul li:after {
  display: none;
}

.financial-loan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.financial-loan-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.financial-loan-bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 100px 0 0 -20px;
}
.financial-loan-bottom > div {
  width: 50%;
  margin-left: 20px;
}
.financial-loan .loan-repay-exp {
  width: 430px;
}
.financial-loan .loan-repay-exp .loan-tit h2 {
  margin-top: 15px;
}
.financial-loan .loan-repay-exp .loan-tit h2 span {
  font-size: 24px;
  font-weight: 600;
  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%);
}
.financial-loan .loan-repay-exp .loan-tit span {
  font-size: 16px;
  font-weight: 300;
}
.financial-loan .loan-repay-exp .loan-txt {
  font-size: 16px;
  margin-top: 30px;
  line-height: 1.5;
}
.financial-loan .loan-repay-exp .loan-txt strong {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
}
.financial-loan .loan-repay-exp .carlist-link {
  margin-top: 30px;
}
.financial-loan .loan-repay-img {
  text-align: center;
}
.financial-loan .loan-repay-img .repay-txt {
  display: inline-block;
  font-size: 20px;
  border: 1px solid #ddd;
  border-radius: 25px;
  padding: 8px 20px;
  margin-bottom: 20px;
}
.financial-loan .loan-repay-img .repay-txt strong {
  color: #2666c6;
  font-weight: 600;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh {
  position: relative;
  width: 500px;
  height: 200px;
  background: url("../images/common/guide/img_repay_rate.png") no-repeat 0 0;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh span {
  position: absolute;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 11px;
  font-size: 13px;
  color: #fff;
  left: 50%;
  margin-left: -21px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh span.interest {
  background: #fcaf17;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh span.no-interest {
  background: #fff;
  border: 1px solid #9e9e9e;
  color: #000;
  margin-left: -34px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh span.principal {
  background: #2666c6;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.direct-gragh .interest {
  top: 25px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.direct-gragh .principal {
  bottom: 40px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.free-gragh {
  background-position: 0 -200px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.free-gragh .no-interest {
  top: 30px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.free-gragh .principal {
  bottom: 50px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh {
  background-position: 0 -400px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .interest.early {
  top: 135px;
  left: 45px;
  margin-left: 0;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .interest.latter {
  top: 25px;
  left: 292px;
  margin-left: 0;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-gragh.defer-gragh .principal {
  bottom: 40px;
  left: 292px;
  margin-left: 0;
}
.financial-loan .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: 15px;
}
.financial-loan .loan-repay-img .repay-img .repay-rate .repay-num li {
  color: #666;
}
.financial-loan .loan-repay-img .repay-img .repay-month-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.financial-loan .loan-repay-img .repay-img .repay-month-area > div:first-child {
  width: 130px;
}
.financial-loan .loan-repay-img .repay-img .repay-month-area > div:last-child {
  width: 370px;
}
.financial-loan .loan-repay-img .repay-img .repay-month {
  margin-top: 20px;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-pay {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-pay strong {
  font-size: 24px;
  font-weight: 600;
  color: #336fc9;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-standard span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #999;
  font-weight: 300;
  padding-left: 15px;
  text-align: left;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-standard span:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #999;
  position: absolute;
  left: 0;
  top: 9px;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-method {
  font-size: 16px;
}
.financial-loan .loan-repay-img .repay-img .repay-month .month-method i {
  color: #2666c6;
  font-weight: 600;
  font-style: normal;
}
.financial-loan .loan-repay-info h3 {
  font-size: 24px;
  color: #000;
  margin-bottom: 25px;
}
.financial-loan .loan-repay-info .loan-need-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.financial-loan .loan-repay-info .loan-need-user div {
  position: relative;
  width: 100%;
  height: 180px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 30px 0 0 20px;
  font-size: 18px;
}
.financial-loan .loan-repay-info .loan-need-user div span {
  display: block;
  color: #999;
  margin-top: 5px;
}
.financial-loan .loan-repay-info .loan-need-user div:nth-child(2) {
  margin-left: 20px;
}
.financial-loan .loan-repay-info .loan-need-user div.user01:after {
  background-position: 0 0;
}
.financial-loan .loan-repay-info .loan-need-user div.user02:after {
  background-position: -61px 0;
}
.financial-loan .loan-repay-info .loan-need-user div.user03:after {
  background-position: -122px 0;
}
.financial-loan .loan-repay-info .loan-need-user div.user04:after {
  background-position: -183px 0;
}
.financial-loan .loan-repay-info .loan-need-user div.user05 {
  letter-spacing: -1px;
}
.financial-loan .loan-repay-info .loan-need-user div.user05:after {
  background-position: -244px 0;
}
.financial-loan .loan-repay-info .loan-need-user div:after {
  content: "";
  width: 61px;
  height: 50px;
  background: url("../images/common/guide/bg_loan_user.png") no-repeat;
  position: absolute;
  right: 35px;
  bottom: 30px;
}
@media (min-width: 1441px) {
  .financial-loan .loan-repay-info .loan-need-user div {
    padding: 30px 0 0 30px;
  }
  .financial-loan .loan-repay-info .loan-need-user div.user05 {
    letter-spacing: normal;
  }
}
.financial-loan .loan-repay-info .financial-loan-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 25px 30px;
  height: 180px;
}
.financial-loan .loan-repay-info .guide-table-noline {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  line-height: 1;
}
.financial-loan .loan-repay-info .guide-table-noline th,
.financial-loan .loan-repay-info .guide-table-noline td {
  margin: 0;
  font-weight: 100;
  font-size: 16px;
  text-align: center;
}
.financial-loan .loan-repay-info .guide-table-noline th {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  line-height: 1.15;
  background: #f0f0f0;
  padding: 20px 0;
}
.financial-loan .loan-repay-info .guide-table-noline td {
  color: #222;
  padding: 20px 0 0 0;
}

.financial-lease {
  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: 100px -20px 0 0;
  width: 1600px;
}
.financial-lease > div {
  width: 50%;
  padding-right: 20px;
}
.financial-lease .financial-lease-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 30px;
  min-height: 550px;
}
.financial-lease .financial-lease-item.financial-lease01 {
  padding: 120px 0 120px 35%;
  background: url("../images/common/guide/icon_lease01.png") no-repeat 0 50%;
}
.financial-lease .financial-lease-item.financial-lease03 {
  padding: 80px 0 80px 46%;
  background: url("../images/common/guide/icon_lease02.png") no-repeat 0 50%;
  min-height: 460px;
}
.financial-lease .financial-lease-item.financial-lease04 {
  min-height: 460px;
}
.financial-lease .financial-lease-item.financial-lease04 .info-img {
  margin: 60px auto 0;
}
.financial-lease .financial-lease-item.financial-lease04 .info-img img {
  width: 100%;
}
.financial-lease .financial-lease-item .lease_txt {
  position: relative;
  padding: 15px 0 15px 95px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.financial-lease .financial-lease-item .lease_txt > div {
  font-weight: 600;
  font-size: 18px;
}
.financial-lease .financial-lease-item .lease_txt:after {
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -32px;
  background: url("../images/common/guide/icon_detail_lease.png") no-repeat;
}
.financial-lease .financial-lease-item .lease_txt.lease01_01:after {
  background-position: 0 0;
}
.financial-lease .financial-lease-item .lease_txt.lease01_02:after {
  background-position: -65px 0;
}
.financial-lease .financial-lease-item .lease_txt.lease01_03:after {
  background-position: -130px 0;
}
.financial-lease .financial-lease-item .lease_txt.lease02_01:after {
  background-position: -195px 0;
}
.financial-lease .financial-lease-item .lease_txt.lease02_02:after {
  background-position: -260px 0;
}
.financial-lease .financial-lease-item .lease_txt.lease02_03:after {
  background-position: -325px 0;
}
.financial-lease .financial-lease-item .lease_txt.lease02_04:after {
  background-position: -390px 0;
}
.financial-lease .financial-lease-item .ico-list li {
  font-weight: 400;
  font-size: 16px;
}
.financial-lease .financial-lease-item .chk-list li {
  position: relative;
  padding: 10px 0 10px 37px;
  font-size: 16px;
}
.financial-lease .financial-lease-item .chk-list li:after {
  content: "";
  display: block;
  width: 24px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 10px;
  background: url("../images/common/guide/icon_detail_lease.png") no-repeat;
  background-position: -455px 0;
}
.financial-lease .financial-lease-item .dot-list li {
  font-size: 16px;
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.625;
  font-weight: 500;
}
.financial-lease .financial-lease-item .dot-list li::before {
  display: none;
}

.financial-info {
  padding-top: 60px;
  border-top: 1px solid #ddd;
}
.financial-info h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.financial-info div {
  margin-bottom: 25px;
}
.financial-info div h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.financial-info div ul {
  padding-left: 15px;
}
.financial-info div ul li {
  line-height: 1.8;
}
.financial-info div ul li.font-b {
  font-weight: 600;
}

/*kb진단 중고차*/
.guide-content-usedcar {
  position: relative;
  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: 0 -10px -20px;
}
.guide-content-usedcar__item {
  position: relative;
  display: block;
  width: 48%;
  padding: 25px 45px 90px 25px;
  margin: 0 10px 20px 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.guide-content-usedcar__item .guide-content-process__text {
  position: relative;
  z-index: 1;
}
.guide-content-usedcar__item .more {
  position: absolute;
  left: 30px;
  bottom: 30px;
  padding: 0 16px 0 0;
  color: #2666c6;
  z-index: 1;
}
.guide-content-usedcar__item .more:after {
  content: "";
  background: url("../images/common/guide/guide_kbcapital.png") no-repeat -314px -148px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 6px;
  height: 12px;
}
.guide-content-usedcar__item .guide-content-usedcar__icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f5f6f9 url("../images/common/guide/icon_detail_diag_usedcar.png") no-repeat;
}
.guide-content-usedcar__item .guide-content-usedcar__icon.usedcar-icon--sort {
  background-position: left -200px;
}
.guide-content-usedcar__item .guide-content-usedcar__icon.usedcar-icon--open {
  background-position: right -280px;
}
.guide-content-usedcar__item .guide-content-usedcar__icon.usedcar-icon--duty {
  background-position: left -280px;
}
.guide-content-usedcar__item .guide-content-usedcar__icon.usedcar-icon--support {
  background-position: right -360px;
}

.dot-usedcar-txt {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  color: #999;
}
.dot-usedcar-txt:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #a9a9a9;
  position: absolute;
  top: 11px;
  left: 3px;
}

@media (min-width: 1280px) {
  .guide-content-usedcar {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 -10px;
  }
  .guide-content-usedcar__item {
    width: 100%;
    margin: 0 10px;
  }
}
.usedcar-guidpop {
  margin-top: 25px;
}
.usedcar-guidpop .guidpop-tit {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
.usedcar-guidpop .guidpop-subtit {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.usedcar-guidpop .sub-txt {
  color: #666;
  line-height: 1.7;
}
.usedcar-guidpop-section {
  padding-bottom: 40px;
}
.usedcar-guidpop-section .guidpop-tb {
  width: 100%;
  border-top: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb thead th {
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
  background: #f0f0f0;
  padding: 20px 0;
  font-size: 16px;
  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: 30px;
  font-size: 16px;
  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: 20px;
  font-size: 16px;
  border-right: 1px solid #ddd;
}
.usedcar-guidpop-section .guidpop-tb tbody td p {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.usedcar-guidpop-section .guidpop-tb tbody td p.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 .except-list li {
  color: #666;
  line-height: 2;
}
.usedcar-guidpop .except-list li div {
  padding-left: 15px;
}
.usedcar-guidpop .except-list li div span {
  display: block;
  color: #666;
  line-height: 1.5;
}

.guide-diag-section {
  border-top: 1px solid #ddd;
  padding: 80px 0;
}
.guide-diag-section:first-child {
  border-top: 0;
  padding: 0;
}
.guide-diag-section:first-child .guide-diag-box {
  overflow: visible;
}

.guide-diag-box__head {
  display: block;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
}
.guide-diag-box__head span {
  font: inherit;
}

.guide-diag-box__subhead {
  font-size: 18px;
  margin-top: 15px;
}

.guide-diag-box__content {
  font-size: 16px;
  font-weight: normal;
}
.guide-diag-box__content--color {
  font-size: inherit;
  color: #2666c6;
  line-height: 1.5;
}

.guide-diag-hero {
  position: relative;
  min-height: 260px;
  margin-top: -40px;
  padding: 40px 0 80px 0;
}

.guide-diag-hero__head {
  font-size: 36px;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.guide-diag-hero__text {
  font-size: inherit;
}
.guide-diag-hero__text span {
  font-size: inherit;
  font-family: inherit;
}

.guide-diag-hero__text-small {
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin-bottom: 15px;
}

.guide-diag-hero__text-emphasize-color {
  font-size: inherit;
  color: #2572f6;
}

.guide-diag-hero__icon--usedcar {
  position: absolute;
  left: 650px;
  top: 0;
  display: block;
  overflow: visible;
}

.guide-diag-button-block {
  margin-top: 70px;
  font-size: 0;
}
.guide-diag-button-block .guide-button-content {
  width: auto;
  height: auto;
  font-weight: normal;
  margin-right: 0;
  display: inline-block;
  padding: 20px 30px;
  background-color: #f6bd40;
  font-size: 18px;
  color: #111;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  border: 1px solid #f6bd40;
  border-radius: 4px;
  overflow: visible;
}

.guide-content-diag {
  position: relative;
  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-left: -50px;
  max-width: 1230px;
}
.guide-content-diag__item {
  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;
  width: 50%;
  padding: 0 0 60px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guide-content-diag__item .guide-content-process__text {
  position: relative;
  z-index: 1;
}
.guide-content-diag__item .guide-content-process__text-head {
  font-size: 20px;
  color: #111;
  font-weight: bold;
}
.guide-content-diag__item .guide-content-process__text-description {
  font-size: 16px;
}
.guide-content-diag__item .more {
  display: inline-block;
  color: #2572f6;
  margin-top: 36px;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(37, 114, 246, 0.1);
}
.dot-diag-txt {
  max-width: 1180px;
  padding: 20px 20px 20px 30px;
  background: #f5f5f5;
  border-radius: 8px;
  font-size: 16px;
  color: #666;
  line-height: 1.375;
  text-indent: -11px;
}

.reward-step {
  max-width: 1180px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px;
}
.reward-step li {
  position: relative;
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  padding-top: 115px;
  font-size: 20px;
}
.reward-step li:after {
  content: "";
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 108%;
  margin: -16px 20px 0 0;
  background: url("../images/common/guide/icon_arrow.png") no-repeat;
}
@media (min-width: 1360px) {
  .reward-step li:after {
    left: 120%;
  }
}
.reward-step li:last-child:after {
  display: none;
}
.reward-step li:before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -28px;
  background: url("../images/common/guide/reward-step.png") no-repeat;
}
.reward-step li.step01:before {
  background-position: 0 0;
}
.reward-step li.step02:before {
  background-position: -56px 0;
}
.reward-step li.step03:before {
  background-position: -112px 0;
}
.reward-step li.step04:before {
  background-position: -168px 0;
}

.guide-diag-faq__item {
  margin-top: 60px;
}
.guide-diag-faq__question {
  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-bottom: 15px;
}
.guide-diag-faq__question p {
  font-size: 20px;
  font-weight: bold;
  color: #111;
  padding-left: 20px;
}
.guide-diag-faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.guide-diag-faq__answer p {
  font-size: 18px;
  padding-left: 20px;
  line-height: 1.33;
}
.guide-diag-faq__icon-question {
  display: inline-block;
  background: url("../images/common/guide/icon_q.png") no-repeat;
  width: 28px;
  height: 42px;
  text-indent: -9999em;
  overflow: hidden;
}
.guide-diag-faq__icon-answer {
  position: relative;
  width: 16px;
  height: 16px;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-left: 15px;
  text-indent: -9999em;
  overflow: hidden;
}

.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .pop-tit h2 {
  font-size: 22px;
  font-weight: bold;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop {
  margin-top: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop .guidpop-tit {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop .sub-txt {
  font-size: 15px;
  color: #333;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .guidpop-tb {
  border-top: 1px solid #f0f0f0;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .guidpop-tb thead th {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f5f5f5;
  background: #f0f0f0;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .guidpop-tb thead th:last-child {
  border-right: none;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .guidpop-tb tbody th {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f5f5f5;
  background: #fafafa;
  font-size: 14px;
  color: #666;
  padding: 15px;
  letter-spacing: -1px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .guidpop-tb tbody td {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f5f5f5;
  font-size: 14px;
  color: #333;
  padding: 15px;
  letter-spacing: -1px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area {
  position: relative;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area > ul > li {
  width: 50%;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area > ul > li a {
  position: relative;
  display: block;
  padding: 0 10px 16px;
  font-size: 18px;
  color: #999;
  text-align: center;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area > ul > li.on a {
  color: #111;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area > ul > li.on a:after {
  background: #f6bd40;
  bottom: 0;
  z-index: 2;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area > ul > li + li {
  margin-left: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .tabs-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
  z-index: 1;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .except-list li {
  position: relative;
  font-size: 15px;
  letter-spacing: -0.5px;
  color: #333;
  line-height: 1.4;
  margin-bottom: 15px;
  padding-left: 10px;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .except-list li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #333;
  position: absolute;
  top: 7px;
  left: 0;
}
.popup-wrap .pop-whBox .pop-area .pop-con.diag-pop-con .usedcar-guidpop-section .except-list li div span {
  color: #333;
}

/* title */
.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;
}

.sub-top-title {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
}
.sub-top-title strong {
  font-weight: 700;
}
.page-nav + .sub-top-title {
  margin-top: 16px;
}

.sub-top-stitle {
  font-size: 50px;
  font-weight: 300;
  line-height: 60px;
  margin-bottom: 48px;
}

.page-nav {
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

/* text */
.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;
}

/* font-weight */
.font-w-b {
  font-weight: 700;
}

.font-w-m {
  font-weight: 500;
}

.font-w-l {
  font-weight: 300;
}

.cmgt-8 {
  margin-top: 8px !important;
}

.cmgt-16 {
  margin-top: 16px !important;
}

.cmgt-24 {
  margin-top: 24px !important;
}

.cmgt-32 {
  margin-top: 32px !important;
}

.cmgt-40 {
  margin-top: 40px !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.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-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;
}

.c-area {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  margin-right: 4px;
  vertical-align: middle;
}
.c-area.c-black {
  background-color: #222;
}
.c-area.c-white {
  background-color: #fff;
  border: 1px solid #ddd;
}
.c-area.c-silver {
  background-color: #eee;
}
.c-area.c-pearl {
  background-color: #f9f9f9;
}
.c-area.c-beige {
  background-color: #b0986a;
}
.c-area.c-brown {
  background-color: #7d6c59;
}
.c-area.c-gray {
  background-color: #888;
}
.c-area.c-orange {
  background-color: #ff5d16;
}
.c-area.c-red {
  background-color: #f23f3f;
}
.c-area.c-green {
  background-color: #00a596;
}
.c-area.c-blue {
  background-color: #287eff;
}
.c-area.c-yellow {
  background-color: #ffd338;
}
.c-area.c-purple {
  background-color: #900a95;
}

.logo-car {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-top: -3px;
}

.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;
}
.btn-common:disabled {
  border: 1px solid #ddd;
  color: #aaa;
}

.btn-more-2 {
  margin: 0 auto;
  display: block;
  margin-top: 32px;
  margin-bottom: -8px;
}
.btn-more-2::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}

.from-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 12px;
}
.from-col.col-2 {
  gap: 12px;
}
.from-col.gap-m {
  gap: 24px;
}

.round-title {
  display: inline-block;
  border-radius: 28px;
  padding: 3px 12px 4px;
  height: 28px;
  border: 1px solid #222;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}

.bul-list li,
p.bul-list {
  margin-top: 8px;
  padding-left: 24px;
  text-indent: -20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.bul-list li::before,
p.bul-list::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon/bul_list.svg") center/contain no-repeat;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  content: "";
}
.bul-list li + .bul-list,
p.bul-list + .bul-list {
  margin-top: 4px;
}
.bul-list li.ty-2,
p.bul-list.ty-2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #444;
}
.bul-list li.ty-2::before,
p.bul-list.ty-2::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/icon/bul_list.svg") center/contain no-repeat;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  content: "";
}

.bul-list + li {
  margin-top: 4px;
}
.bul-list li:first-child {
  margin-top: 0;
}
.bul-list li::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/icon/bul_list.svg") center/contain no-repeat;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  content: "";
}

.dot-list li {
  position: relative;
  padding-left: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.dot-list li:not(:last-child) {
  margin-bottom: 8px;
}
.dot-list li:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: #666;
  left: 0;
  top: 8px;
}

.asterisk-list > li .list {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  display: inline-block;
  position: relative;
  padding-left: 11px;
}
.asterisk-list > li .list::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.asterisk-list > li + li {
  margin-top: 8px;
}

.middot-list > li,
p.middot-list {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  position: relative;
  padding-left: 11px;
}
.middot-list > li::before,
p.middot-list::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #222;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}

.bullet-star > li,
p.bullet-star {
  position: relative;
  padding-left: 18px;
  margin-top: 8px;
}
.bullet-star > li.pdl,
p.bullet-star.pdl {
  padding-left: 12px;
}
.bullet-star > li:before,
p.bullet-star:before {
  font: inherit;
  color: inherit;
  position: absolute;
  top: 2px;
  left: 0;
  display: inline;
  content: "*";
}

.bullet-star {
  margin-top: 8px;
}
.bullet-star.in {
  margin-left: 4px;
}
.bullet-star.pdl > li {
  padding-left: 12px;
}
.bullet-star > li {
  margin-top: 3px;
}
.bullet-star > li:first-child {
  margin-top: 0;
}

.bullet-star-2 > li,
p.bullet-star-2 {
  position: relative;
  padding-left: 12px;
  margin: 4px 0 0 4px;
  word-break: keep-all;
  white-space: normal;
  font-weight: 300;
}
.bullet-star-2 > li.ty-2,
p.bullet-star-2.ty-2 {
  margin-left: 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.bullet-star-2 > li::before,
p.bullet-star-2::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.bullet-star-2 {
  margin: 4px 0 0 0;
}
.bullet-star-2.ty-2 > li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 8px;
}
.bullet-star-2 > li {
  margin-top: 3px;
}
.bullet-star-2 > li:first-child {
  margin-top: 0;
}
.bullet-star-2.cmg {
  margin: 8px 0 0 16px;
}
.bullet-star-2.cmg-2 {
  margin: 8px 0 0 0 !important;
}
.bullet-star-2.cmg-2 > li {
  margin-left: 0;
}

.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 .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 li.toggle-active + li {
  border-top: 1px solid #ddd;
}
.toggle-list li.toggle-active:last-child {
  border-bottom: 1px solid #ddd;
}
.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;
}

.toggle-box-list {
  margin-top: 32px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.toggle-box-list .item {
  margin-top: 8px;
}
.toggle-box-list .item:first-child {
  margin-top: 0;
}
.toggle-box-list .item > .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 72px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 32px;
  -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-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
}
.toggle-box-list .item > .tit .bul-ess {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.toggle-box-list .item > .tit .bul-ess::before {
  display: inline-block;
  content: "*";
  color: #ff5d16;
}
.toggle-box-list .item > .tit::after {
  display: block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}
.toggle-box-list .item > .tit .info-area,
.toggle-box-list .item > .tit .error-p-area {
  display: none;
  position: absolute;
  right: 32px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.toggle-box-list .item > .tit .info-area .info,
.toggle-box-list .item > .tit .info-area .invalid-txt,
.toggle-box-list .item > .tit .error-p-area .info,
.toggle-box-list .item > .tit .error-p-area .invalid-txt {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  max-width: 360px;
  width: 360px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggle-box-list .item > .tit .info-area .info small,
.toggle-box-list .item > .tit .info-area .invalid-txt small,
.toggle-box-list .item > .tit .error-p-area .info small,
.toggle-box-list .item > .tit .error-p-area .invalid-txt small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.toggle-box-list .item > .tit .info-area .info .logo,
.toggle-box-list .item > .tit .info-area .info .color,
.toggle-box-list .item > .tit .info-area .invalid-txt .logo,
.toggle-box-list .item > .tit .info-area .invalid-txt .color,
.toggle-box-list .item > .tit .error-p-area .info .logo,
.toggle-box-list .item > .tit .error-p-area .info .color,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .logo,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .color {
  margin-right: 4px;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.toggle-box-list .item > .tit .info-area .info .logo,
.toggle-box-list .item > .tit .info-area .invalid-txt .logo,
.toggle-box-list .item > .tit .error-p-area .info .logo,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .logo {
  width: 32px;
  height: 32px;
}
.toggle-box-list .item > .tit .info-area .info .c-area,
.toggle-box-list .item > .tit .info-area .invalid-txt .c-area,
.toggle-box-list .item > .tit .error-p-area .info .c-area,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .c-area {
  border: 1px solid #f8f8f8;
}
.toggle-box-list .item > .tit .info-area .btn-modify,
.toggle-box-list .item > .tit .error-p-area .btn-modify {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: #eee;
  z-index: 10;
}
.toggle-box-list .item > .tit .info-area .btn-modify::after,
.toggle-box-list .item > .tit .error-p-area .btn-modify::after {
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
  vertical-align: middle;
  margin-left: 4px;
}
.toggle-box-list .item > .tit .error-p-area .invalid-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  max-width: auto;
  width: auto;
}
.toggle-box-list .item.on .tit {
  border: 2px solid #222;
  border-radius: 4px 4px 0 0;
}
.toggle-box-list .item.on .tit:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.toggle-box-list .item.on .tit + .con {
  display: block;
  border: 2px solid #222;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.toggle-box-list .item.toggle-none > .tit::after {
  display: none;
}
.toggle-box-list .item.toggle-none > .tit .btn-modify::after {
  -webkit-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.toggle-box-list .item .input-area {
  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-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.toggle-box-list .item.disable > .tit {
  border: none;
  background-color: #eee;
  cursor: initial;
}
.toggle-box-list .item.disable > .tit::after {
  display: block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}
.toggle-box-list .item.disable > .tit .input-area {
  display: none;
}
.toggle-box-list .item.disable .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle-box-list .item.error > .tit {
  border: 2px solid #f23f3f;
}
.toggle-box-list .item.error > .tit .input-area {
  display: none;
}
.toggle-box-list .item.error .error-p-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle-box-list .item.error .error-p-area .btn-modify {
  background-color: #fff;
}
.toggle-box-list .con {
  display: none;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 32px;
}
.toggle-box-list .con .col-area-wrap {
  height: 184px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.toggle-box-list .con .col-area {
  margin-top: 0;
  row-gap: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.toggle-box-list .con .col-area.open {
  height: auto;
}
.toggle-box-list .con .col-area .item {
  width: 100%;
  text-align: left;
  margin-top: 0;
}
.toggle-box-list .con .col-area .item small {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #666;
}
.toggle-box-list .con .col-area .item .c-area {
  margin-top: -2px;
}
.toggle-box-list .con .col-area .item .inp-t-3 {
  margin-left: 12px;
}
.toggle-box-list .con .col-area.col-2 .item {
  width: 50%;
}
.toggle-box-list .con .col-area.col-3 .item {
  width: 33.3333333333%;
}
.toggle-box-list .con .col-area.col-4 .item {
  width: 25%;
}
.toggle-box-list .con .col-area .col-none {
  width: 100% !important;
}
.toggle-box-list + .col-area {
  margin-top: 32px !important;
}

.c-mfilter-content {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.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 .tit-sub {
  font-weight: 700;
}
.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;
}

.tabs-con .tabs-terms {
  padding-top: 55px;
}
.tabs-con .tabs-terms .clause-list dl dt {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-weight: 500;
  margin-bottom: 14px;
}
.tabs-con .tabs-terms .clause-list dl dt.size-l {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  font-weight: 500;
  margin-bottom: 20px;
}
.tabs-con .tabs-terms .clause-list dl dt.tabs-terms-tit {
  margin-bottom: 20px;
}
.tabs-con .tabs-terms .clause-list dl dd {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.tabs-con .tabs-terms .clause-list dl dd ul li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-bottom: 4px;
}
.tabs-con .tabs-terms .clause-list dl dd ul li strong {
  line-height: 23px;
  font-weight: 700;
}
.tabs-con .tabs-terms .clause-list dl dd ul.order-list > li {
  margin-bottom: 8px;
}
.tabs-con .tabs-terms .clause-list dl dd ul.order-list .terms-txt-s {
  padding-left: 20px;
  margin: 0 0 4px;
}
.tabs-con .tabs-terms .clause-list dl dd ul.number-list > li {
  position: relative;
  padding-left: 20px;
}
.tabs-con .tabs-terms .clause-list dl dd ul.number-list > li .number {
  position: absolute;
  left: 0;
}
.tabs-con .tabs-terms .clause-list dl dd .url-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.tabs-con .tabs-terms .clause-list dl dd .cmm-table thead th {
  background: #f8f8f8;
  color: #222;
  font-weight: 500;
}
.tabs-con .tabs-terms .clause-list dl dd .cmm-table tbody td strong {
  font-weight: 700;
}

.c-form-group .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 6px;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-form-group .form-row > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-form-group .form-row .inp-t {
  margin-left: 0;
}
.c-form-group .form-row .inp-t.inp-money {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.c-form-group + .c-form-group {
  margin-top: 16px;
}

.form-top-label {
  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: 0 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.form-top-label .form-caption {
  margin-top: 0;
}

.form-caption {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
  margin: 8px 2px 0;
}
.form-caption.in {
  margin-left: 4px;
  margin-right: 4px;
}

.agree-all-list.agree-all-list--interval > li {
  margin-top: 16px;
}
.agree-all-list + .agree-all-list {
  margin-top: 40px;
}
.agree-all-list > li {
  margin-top: 12px;
}
.agree-all-list > li:first-child {
  margin-top: 0;
  margin-bottom: 16px;
}
.agree-all-list > li .link-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.agree-all-list > li + .ty-simple--list {
  margin-left: 26px;
}
.agree-all-list > li + .ty-simple--list .ty-simple input[type=checkbox] + label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.agree-all-list > li.agree-depth {
  margin-top: 8px;
  margin-left: 26px;
}

.col-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;
}
.col-area.col-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.col-area .item {
  text-align: right;
}
.col-area .item + .col-title {
  margin-top: 18px;
}
.col-area .col-title {
  margin-bottom: -10px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col-area .title-sub {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin: 0 8px;
}

.contact-badge .text-tag {
  display: inline-block;
  background-color: #eee;
  border-radius: 4px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  padding: 12.5px 25px;
}

.common-left-area .gnb > ul > li ul li.on > a {
  color: #2666c6;
}

.common-sub-content .top-tit.cmm-bg09:after {
  top: -15px !important;
}

.contract-link {
  display: block;
}

.contract {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
  width: 100%;
  height: auto;
  aspect-ratio: 1.586;
  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;
  color: #fff;
  border-radius: 6px 6px 0 0;
}
.contract::before {
  content: "";
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
}

.contract-badge {
  display: inline-block;
  background-color: #222;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  padding: 2px 6px;
}

.info-line-box {
  border: 1px solid #ddd;
  padding: 24px 36px;
  border-radius: 8px;
}

.delivery-info {
  padding: 80px 0 86px;
  margin-top: 80px;
  border-top: 1px solid #ddd;
}
.delivery-info .delivery-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.delivery-info .delivery-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.delivery-info .delivery-steps .delivery-card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f6f8f9;
  border-radius: 12px;
  padding: 28px;
  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;
  gap: 50px;
}
.delivery-info .delivery-steps .delivery-card .step-desc {
  position: relative;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  padding-left: 48px;
  word-break: break-word;
}
.delivery-info .delivery-steps .delivery-card .step-desc::before {
  content: "";
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #f6f8f9;
}
.delivery-info .delivery-steps .delivery-card .step-desc.is-consult::before {
  background-image: url("../images/icon/icon-consult.svg");
}
.delivery-info .delivery-steps .delivery-card .step-desc.is-safe::before {
  background-image: url("../images/icon/icon-safe.svg");
}
.delivery-info .delivery-steps .delivery-card .step-desc.is-delivery::before {
  background-image: url("../images/icon/icon-delivery.svg");
}
.delivery-info .delivery-steps .delivery-card .step-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-align: right;
}
.delivery-info .delivery-button {
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.agree-sub-area {
  padding-top: 29px;
  margin-bottom: 155px;
}
.agree-sub-area .terms-area {
  min-height: 300px;
  margin-top: 40px;
}

.clause-area {
  margin-bottom: 128px;
}
.clause-area * {
  line-height: 23px;
}

.setting-container {
  margin-right: -30px;
  margin-bottom: 128px;
}
.setting-container .gray-box {
  margin-top: 64px;
  margin-bottom: 16px;
  padding: 40px;
  background-color: #f8f8f8;
}
.setting-container .gray-box li {
  padding: 0;
  text-indent: 0;
  letter-spacing: 0;
}
.setting-container .gray-box * {
  color: #222;
  padding: 0;
  font-weight: 300;
}
.setting-container .gray-box .middot-list {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ddd;
}
.setting-container .gray-box .middot-list > li {
  padding: 0 0 0 11px;
}
.setting-container .gray-box .middot-list > li + li {
  margin-top: 4px;
}
.setting-container .setting-date {
  margin-left: 4px;
  margin-right: 2px;
}
.setting-container .setting-date::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-top: -2px;
  width: 1px;
  height: 13px;
  background-color: #ddd;
}
.setting-container .setting-date.not-connected::after {
  display: none;
}

.setting-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 64px;
  gap: 16px;
}
.setting-list > .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 8px);
          flex: 0 0 calc(50% - 8px);
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 32px;
  min-height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.setting-list > .item.flex-none {
  display: block;
}
.setting-list > .item > .col-area {
  width: 100%;
}
.setting-list > .item .title-sub {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.setting-list .setting-info {
  margin-top: 16px;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px 4px;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: normal;
  min-width: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.setting-list .setting-info * {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.setting-list .setting-info > dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 48px;
}
.setting-list .setting-info > dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 52px);
          flex: 0 0 calc(100% - 52px);
  font-weight: 700;
}
.setting-list p.setting-info,
.setting-list ul.setting-info {
  display: block;
}
.setting-list p.setting-info [class^=icon_],
.setting-list ul.setting-info [class^=icon_] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
}
.setting-list p.setting-info > li + li,
.setting-list ul.setting-info > li + li {
  margin-top: 16px;
}
.setting-list .btn-more-3::after {
  background-position: 0 -1px;
}

.sns-connection {
  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;
  gap: 20px 49px;
}
.sns-connection > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 25px);
          flex: 0 0 calc(50% - 25px);
  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;
}
.sns-connection * {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.sns-connection .tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
}
.sns-connection .link {
  text-decoration: underline;
}
.sns-connection .setting-date-area {
  margin-right: 16px;
  color: #666;
}
.sns-connection .setting-date-area .setting-date {
  color: #666;
}
.sns-connection [class^=icon_] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 16px;
}

.icon_naver {
  background: url("../images/common/icon_naver.svg") 0 0 no-repeat;
}

.icon_kakao {
  background: url("../images/common/icon_kakao.svg") 0 0 no-repeat;
}

.icon_google {
  background: url("../images/common/icon_google.svg") 0 0 no-repeat;
}

.icon_apple {
  background: url("../images/common/icon_apple.svg") 0 0 no-repeat;
}

.carPanelWrap {
  position: relative;
}

.carframeWrap__frame {
  position: relative;
  background: url("../images/sub/m-car1.jpg") no-repeat;
  background-size: contain;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
}

.carframeWrap___frame__color {
  position: absolute;
  width: 0;
  height: 480px;
  background: url("../images/sub/m-car2.jpg") no-repeat;
  background-size: contain;
}

.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: 0;
  top: 0;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
}
.carPanel.on {
  opacity: 1;
}

.bgCarimg {
  position: absolute;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
  background: url("../images/sub/m-car3.jpg") no-repeat;
  background-size: contain;
  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: contain;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
}
.carPanelWrap.suv .carframeWrap___frame__color {
  position: absolute;
  width: 0;
  height: 480px;
  background: url("../images/sub/m-suv2.jpg") no-repeat;
  background-size: contain;
}
.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: 0;
  top: 0;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
}
.carPanelWrap.suv .carPanel.on {
  opacity: 1;
}
.carPanelWrap.suv .bgCarimg {
  position: absolute;
  /*width: $carWidth;*/
  width: 100%;
  height: 480px;
  background: url("../images/sub/m-suv3.jpg") no-repeat;
  background-size: contain;
  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;
}
/*# sourceMappingURL=style.css.map */